Instagram_Clone_Coding/Instagram.html at main · googoo81/Instagram_Clone_Coding · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Instagram</title>
        <link href="instagram_sheet_more.css" rel="stylesheet">
        <link href="instagram_topline.css" rel = "stylesheet">
        <link rel="shortcut icon" type="imageint/x-icon" href="https://t1.daumcdn.net/cfile/tistory/99B6AB485D09F2132A">
    </head>
    </head>
    <body>
        <!--Top Line-->
        <div class="Topline">
                <img alt="Instagram" class="logo" src="https://www.instagram.com/static/images/web/mobile_nav_type_logo-2x.png/1b47f9d0e595.png" width="100">
                <img src="instagram home logo.png" class="homelogo" alt="C:\Users\USER\Desktop\소스" width="48">
                <img alt="instagram" class="dmlogo" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ-kcyElLp8gOFw9fGXYLewr3GRvOBq8tIMn2rG_6cc0Ru-7-NxYW4v&usqp=CAU" width="22">
                <img alt="instagram" class="addlogo" src="https://life-share.herokuapp.com/assets/addpic-2e01c3bbf197a5c58e2555acc9ec61c2acf03794d9292a7085721dbae11446cb.png" width="23">
                <img alt="instagram" class="compasslogo" src="http://cdn.onlinewebfonts.com/svg/img_16506.png" width="22">
                <img alt="instagram" class="heartlogo" src="https://cdn-icons-png.flaticon.com/512/2/2267.png" width="23">
                <img alt="instagram" class="my_profile" src="https://nitreo.com/img/igDefaultProfilePic.png" width="25">
                <img src="instagramsearchinput.png" class="searchinput" alt="C:\Users\USER\Desktop\소스" width="270">
        </div>
        <!--End Top Line-->

        <!--setting-->
        <div class="usingexplain">
            <img src="METAexplain.png" class="explain" alt="C:\Users\USER\Desktop\소스" width="320px">
        </div>
        <div class="storyline">
            <img src="instagramstories.png" class="story" alt="C:\Users\USER\Desktop" width="100%">
        </div>
        <!--setting_end-->

        <!--sheet_one-->
        <div class="sheettop_one">
            <img src="yenaprofile.png" class="posting_one_profile" alt="C:\Users\USER\Desktop" width="55px" >
            <span class="username_frist">yena.jigumina</span>
            <img src="pont3@@.png" class="com" alt="C:\Users\USER\Desktop" width="30px">
        </div>
        <img src="yenaposting.png" class="postimage_one" alt="C:\Users\USER\Desktop" width="580px">
        <img src="yenapostingbottom.png" class="sheetbottom_one" alt="C:\Users\USER\Desktop" width="590px">
        <!--sheet_one_end-->

        <!--sheet_two-->
        <div class="sheettop_two">
            <img src="sh0_nooprofile.png" class="posting_two_profile" alt="C:\Users\USER\Desktop" width="50px">
            <span class="username_second">sh0_noo1221</span>
            <img src="pont3@@.png" class="com" alt="C:\Users\USER\Desktop" width="30px">
        </div>
        <img src="sh0_nooposting.png" class="postimage_two" alt="C:\Users\USER\Desktop" width="580px">
        <img src="sh0_noopostingbottom.png" class="sheetbottom_two" alt="C:\Users\USER\Desktop" width="587px">
        <!--sheet_two_end-->
    </body>
</html>