Website-commison-test/index.html at main · MODIMOLOLG/Website-commison-test · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css"
        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
    <title>Bluehouse real estate</title>
</head>

<body>

    <nav>
        <div>
            <img src="media/company-logo.png" class="navLogoImg">
        </div>
        <div class="navContainerForLinks">
            <a href="" class="navLinks">Housing variant 1</a>
            <a href="" class="navLinks">Housing variant 2</a>
            <a href="" class="navLinks">Housing variant 3</a>
            <a href="" class="navLinks">Housing variant 4</a>
        </div>
        <a href="" class="navContact">Contact us</a>
    </nav>

    <div style="margin-top: 4.5rem;"></div>

    <div class="pagecontainer">
        <div id="carouselExampleControls" class="carousel slide banner-horizontal" data-ride="carousel"
            data-interval="3000">
            <div class="carousel-inner height-md-50">
                <div class="carousel-item active">
                    <img class="d-block w-100 slide1" src="media/banner-horizontal-1.jpg">
                </div>
                <div class="carousel-item">
                    <img class="d-block w-100 slide2" src="media/banner-horizontal-1.jpg">
                </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>

    <div class="accent">
        <div class="pagecontainer">
            <div class="panel">
                <h1>About us</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, temporibus! Nihil eveniet harum totam
                    voluptatibus inventore saepe, repellendus id aperiam suscipit numquam ratione. Deleniti, sequi?
                    Delectus
                    voluptate nulla dolorum dolorem. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sed in
                    nesciunt
                    exercitationem tempore error libero fugit, perferendis iste quam qui et sunt deleniti, pariatur
                    laborum
                    quisquam
                    facilis, aperiam saepe asperiores.</p>
            </div>
        </div>
    </div>

    <div class="pagecontainer">

        <div class="panel">
            <div class="textLight">
                <h1>Our products</h1>
                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Provident, officiis quisquam labore eius
                    dignissimos debitis optio eligendi necessitatibus mollitia temporibus, ea maiores vero veniam
                    nesciunt
                    eos unde possimus numquam saepe.</p>
            </div>

            <div class="row">

                <div class="col-md-6">
                    <div class="cardObj">
                        <img src="media/banner-vertical-1.jpg" class="cardImage">
                        <div class="cardBody textLight">
                            <h2>Title text info</h2>
                            <p>With supporting text below as a natural lead-in to additional content.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="cardObj">
                        <img src="media/banner-vertical-1.jpg" class="cardImage">
                        <div class="cardBody textLight">
                            <h2>Title text info</h2>
                            <p>With supporting text below as a natural lead-in to additional content.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="cardObj">
                        <img src="media/banner-vertical-1.jpg" class="cardImage">
                        <div class="cardBody textLight">
                            <h2>Title text info</h2>
                            <p>With supporting text below as a natural lead-in to additional content.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="cardObj">
                        <img src="media/banner-vertical-1.jpg" class="cardImage">
                        <div class="cardBody textLight">
                            <h2>Title text info</h2>
                            <p>With supporting text below as a natural lead-in to additional content.</p>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>

    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js"
        integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
        crossorigin="anonymous"></script>
    <script src="script.js"></script>

</body>

</html>