b-b/index.html at main · seis-amigos/b-b · 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
<!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">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="css/style.css">
    <title>Welcome to our Home Page</title>
</head>
<body>
    <header>
        <div id="navbarContainer">
            <div id="logo" class="logo">
                <img src="images/logo.png" alt="">
                <!-- <span>Lorem.</span> -->
            </div>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="real.html" id="store-btn">Real Estate</a></li>
                <li><a href="sales.html">Homes for Sales</a></li>
                <li><a href="about.html">About Us</a></li>

            </ul>
        </div>
        <div class="header-para">
            <span class="para-title">Home</span>
           <span class="space"></span> “Home is where our story begins…”
        </div>
        <div class="header-btn">

             <a href="sales.html"> <button > DISCOVER </button> </a>


        </div>
    </header>

    <main>
        <section id="overview">
            <div id="heading">
                <h2 class="heading-h2">
                    Our vision is where True love exists and you can find your true love just by a click away.
                </h3>
            </div>
            <div id="overcontainer">
            <div id="overviewContant">
                <h3 class="h3">
                    Why B&B is the best choice?
                </h3>
                <p class="main-para">
                    Helping from A – Z by assisting the buyer to finish the dealing with the seller in the safest and fastest way. Also, many homes are feeling lonely and in need to feel lived and loved, for that, our prices are affordable and in reach. 24/7 customer services to answer all the inquiries and the service after selling. We also have a team fully qualified.
                </p>
                <h3 class="h3">
                    Our vision
                </h3>
                <p class="main-para">
                    has always been to build luxury residences that possess unparalleled quality, design and finishes.
                </p>
            </div>
            <div id="imgContainer">
                <img src="images/home.jpg" alt="" class="main-image">
                <img src="images/villa.jpg" alt="" class="main-image">
                <img src="images/villa3.jpg" alt="" class="main-image">
            </div>
        </div>
        </section>
        <section id="slider-section">
            <div id="imageShow">
            </div>
        </section>

    </main>
    <footer class="footer-basic ">

        <div id="footer-logo" class="logo">
            <div id="logo" class="center" >
                <img src="images/logo.png" alt="" >
                <!-- <span>Lorem.</span> -->
            </div>
        </div>
        <div class="social"><a href="#"><i class="icon ion-social-instagram"></i></a><a href="#"><i class="icon ion-social-snapchat"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-facebook"></i></a></div>
        <span class="copyright">Bayt Albuyut © 2021</span>
        <div id="footerQuickLink">
            <h4>QUICK LINKS</h4>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="real.html" >Real Estate</a></li>
                <li><a href="sales.html">Homes for Sales</a></li>
                <li><a href="about.html">About Us</a></li>
            </ul>
        </div>
    </footer>
    <script src="js/app.js"></script>
</body>
</html>