Interior-Design-Landing-Page/index.html at main · JoshuasProgramming/Interior-Design-Landing-Page · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--Favicon image-->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

    <!--stylesheet below-->
    <link rel="stylesheet" href="style.css">
    <title>Interiors</title>
</head>
<body>
    <!--Section 1 (on a display flex row with sub-section1 having a flex-grow greater than sub-section2)-->
    <section class="section-1">

        <!--Sub-section 1 (on a display flex row for navbar)-->
        <section class="sub1-section1">
            <!--background image with navigation bar above-->
            <ul class="navbar">
                <li><a href="#">Home</a></li>
                <li><a href="#">Shop</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>
            </ul>

        </section>
        <!--Sub-section 2 (on a display flex column)-->
        <section class="sub2-section1">
            <!--h1 tag-->
            <h1>Discover Innovative Ways To Decorate</h1>
            <!--p tag-->
            <p>We provide unmatched quality, comfort and style for property owners across the country. Our experts combine form and function in bringing your vision to life. Create a room in your own style with our collection and make your property a reflection of you and what you have</p>
            <!--a tag-->
            <a href="#">Shop Now</a>
        </section>

    </section>

    <!--Section 2 (on a display flex row)-->
    <section class="section-2">

        <!--Sub-section 1 (background image)-->
        <section class="sub1-section2">

        </section>
        <!--Sub-section 2 (h1 tag & p tag on a display flex column)-->
        <section class="sub2-section2">
            <!--h1 tag-->
            <h1>About Our Furniture</h1>
            <!--p tag-->
            <p>Our multifunctional collection blends design and function to suit your individual taste. Make each room unique or pick a cohesive theme that best express your interests and what impress you. Find the furniture pieces you need, from traditional to contemporary styles, or anything in between. Product specialists are available to help you create your dream space.</p>
        </section>
        <!--Sub-section 3 (background image)-->
        <section class="sub3-section2">

        </section>

    </section>
</body>
</html>