Latest-Projects/interior.html at main · Babafewa/Latest-Projects · 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/interior.css" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
    <section class="first-main-section">
        <section class="first-section">
            <header>
                <nav>
                    <ul>
                        <li><img src="image/home icon.png" width="50px" height="30px" alt="logo"></li>
                        <li>ABOUT US</li>
                        <li>PORTFOLIO</li>
                        <li>SHOP</li>
                        <li>CONTACT</li>
                    </ul>
                </nav>
            </header>
            <section class="image-section">
                <section class="direct-image-section">
                    <img  src="image/interior 03.jpg"alt="">
                </section>
                <section class="symbol-section">
                    <div class="henny"><i class="fa fa-arrow-up" style="font-size:30px"></i></i></div>
                    <div class="no"><h1>01</h1></div>
                    <div><span class="dot"></span></div>
                    <div><span class="dot"></span></div>
                    <div><span class="dot"></span></div>
                    <div><span class="dot"></span></div>
                    <div><span class="dot"></span></div>
                    <div><span class="dot"></span></div>
                    <div class="no"><h1>06</h1></div>
                    <div class="henny"><i class="fa fa-arrow-down" style="font-size:30px"></i></div>
                </section>
            </section>
        </section>
        <section class="second-section">
            <section class="second-section-section">
                <div class="loading">
                    <p class="p">
                        Let's make your home beautiful
                    </p>
                </div>
                <div class="loader">
                    <img src="image/menu icon.png" width="30px" height="30px" alt="">
                </div>
            </section>
            <section class="interior-section">
                <h1>INTERIOR</h1>
                 <h1>DESIGN</h1>
            </section>
            <section class="photo-section">
                <div class="flex-item"><img class="rounded" src="image/travel 01.jpg"  alt="" width="100px" height="100px">
                <p class="ginger">kitchen</p></div>
                <div class="flex-item"><img class="rounded" src="image/travel 02.jpg"  alt="" width="100px" height="100px">
                    <p class="ginger">Living Room</p></div>
                <div class="flex-items"><img class="rounded" src="image/travel 03.jpg"  alt="" width="100px" height="100px">
                    <p class="ginger">Bedroom</p></div>
            </section>
            <section class="section-p">
                <p class="babe">
                    CREATE A PRODUCT
                </p>
            </section>
            <section class="boss">
                <div class="boy"><img src="image/facebook.png" width="30px" height="30px"  alt=""></div>
                <div class="boy"><img src="image/twitter.png" width="30px" height="30px"  alt=""></div>
                <div class="boy"><img src="image/insta.png" width="30px" height="30px"  alt=""></div>
            </section>
        </section>
    </section>
</body>
</html>