HTMLify
catalogue.html
Views: 6 | Author: karbonsites
1 2 3 4 5 6 | <!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Catalogue Immobilier - Flambeau Booster</title><link rel="stylesheet" href="style.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></head><body><header class="header"><div class="container nav-container"><a href="index.html" class="logo"><div class="logo-container"><div class="flambeau-logo"><i class="fa-solid fa-fire-flame-curved"></i></div>Flambeau <span>Booster</span></div><div class="logo-slogan">plus qu’un booster, votre visibilité prend feu !</div></a><nav class="nav-menu"><a href="index.html">Accueil</a><div class="dropdown"><a href="#" class="dropdown-toggle active">Offres & Espaces <i class="fa-solid fa-chevron-down" style="font-size:0.75rem;"></i></a><div class="dropdown-menu"><a href="catalogue.html" class="active"><i class="fa-solid fa-house-chimney"></i> Catalogue Immobilier</a><a href="voitures.html"><i class="fa-solid fa-car-side"></i> Location & Achat Voitures</a><a href="entrepreneuriat.html"><i class="fa-solid fa-briefcase"></i> Entrepreneuriat & Opportunités</a><a href="publicite.html"><i class="fa-solid fa-rectangle-ad"></i> Publicité & Annonces</a><a href="reseaux-sociaux.html"><i class="fa-solid fa-share-nodes"></i> Espaces TikTok, FB & Chaînes</a><a href="publier-projet.html"><i class="fa-solid fa-lightbulb"></i> + Présenter mon projet</a></div></div><div class="dropdown"><a href="#" class="dropdown-toggle">Réseau & Équipe <i class="fa-solid fa-chevron-down" style="font-size:0.75rem;"></i></a><div class="dropdown-menu"><a href="carte.html"><i class="fa-solid fa-map-location-dot"></i> Carte & Localisation</a><a href="agents.html"><i class="fa-solid fa-user-tie"></i> Nos Agents</a><a href="partenariat.html"><i class="fa-solid fa-handshake"></i> Partenariat</a></div></div><a href="gestion.html" style="color: var(--primary); font-weight:700;"><i class="fa-solid fa-user-gear"></i> Gestion & Add</a><a href="contact.html">Contact</a></nav><div class="hamburger"><i class="fa-solid fa-bars"></i></div></div></header><main><section class="page-header container"><h1>Catalogue Immobilier</h1><p>Trouvez l'espace résidentiel ou professionnel qui correspond à vos critères dans le Haut-Katanga</p></section><section class="container catalogue-section"><div class="filters-bar"><button class="filter-btn active" data-filter="all"><i class="fa-solid fa-border-all"></i> Tous les Espaces</button><button class="filter-btn" data-filter="sale"><i class="fa-solid fa-house"></i> À Vendre</button><button class="filter-btn" data-filter="rent"><i class="fa-solid fa-key"></i> À Louer</button></div><div class="grid-3 catalogue-grid" id="catalogueGrid"><div class="property-card" data-category="sale"><div class="property-img"><img src="https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=600&q=80" alt="Villa"><span class="badge location">À Vendre</span></div><div class="property-info"><h3>Villa Moderne Golf</h3><p class="location"><i class="fa-solid fa-location-dot"></i> Lubumbashi</p><div class="details"><span><i class="fa-solid fa-bed"></i> 4 Chambres</span><span><i class="fa-solid fa-bath"></i> 3 SDB</span></div><div class="price-row"><span class="price">$350,000</span><div style="display:flex; gap:0.5rem;"><a href="contact.html" class="btn btn-primary" style="padding:0.4rem 0.8rem; font-size:0.85rem;">Contacter</a></div></div></div></div><div class="property-card" data-category="rent"><div class="property-img"><img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=600&q=80" alt="Appartement"><span class="badge location rent">À Louer</span></div><div class="property-info"><h3>Appartement Lumineux</h3><p class="location"><i class="fa-solid fa-location-dot"></i> Kampemba, Lubumbashi</p><div class="details"><span><i class="fa-solid fa-bed"></i> 2 Chambres</span><span><i class="fa-solid fa-bath"></i> 2 SDB</span></div><div class="price-row"><span class="price">$1,200/mois</span><div style="display:flex; gap:0.5rem;"><a href="contact.html" class="btn btn-primary" style="padding:0.4rem 0.8rem; font-size:0.85rem;">Contacter</a></div></div></div></div><div class="property-card" data-category="sale"><div class="property-img"><img src="https://images.unsplash.com/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=600&q=80" alt="Maison"><span class="badge location">À Vendre</span></div><div class="property-info"><h3>Résidence Joli Site</h3><p class="location"><i class="fa-solid fa-location-dot"></i> Likasi</p><div class="details"><span><i class="fa-solid fa-bed"></i> 5 Chambres</span><span><i class="fa-solid fa-bath"></i> 4 SDB</span></div><div class="price-row"><span class="price">$220,000</span><div style="display:flex; gap:0.5rem;"><a href="contact.html" class="btn btn-primary" style="padding:0.4rem 0.8rem; font-size:0.85rem;">Contacter</a></div></div></div></div><div class="property-card" data-category="rent"><div class="property-img"><img src="https://images.unsplash.com/photo-1580587771525-78b9dba3b914?auto=format&fit=crop&w=600&q=80" alt="Maison"><span class="badge location rent">À Louer</span></div><div class="property-info"><h3>Duplex Haut standing</h3><p class="location"><i class="fa-solid fa-location-dot"></i> Kolwezi</p><div class="details"><span><i class="fa-solid fa-bed"></i> 3 Chambres</span><span><i class="fa-solid fa-bath"></i> 3 SDB</span></div><div class="price-row"><span class="price">$2,000/mois</span><div style="display:flex; gap:0.5rem;"><a href="contact.html" class="btn btn-primary" style="padding:0.4rem 0.8rem; font-size:0.85rem;">Contacter</a></div></div></div></div></div></section></main><footer class="footer slide-footer"><div class="footer-toggle-bar"><div class="container footer-toggle-content"><span><i class="fa-solid fa-chevron-up" id="footerToggleIcon"></i> Informations & Contact Flambeau Booster</span><button class="footer-toggle-btn" id="footerToggleBtn">Afficher le bas de page</button></div></div><div class="footer-sliding-panel" id="footerPanel"><div class="container footer-grid"><div class="footer-col"><h3><div class="flambeau-logo" style="display:inline-flex;margin-right:8px;"><i class="fa-solid fa-fire-flame-curved"></i></div>Flambeau <span>Booster</span></h3><p>Votre partenaire de confiance.</p></div><div class="footer-col"><h4>Espaces de Navigation</h4><ul><li><a href="index.html">Accueil</a></li><li><a href="catalogue.html">Catalogue Immobilier</a></li><li><a href="voitures.html">Location & Achat Voitures</a></li><li><a href="entrepreneuriat.html">Entrepreneuriat & Opportunités</a></li><li><a href="publicite.html">Publicité & Annonces</a></li><li><a href="reseaux-sociaux.html">Espaces TikTok, FB & Chaînes</a></li><li><a href="publier-projet.html">+ Présenter mon projet</a></li><li><a href="carte.html">Carte interactive</a></li><li><a href="agents.html">Nos Agents</a></li><li><a href="partenariat.html">Partenariat</a></li><li><a href="gestion.html">Gestion & Add Agents/Partenaires</a></li><li><a href="contact.html">Contact</a></li></ul></div><div class="footer-col"><h4>Contactez-nous</h4><p><i class="fa-solid fa-location-dot"></i> Lubumbashi</p><p><i class="fa-solid fa-phone"></i> <a href="tel:+243980902677">+243 98 090 2677</a> / <a href="tel:+243827601149">+243 82 760 1149</a></p><p><i class="fa-solid fa-envelope"></i> <a href="mailto:contact@flambeauboosterdrc.com">contact@flambeauboosterdrc.com</a></p></div></div><div class="footer-bottom"><p>© 2024 Flambeau Booster.</p></div></div></footer><div id="globalLoader" class="global-loader"><div class="loader-spinner"></div><p>Traitement en cours...</p></div><a href="https://wa.me/243980902677?text=Bonjour%20Flambeau%20Booster,%20je%20suis%20intéressé(e)%20par%20le%20catalogue%20immobilier." class="whatsapp-float" target="_blank" aria-label="Contactez-nous sur WhatsApp"><i class="fa-brands fa-whatsapp"></i></a><script src="script.js" defer></script> <a href="https://karbonsites.space/home" target="_blank" id="karbon-promo-banner"> <span>✨</span> <div>Built with <b>Karbon Sites</b></div> </a> </body></html> |