Makaan - Real Estate HTML Template> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="keywords"> <meta content="" name="description">  <link href="img/favicon.ico" rel="icon">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&family=Inter:wght@700;800&display=swap" rel="stylesheet">  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">  <link href="lib/animate/animate.min.css" rel="stylesheet"> <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">  <link href="css/bootstrap.min.css" rel="stylesheet">  <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="container-xxl bg-white p-0">  <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"> <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status"> <span class="sr-only">Loading...</span> </div> </div>   <div class="container-fluid nav-bar bg-transparent"> <nav class="navbar navbar-expand-lg bg-white navbar-light py-0 px-4"> <a href="index.html" class="navbar-brand d-flex align-items-center text-center"> <div class=> <img src="img/logo-default-151x44.png" class="img-fluid w-100" alt="Second slide"/> </div> <h1 class="m-0 text-primary"></h1> </a> <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <div class="navbar-nav ms-auto"> <a href="index.html" class="nav-item nav-link active">Accueil</a> <a href="about.html" class="nav-item nav-link">À propos</a> <a href="about.html" class="nav-item nav-link">Projets</a> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Services</a> <div class="dropdown-menu rounded-0 m-0"> <a href="property-list.html" class="dropdown-item">Visites virtuelles</a> <a href="property-type.html" class="dropdown-item">Locaux</a> <a href="property-agent.html" class="dropdown-item">Terrains</a> </div> </div> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Localité</a> <div class="dropdown-menu rounded-0 m-0"> <a href="testimonial.html" class="dropdown-item">Birkhadem</a> <a href="404.html" class="dropdown-item">Dar El Beïda</a> <a href="testimonial.html" class="dropdown-item">Bab Ezzouar</a> <a href="404.html" class="dropdown-item">Chéragaa</a> <a href="testimonial.html" class="dropdown-item">Draria</a> <a href="404.html" class="dropdown-item">Saïd Hamdiner</a> <a href="testimonial.html" class="dropdown-item">Ruisseau</a> </div> </div> <a href="contact.html" class="nav-item nav-link">Nos offres</a> <a href="contact.html" class="nav-item nav-link">Recrutement</a> <a href="contact.html" class="nav-item nav-link">Contact</a> </div> <a href="file:///C:/Users/wadie/Desktop/real-estate-html-template/contact2.html" class="btn btn-primary px-3 d-none d-lg-flex">Ajouter propriété</a> </div> </nav> </div>   <div class="container-fluid header bg-white p-0"> <div class="row g-0 align-items-center flex-column-reverse flex-md-row"> <div class="col-md-6 p-5 mt-lg-5"> <h1 class="display-5 animated fadeIn mb-4">Trouvez une <span class="text-primary">maison idéale</span> pour vivre avec votre famille</h1> <p class="animated fadeIn mb-4 pb-2"></p> <a href="file:///C:/Users/wadie/Desktop/real-estate-html-template/contact%20-%20Copie.html" class="btn btn-primary py-3 px-5 me-3 animated fadeIn">Commencer</a> </div> <div class="col-md-6 animated fadeIn"> <div class="owl-carousel header-carousel"> <div class="owl-carousel-item"> <img class="img-fluid" src="img/carousel-1.jpg" alt=""> </div> <div class="owl-carousel-item"> <img class="img-fluid" src="img/carousel-2.jpg" alt=""> </div> </div> </div>   <div class="container-fluid bg-primary mb-5 wow fadeIn" data-wow-delay="0.1s" style="padding: 35px;"> <div class="container"> <div class="row g-2"> <div class="col-md-10"> <div class="row g-2"> <div class="col-md-4"> <input type="text" class="form-control border-0 py-3" placeholder="Rechercher un mot clé"> </div> <div class="col-md-4"> <select class="form-select border-0 py-3"> <option selected>Type de propriété</option> <option value="3">Locaux</option> <option value="3">villa</option> <option value="3">Triplex</option> <option value="3">Duplex</option> <option value="3">Studio</option> <option value="1">appartement F2</option> <option value="2">appartement F3</option> <option value="3">appartement F4</option> <option value="3">appartement F5</option> </select> </div> <div class="col-md-4"> <select class="form-select border-0 py-3"> <option selected>Localité</option> <option value="3">Birkhadem</option> <option value="3">Dar El Beïda</option> <option value="3">Bab Ezzouar</option> <option value="3">Chéraga</option> <option value="3">Draria</option> <option value="3">Saïd Hamdiner</option> <option value="3">Ruisseau</option> </select> </div> </div> </div> <div class="col-md-2"> <button class="btn btn-dark border-0 w-100 py-3">Recherche</button> </div> </div> </div> </div>   <div class="container-xxl py-5"> <div class="container"> <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;"> <h4 <p> ــــــــ L'élégance moderne au quotidien ــــــــ</p></h4> <h5 <p> L'alliance du confort moderne et du luxe avec nos résidences haut de gamme</p></h5> </div> <div class="row g-4"> <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.1s"> <a class="cat-item d-block bg-light text-center rounded p-3" href=""> <div class="rounded p-4"> <div class=> <img class="img-fluid w-100" src="img/property-2.jpg"> </div> <br> <h6>Villa </h6> <span></span> </div> </a> </div> <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.3s"> <a class="cat-item d-block bg-light text-center rounded p-3" href=""> <div class="rounded p-4"> <div class=> <img class="img-fluid w-100" src="img/icon-apartment.jpg"> </div> <br> <h6>L'entrée</h6> <span></span> </div> </a> </div> <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.5s"> <a class="cat-item d-block bg-light text-center rounded p-3" href=""> <div class="rounded p-4"> <div class=> <img class="img-fluid w-100" src="img/icon-apartment1.jpg"> </div> <br> <h6>Séjour</h6> <span></span> </div> </a> </div> <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.7s"> <a class="cat-item d-block bg-light text-center rounded p-3" href=""> <div class="rounded p-4"> <div class=> <img class="img-fluid w-100" src="img/icon-apartment2.jpg"> </div> <br> <h6>Suite</h6> <span></span> </div> </a> </div> <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.1s"> <a class="cat-item d-block bg-light text-center rounded p-3" href=""> <div class="rounded p-4"> <div class=> <img class="img-fluid w-100" src="img/icon-apartment3.jpg"> </div> <br> <h6>Cuisine</h6> <span></span> </div> </a> </div> <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.3s"> <a class="cat-item d-block bg-light text-center rounded p-3" href=""> <div class="rounded p-4"> <div class=> <img class="img-fluid w-100" src="img/icon-apartment4.jpg"> </div> <br> <h6>Salle d'eau</h6> <span></span> </div> </a> </div> <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.5s"> <a class="cat-item d-block bg-light text-center rounded p-3" href=""> <div class="rounded p-4"> <div class=> <img class="img-fluid w-100" src="img/icon-apartment5.jpg"> </div> <br> <h6>La cour</h6> <span></span> </div> </a> </div> <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.7s"> <a class="cat-item d-block bg-light text-center rounded p-3" href=""> <div class="rounded p-4"> <div class=> <img class="img-fluid" src="img/icon-luxury.jpg" alt="Icon"> </div> <br> <h6>piscine</h6> <span></span> </div> </a> </div> </div> </div> </div>   <div class="container-xxl py-5"> <div class="container"> <div class="row g-5 align-items-center"> <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s"> <div class="about-img position-relative overflow-hidden p-5 pe-0"> <img class="img-fluid w-100" src="img/about.jpg"> </div> </div> <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s"> <h1 class="mb-4">Projets Immobiliers d'une Qualité Exceptionnelle</h1> <p class="mb-4">nous nous engageons à vous offrir des projets immobiliers qui allient excellence et durabilité. Chaque réalisation est conçue avec une attention minutieuse aux détails, des matériaux de haute qualité et une innovation constante pour répondre aux standards les plus élevés. Faites confiance à notre expertise pour trouver le bien immobilier de vos rêves, qui saura allier confort, sécurité et esthétisme.</p> <p><i class="fa fa-check text-primary me-3"></i>Votre confort, notre prioritét</p> <p><i class="fa fa-check text-primary me-3"></i>L'excellence dans chaque détail</p> <p><i class="fa fa-check text-primary me-3"></i>Des constructions solides et durable</p> <a class="btn btn-primary py-3 px-5 mt-3" href="">En savoir plus</a> </div> </div> </div> </div>   <div class="container-xxl py-5"> <div class="container"> <div class="row g-0 gx-5 align-items-end"> <div class="col-lg-6"> <div class="text-start mx-auto mb-5 wow slideInLeft" data-wow-delay="0.1s"> <h1 class="mb-3">Liste des propriétés</h1> <p>Vous souhaitez vivre dans une maison individuelle de luxe au cœur d'un quartier exclusif d'Alger ? Nous proposons des appartements et villas offrant emplacement idéal, sécurité, confort, sérénité et proximité des services essentiels.</p> </div> </div> <div class="col-lg-6 text-start text-lg-end wow slideInRight" data-wow-delay="0.1s"> <ul class="nav nav-pills d-inline-flex justify-content-end mb-5"> <li class="nav-item me-2"> <a class="btn btn-outline-primary active" data-bs-toggle="pill" href="#tab-1">En vedette</a> </li> <li class="nav-item me-2"> <a class="btn btn-outline-primary" data-bs-toggle="pill" href="#tab-2">À vendre</a> </li> <li class="nav-item me-0"> <a class="btn btn-outline-primary" data-bs-toggle="pill" href="#tab-3">À louer</a> </li> </ul> </div> </div> <div class="tab-content"> <div id="tab-1" class="tab-pane fade show p-0 active"> <div class="row g-4"> <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-7.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">À vendre</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Villa</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">65 millions Da</h5> <a class="d-block h5 mb-2" href="">Vente villa </a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>50 villa, Cheraga, Alger</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>325 M²</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>6 chambres</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>4 salles de bain</small> </div> </div> </div> <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-1.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">À vendre</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Appartment</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-3.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">À vendre</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Appartment</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-4.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">À vendre</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Appartment</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-5.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">À vendre</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Appartment</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-6.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">À vendre</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Appartment</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-12 text-center wow fadeInUp" data-wow-delay="0.1s"> <a class="btn btn-primary py-3 px-5" href="">plus de propriétés</a> </div> </div> </div> <div id="tab-2" class="tab-pane fade show p-0"> <div class="row g-4"> <div class="col-lg-4 col-md-6"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-1.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Appartment</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-2.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Villa</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-3.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Office</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-4.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Building</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-5.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Home</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-6.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Shop</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-12 text-center"> <a class="btn btn-primary py-3 px-5" href="">Browse More Property</a> </div> </div> </div> <div id="tab-3" class="tab-pane fade show p-0"> <div class="row g-4"> <div class="col-lg-4 col-md-6"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-1.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Appartment</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-2.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Villa</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-3.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Office</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-4.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Building</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-5.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Home</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="property-item rounded overflow-hidden"> <div class="position-relative overflow-hidden"> <a href=""><img class="img-fluid" src="img/property-6.jpg" alt=""></a> <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Shop</div> </div> <div class="p-4 pb-0"> <h5 class="text-primary mb-3">$12,345</h5> <a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a> <p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p> </div> <div class="d-flex border-top"> <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small> <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small> <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> </div> </div> </div> <div class="col-12 text-center"> <a class="btn btn-primary py-3 px-5" href="">Browse More Property</a> </div> </div> </div> </div> </div> </div>   <div class="container-xxl py-5"> <div class="container"> <div class="bg-light rounded p-3"> <div class="bg-white rounded p-4" style="border: 1px dashed rgba(0, 185, 142, .3)"> <div class="row g-5 align-items-center"> <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s"> <img class="img-fluid rounded w-100" src="img/call-to-action.jpg" alt=""> </div> <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s"> <div class="mb-4"> <h1 class="mb-3">Contacter un conseiller client</h1> <p>Eirmod sed ipsum dolor sit rebum magna erat. Tempor lorem kasd vero ipsum sit sit diam justo sed vero dolor duo.</p> </div> <a href="" class="btn btn-primary py-3 px-4 me-2"><i class="fa fa-phone-alt me-2"></i>Passer un appel</a> <a href="file:///C:/Users/wadie/Desktop/real-estate-html-template/contact.html" class="btn btn-dark py-3 px-4"><i class="fa fa-calendar-alt me-2"></i>Obtenir un rendez-vous</a> </div> </div> </div> </div> </div> </div>   <div class="container-xxl py-5"> <div class="container"> <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;"> <h1 class="mb-3">Restez à jour sur les tendances du marché immobilier</h1> <p></p> </div> <div class="row g-4"> <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s"> <div class="team-item rounded overflow-hidden"> <div class="position-relative"> <img class="img-fluid" src="img/team-1.jpg" alt=""> <div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center"> <a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-f"></i></a> <a class="btn btn-square mx-1" href=""><i class="fab fa-twitter"></i></a> <a class="btn btn-square mx-1" href=""><i class="fab fa-instagram"></i></a> </div> </div> <div class="text-center p-4 mt-3"> <a class="d-block h5 mb-2" href="">Les duplex et triplex :</a> <br> <small>le haut de gamme de l’immobilier de luxe</small> </div> </div> </div> <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s"> <div class="team-item rounded overflow-hidden"> <div class="position-relative"> <img class="img-fluid" src="img/team-2.jpg" alt=""> <div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center"> <a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-f"></i></a> <a class="btn btn-square mx-1" href=""><i class="fab fa-twitter"></i></a> <a class="btn btn-square mx-1" href=""><i class="fab fa-instagram"></i></a> </div> </div> <div class="text-center p-4 mt-3"> <a class="d-block h5 mb-2" href="">Trouver une maison à Alger : </a> <small>astuces pour réussir votre achat immobilier</small> </div> </div> </div> <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s"> <div class="team-item rounded overflow-hidden"> <div class="position-relative"> <img class="img-fluid" src="img/team-3.jpg" alt=""> <div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center"> <a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-f"></i></a> <a class="btn btn-square mx-1" href=""><i class="fab fa-twitter"></i></a> <a class="btn btn-square mx-1" href=""><i class="fab fa-instagram"></i></a> </div> </div> <div class="text-center p-4 mt-3"> <a class="d-block h5 mb-2" href="">S’installer à Alger :</a> <br> <small>les quartiers les plus prisés en 2024</small> </div> </div> </div> <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s"> <div class="team-item rounded overflow-hidden"> <div class="position-relative"> <img class="img-fluid" src="img/team-4.jpg" alt=""> <div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center"> <a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-f"></i></a> <a class="btn btn-square mx-1" href=""><i class="fab fa-twitter"></i></a> <a class="btn btn-square mx-1" href=""><i class="fab fa-instagram"></i></a> </div> </div> <div class="text-center p-4 mt-3"> <a class="d-block h5 mb-2" href="">Achat d’appartement à Alger :</a> <small>les critères essentiels pour faire le bon choix</small> </div> </div> </div> </div> </div> </div>   <div class="container-xxl py-5"> <div class="container"> <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;"> <h1 class="mb-3">Témoignages</h1> <p>L’opinion de nos clients</p> </div> <div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.1s"> <div class="testimonial-item bg-light rounded p-3"> <div class="bg-white border rounded p-4"> <p>Un service attentionné et professionnel, offrant des propositions personnalisées en fonction de nos envies.</p> <div class="d-flex align-items-center"> <div class="ps-3"> <h6 class="fw-bold mb-1">A. Ben Cheikh</h6> <small></small> </div> </div> </div> </div> <div class="testimonial-item bg-light rounded p-3"> <div class="bg-white border rounded p-4"> <p>Merci pour cette expérience et votre professionnalisme. Je vous souhaite plein de succès !!</p> <div class="d-flex align-items-center"> <div class="ps-3"> <h6 class="fw-bold mb-1">H. Merrah</h6> <small></small> </div> </div> </div> </div> <div class="testimonial-item bg-light rounded p-3"> <div class="bg-white border rounded p-4"> <p>Superbe entreprise ! Un personnel à l'écoute et un Directeur général attentif aux besoins des clients.</p> <div class="d-flex align-items-center"> <div class="ps-3"> <h6 class="fw-bold mb-1">MEZOUAR abdellah</h6> <small></small> </div> </div> </div> </div> </div> </div> </div>   <div class="container-fluid bg-dark text-white-50 footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s"> <div class="container py-5"> <div class="row g-5"> <div class="col-lg-3 col-md-6"> <h5 class="text-white mb-4">Nos agences</h5> <p class="mb-1"><i class="fa fa-map-marker-alt me-1"></i>Cité 8 mai 1945 Sorecal Bab Ezzouar Algérie</p> <h5 class="text-white mb-4">Contactez-nous</h5> <p class="mb-2"><i class="fa fa-phone-alt me-1"></i>+213 98 56 53</p> <p class="mb-2"><i class="fa fa-envelope me-1"></i>contact@mezapromo.com</p> <div class="d-flex pt-2"> <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a> <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a> <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a> <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a> </div> </div> <div class="col-lg-3 col-md-6"> <h5 class="text-white mb-4">Liens</h5> <a class="btn btn-link text-white-50" href="">Accueil</a> <a class="btn btn-link text-white-50" href="">À propos</a> <a class="btn btn-link text-white-50" href="">Projets</a> <a class="btn btn-link text-white-50" href="">Services</a> <a class="btn btn-link text-white-50" href="">Localité</a> <a class="btn btn-link text-white-50" href="">Nos offres</a> <a class="btn btn-link text-white-50" href="">Contact</a> </div> <div class="col-lg-3 col-md-6"> <h5 class="text-white mb-4">Nos localités</h5> <a class="btn btn-link text-white-50" href="">Birkhadem</a> <a class="btn btn-link text-white-50" href="">Dar El Beïda</a> <a class="btn btn-link text-white-50" href="">Bab Ezzouar</a> <a class="btn btn-link text-white-50" href="">Chéragaa</a> <a class="btn btn-link text-white-50" href="">Draria</a> <a class="btn btn-link text-white-50" href="">Saïd Hamdiner</a> <a class="btn btn-link text-white-50" href="">Ruisseau</a> </div> <div class="col-lg-3 col-md-6"> <h5 class="text-white mb-4">Bulletin</h5> <p>Dolor amet sit justo amet elitr clita ipsum elitr est.</p> <div class="position-relative mx-auto" style="max-width: 400px;"> <input class="form-control bg-transparent w-100 py-3 ps-4 pe-5" type="text" placeholder="Votre email"> <button type="button" class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2">S'inscrire</button> </div> </div> </div> </div> <div class="container"> <div class="copyright"> <div class="row"> <div class="col-md-6 text-center text-md-start mb-3 mb-md-0"> © <a class="border-bottom" href="#">Copyright 2024 | Mezabiapromotion</a>, Tous droits réservés.  <a class="border-bottom" href="https://mezabiapromotion.com"></a> </div> <div class="col-md-6 text-center text-md-end"> <div class="footer-menu"> <a href="">Accueil</a> <a href="">Cookies</a> <a href="">Aide</a> <a href="">FAQ</a> </div> </div> </div> </div> </div> </div>   <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a> </div>  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> <script src="lib/wow/wow.min.js"></script> <script src="lib/easing/easing.min.js"></script> <script src="lib/waypoints/waypoints.min.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script> <script src="https://chatrace.com/webchat/plugin.js?v=5"></script><script>ktt10.setup({id:"AhjDhndz8ExYnR",accountId:"1146964",color:"#006dff"})</script>  <script src="js/main.js"></script> </body> </html>