<!doctype html>
<html lang= »fr »>
<head>
<meta charset= »utf-8″ />
<meta name= »viewport » content= »width=device-width,initial-scale=1″ />
<meta
name= »description »
content= »Location de voitures et d’appartements: annonces, disponibilites, prix et demande de reservation. »
/>
<title>BanaJou Kounka | Location voitures & appartements</title>
<meta property= »og:title » content= »BanaJouKounka | Location voitures & appartements » />
<meta
property= »og:description »
content= »Trouvez une voiture ou un appartement, consultez les details et faites une demande de reservation. »
/>
<meta property= »og:type » content= »website » />
<meta property= »og:locale » content= »fr_FR » />
<link rel= »icon » href= »./assets/img/favicon.svg » type= »image/svg+xml » />
<link rel= »stylesheet » href= »./assets/css/theme.css » />
</head>
<body class= »page-home »>
<a class= »skip-link » href= »#contenu »>Aller au contenu</a>
<header class= »site-header » data-js= »header »>
<div class= »container header-inner »>
<a class= »brand » href= »./index.html » aria-label= »Accueil »>
<span class= »brand-mark » aria-hidden= »true »>BK</span>
<span class= »brand-text »>
<span class= »brand-name »>BanaJou Kounka</span>
<span class= »brand-sub »>Locations</span>
</span>
</a>
<nav class= »nav » aria-label= »Navigation »>
<button class= »nav-toggle » type= »button » data-js= »nav-toggle » aria-expanded= »false »>
<span class= »nav-toggle-lines » aria-hidden= »true »></span>
<span class= »sr-only »>Ouvrir le menu</span>
</button>
<ul class= »nav-list » data-js= »nav-list »>
<li><a class= »nav-link is-active » href= »./index.html »>Accueil</a></li>
<li><a class= »nav-link » href= »./voitures.html »>Voitures</a></li>
<li><a class= »nav-link » href= »./catalogue-photos.html »>Catalogue</a></li>
<li><a class= »nav-link » href= »./appartements.html »>Appartements</a></li>
<li><a class= »nav-link » href= »./destinations.html »>Destinations</a></li>
<li><a class= »nav-link » href= »./partenaire.html »>Devenir partenaire</a></li>
<li><a class= »nav-link » href= »./contact.html »>Contact</a></li>
</ul>
</nav>
<div class= »header-actions »>
<a class= »btn btn-primary btn-sm » href= »./contact.html »>Reserver</a>
</div>
</div>
</header>
<main id= »contenu »>
<section class= »hero »>
<div class= »container hero-inner »>
<div class= »hero-copy »>
<p class= »eyebrow »>Premium. Simple. Rapide.</p>
<h1>Location de voitures & appartements haut de gamme en Afrique</h1>
<p class= »lead »>
Louez des vehicules premium et des appartements a Abidjan, Conakry, Kinshasa et plus, avec un
service humain et une reponse rapide.
</p>
<div class= »hero-cta »>
<a class= »btn btn-dark » href= »./voitures.html »>Voir les voitures</a>
<a class= »btn btn-primary » href= »./appartements.html »>Voir les appartements</a>
</div>
<div class= »hero-search »>
<form class= »search-card » data-js= »home-search »>
<div class= »search-tabs » aria-label= »Type »>
<label class= »tab »><input type= »radio » name= »type » value= »car » checked /> Location de voitures</label>
<label class= »tab »><input type= »radio » name= »type » value= »apt » /> Location d’appartements</label>
</div>
<div class= »toolbar »>
<div class= »toolbar-group »>
<label class= »field »>
<span class= »field-label »>Destination</span>
<select class= »select » name= »dest » aria-label= »Destination »></select>
</label>
<label class= »field »>
<span class= »field-label »>Date debut</span>
<input class= »input » type= »date » name= »start » />
</label>
<label class= »field field-time »>
<span class= »field-label »>Heure debut</span>
<input class= »input » type= »time » name= »startTime » value= »09:00″ />
</label>
<label class= »field »>
<span class= »field-label »>Date fin</span>
<input class= »input » type= »date » name= »end » />
</label>
<label class= »field field-time »>
<span class= »field-label »>Heure fin</span>
<input class= »input » type= »time » name= »endTime » value= »09:00″ />
</label>
</div>
<div class= »toolbar-group »>
<button class= »btn btn-primary » type= »submit »>Rechercher</button>
</div>
</div>
</form>
<p class= »tiny » style= »margin-top:10px; »>
Astuce: cliquez sur une annonce puis « Demander une reservation » pour generer votre message.
</p>
</div>
</div>
<div class= »hero-media » aria-hidden= »true »>
<img src= »./assets/img/cars/photos/mercedes-glc.jpg » alt= » » />
</div>
</div>
</section>
<section class= »section section-featured »>
<div class= »container »>
<div class= »section-head »>
<h2>Nos voitures vedettes</h2>
<a class= »text-link » href= »./voitures.html »>Voir tout</a>
</div>
<div class= »slider » data-js= »slider-cars » aria-label= »Slider voitures vedettes »>
<button class= »slider-btn slider-prev » type= »button » data-slider-prev>
<span class= »sr-only »>Precedent</span>
</button>
<div class= »card-grid slider-track » data-js= »home-cars » data-slider-track aria-live= »polite »></div>
<button class= »slider-btn slider-next » type= »button » data-slider-next>
<span class= »sr-only »>Suivant</span>
</button>
<div class= »slider-dots » data-slider-dots aria-label= »Pagination »></div>
</div>
</div>
</section>
<section class= »section section-dest »>
<div class= »container »>
<div class= »section-head »>
<h2>Destinations populaires</h2>
</div>
<div class= »slider » data-js= »slider-dest » aria-label= »Slider destinations populaires »>
<button class= »slider-btn slider-prev » type= »button » data-slider-prev>
<span class= »sr-only »>Precedent</span>
</button>
<div class= »dest-grid slider-track » data-js= »home-dest » data-slider-track aria-live= »polite »></div>
<button class= »slider-btn slider-next » type= »button » data-slider-next>
<span class= »sr-only »>Suivant</span>
</button>
<div class= »slider-dots » data-slider-dots aria-label= »Pagination »></div>
</div>
<div class= »home-center-actions »>
<a class= »btn btn-primary btn-sm btn-wide » href= »./destinations.html »>Voir toutes les destinations</a>
</div>
</div>
</section>
<section class= »section section-clients »>
<div class= »container »>
<div class= »section-head »>
<h2>Nos clients parlent de nous</h2>
<p class= »muted »>Location voiture, appartement, chauffeur prive.</p>
</div>
<div class= »clients-layout »>
<div class= »clients-cards »>
<article class= »card »>
<a class= »card-media » href= »./voitures.html » aria-label= »Location de voiture »>
<img src= »./assets/img/cars/photos/ford-explorer.jpg » alt= » » loading= »lazy » />
</a>
<div class= »card-body »>
<h3>Location de voiture</h3>
<p class= »muted »>Vehicules premium, service rapide, assistance.</p>
<div class= »card-actions »>
<a class= »btn btn-primary btn-sm » href= »./voitures.html »>Louer une voiture</a>
</div>
</div>
</article>
<article class= »card »>
<a class= »card-media » href= »./appartements.html » aria-label= »Location d’appartement »>
<img src= »./assets/img/apartments/immeuble-abidjan.png » alt= » » loading= »lazy » />
</a>
<div class= »card-body »>
<h3>Location d’appartement</h3>
<p class= »muted »>Appartements meubles a Abidjan (sur demande).</p>
<div class= »card-actions »>
<a class= »btn btn-primary btn-sm » href= »./appartements.html »>Louer un appartement</a>
</div>
</div>
</article>
<article class= »card »>
<a class= »card-media » href= »./contact.html » aria-label= »Chauffeur prive »>
<img src= »./assets/img/ui/chauffeur-prive.png » alt= » » loading= »lazy » />
</a>
<div class= »card-body »>
<h3>Chauffeur prive</h3>
<p class= »muted »>Service VIP selon disponibilite (sur demande).</p>
<div class= »card-actions »>
<a class= »btn btn-primary btn-sm » href= »./contact.html »>Reserver un chauffeur</a>
</div>
</div>
</article>
</div>
<div class= »clients-big » aria-hidden= »true »>
<img src= »./assets/img/ui/couple-afro-travel.png » alt= » » />
<div class= »clients-big-overlay »></div>
</div>
</div>
</div>
</section>
</main>
<footer class= »home-footbar » aria-label= »Pied de page »>
<div class= »container home-footbar-top »>
<div class= »home-footbar-title »>Reservez votre voiture ou appartement des maintenant</div>
<div class= »home-footbar-actions » aria-label= »Actions rapides »>
<a class= »home-footbar-btn home-footbar-btn-light » href= »./voitures.html » aria-label= »Louer une voiture »>
<svg viewBox= »0 0 24 24″ width= »18″ height= »18″ aria-hidden= »true » focusable= »false »>
<path fill= »currentColor » d= »M5 11l1.6-4.3A3 3 0 0 1 9.4 5h5.2a3 3 0 0 1 2.8 1.7L19 11h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1a2.5 2.5 0 0 1-5 0H10a2.5 2.5 0 0 1-5 0H4a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h1zm3.2-4.1L7.2 9.5h9.6l-1-2.6a1.2 1.2 0 0 0-1.2-.7H9.4c-.6 0-1 .2-1.2.7zM7.5 18.5a1.3 1.3 0 1 0 0-2.6 1.3 1.3 0 0 0 0 2.6zm9 0a1.3 1.3 0 1 0 0-2.6 1.3 1.3 0 0 0 0 2.6z »/>
</svg>
<span>Louer une voiture</span>
</a>
<a class= »home-footbar-btn home-footbar-btn-gold » href= »./appartements.html » aria-label= »Louer un appartement »>
<svg viewBox= »0 0 24 24″ width= »18″ height= »18″ aria-hidden= »true » focusable= »false »>
<path fill= »currentColor » d= »M4 10.5l8-6 8 6V20a1.8 1.8 0 0 1-1.8 2H5.8A1.8 1.8 0 0 1 4 20v-9.5zm6 10V15h4v5.5h-4z »/>
</svg>
<span>Louer un appartement</span>
</a>
</div>
<a class= »home-footbar-wa » href= »./contact.html » aria-label= »WhatsApp / Contact »>
<svg viewBox= »0 0 32 32″ width= »22″ height= »22″ aria-hidden= »true » focusable= »false »>
<path fill= »currentColor » d= »M19.1 18.2c-.3-.2-1.6-.8-1.9-.9-.3-.1-.5-.2-.7.2-.2.3-.8.9-1 .9-.2.1-.4.1-.7-.1-.3-.2-1.2-.4-2.2-1.4-.8-.7-1.4-1.6-1.5-1.9-.2-.3 0-.5.1-.6l.4-.5c.1-.2.2-.4.3-.6.1-.2 0-.4 0-.6 0-.2-.7-1.7-.9-2.3-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.6.1-.9.4-.3.3-1.2 1.2-1.2 2.9s1.2 3.4 1.3 3.6c.2.2 2.4 3.7 5.8 5.2.8.4 1.5.6 2 .8.8.2 1.6.2 2.2.1.7-.1 2.1-.9 2.4-1.7.3-.8.3-1.5.2-1.7-.1-.2-.3-.3-.6-.5z »/>
<path fill= »currentColor » d= »M16 3C8.8 3 3 8.7 3 15.8c0 2.3.6 4.5 1.8 6.4L3 29l6.9-1.8c1.8 1 3.9 1.5 6.1 1.5 7.2 0 13-5.7 13-12.8C29 8.7 23.2 3 16 3zm0 23.1c-2.1 0-4.1-.6-5.8-1.7l-.4-.2-4.1 1.1 1.1-4-.2-.4c-1.2-1.7-1.9-3.7-1.9-5.9C4.7 9.7 9.8 4.7 16 4.7S27.3 9.7 27.3 15.8 22.2 26.1 16 26.1z »/>
</svg>
</a>
</div>
<div class= »home-footbar-bottom » aria-label= »Bureaux »>
<div class= »container »>
<div data-js= »office-links »></div>
</div>
</div>
</footer>
<script type= »module » src= »./assets/js/main.js »></script>
<script type= »module » src= »./assets/js/pages/home.js »></script>
</body>
</html>