| Current File : /home/digitaw/rakhassalma/.history/index_20240321103759.html |
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap"
rel="stylesheet">
<title>Rakhassalma</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Additional CSS Files -->
<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/templatemo-seo-dream.css">
<link rel="stylesheet" href="assets/css/animated.css">
<link rel="stylesheet" href="assets/css/owl.css">
<!--
TemplateMo 563 SEO Dream
https://templatemo.com/tm-563-seo-dream
-->
</head>
<body>
<!-- ***** Preloader Start ***** -->
<div id="js-preloader" class="js-preloader">
<div class="preloader-inner">
<span class="dot"></span>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!-- ***** Preloader End ***** -->
<!-- ***** Header Area Start ***** -->
<header class="header-area header-sticky wow slideInDown" data-wow-duration="0.75s" data-wow-delay="0s">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="main-nav">
<!-- ***** Logo Start ***** -->
<a href="index.html" class="logo">
<h4>Rakhassalma</h4>
</a>
<!-- ***** Logo End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">
<li class="scroll-to-section"><a href="#top" class="active">Accueil</a></li>
<li class="scroll-to-section"><a href="#about">A propos</a></li>
<li class="scroll-to-section"><a href="#features">Types de lavages</a></li>
<li class="scroll-to-section"><a href="#services">Services</a></li>
<li class="scroll-to-section"><a href="#portfolio">Démos</a></li>
<li class="scroll-to-section">
<div class="main-blue-button"><a href="#contact">Nous contacter</a></div>
</li>
</ul>
<a class='menu-trigger'>
<span>Menu</span>
</a>
<!-- ***** Menu End ***** -->
</nav>
</div>
</div>
</div>
</header>
<!-- ***** Header Area End ***** -->
<div class="main-banner wow fadeIn" id="top" data-wow-duration="1s" data-wow-delay="0.5s">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-6 align-self-center">
<div class="left-content header-text wow fadeInLeft" data-wow-duration="1s" data-wow-delay="1s">
<div class="row">
<div class="col-lg-12 col-sm-4">
<div class="info-stat">
<h4>Service lavage de voiture</h4>
</div>
</div>
<div class="col-lg-12">
<h2>Rakhassalma, Professionnel du lavage de voiture</h2>
</div>
<div class="col-lg-12">
<div class="main-green-button scroll-to-section">
<a href="#contact">Contactez-nous</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="right-image wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
<img src="assets/images/Logo_Rakhassalma.jpg" class="shadow" style="border-radius: 50cm; width:100%" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="about" class="about-us section pb-5 shadow">
<div class="container">
<div class="row">
<div class="col-lg-6 bg-light pt-5 rounded-circle">
<div class="left-image wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
<img src="assets/images/l3.png"style="width:110%" alt="">
</div>
</div>
<div class="col-lg-6 align-self-center wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
<div class="section-heading" style="padding-left:10%">
<h6>A propos de nous</h6>
<h2>Pourquoi <em>laver</em> vos voitures <br> chez nous ?</h2>
</div>
<p style="font-size: 20px; padding-left:10%" ><a rel="nofollow" href="#features" target="_parent">Rakhassalma</a> est une application qui vise
à organiser et à faciliter le service de
nettoyage de voitures en Sénégal. Un nouveau concept conçu pour permettre aux
propriétaires de voitures de garder leurs voitures propres où ils veulent.</p>
<div class="main-green-button"><a href="#">Télécharger l'application</a><img src="assets/images/as.jpg" style="width:30%" alt="" srcset="">
<img src="assets/images/ps.jpg" style="width:30%" alt="" srcset=""></div>
</div>
</div>
</div>
</div>
<div id="features" class="features section">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3 text-center pb-5">
<div class="section-heading wow bounceIn" data-wow-duration="1s" data-wow-delay="0.2s">
<h6>Lavage</h6>
<h2>Type de
</span>
<em>Lavage</em>
</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="features-content">
<div class="row">
<div class="col-lg-4">
<div class="features-item first-feature wow fadeInUp" data-wow-duration="1s" data-wow-delay="0s">
<div class="first-number number">
<h6>01</h6>
</div>
<div class="icon"></div>
<h4>Lavage Externe</h4>
<div class="line-dec"></div>
<p>Le lavage extérieur nettoie la carrosserie avec de l'eau, du savon et une brosse pour éliminer saleté et poussière. Un rinçage à l'eau claire suit pour éliminer les résidus de savon.</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-item second-feature wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s">
<div class="second-number number">
<h6>02</h6>
</div>
<div class="icon"></div>
<h4>Lavage Interne</h4>
<div class="line-dec"></div>
<p>Ce service se concentre sur le nettoyage complet de l'intérieur de votre voiture. Il comprend le dépoussiérage des surfaces, l'aspiration des tapis et des sièges, ainsi que le nettoyage des vitres et des panneaux de portes.</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-item third-feature wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s">
<div class="third-number number">
<h6>03</h6>
</div>
<div class="icon"></div>
<h4>Lavage Complet</h4>
<div class="line-dec"></div>
<p>Ce lavage combine à la fois le nettoyage intérieur et extérieur de votre voiture. Il comprend tous les éléments du lavage externe et du lavage intérieur.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="skills-content justify-content-around align-center d-flex flex-wrap ">
<div class="col-md-3">
<div class="skill-item " data-wow-duration="1s" data-wow-delay="0.1s">
<div class="progress" data-percentage="95">
<span class="progress-left">
<span class="progress-bar"></span>
</span>
<span class="progress-right">
<span class="progress-bar"></span>
</span>
<div class="progress-value">
<div>
95%<br>
<span>Efficacité de nettoyage</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="skill-item " data-wow-duration="1s" data-wow-delay="0.2s">
<div class="progress" data-percentage="100">
<span class="progress-left">
<span class="progress-bar"></span>
</span>
<span class="progress-right">
<span class="progress-bar"></span>
</span>
<div class="progress-value">
<div>
100%<br>
<span>Préservation de la peinture</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="skill-item " data-wow-duration="1s" data-wow-delay="0.4s">
<div class="progress" data-percentage="100">
<span class="progress-left">
<span class="progress-bar"></span>
</span>
<span class="progress-right">
<span class="progress-bar"></span>
</span>
<div class="progress-value">
<div>
100%<br>
<span>Sécurité pour le véhicule</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="skill-item last-skill-item " data-wow-duration="1s" data-wow-delay="0.6s">
<div class="progress" data-percentage="80">
<span class="progress-left">
<span class="progress-bar"></span>
</span>
<span class="progress-right">
<span class="progress-bar"></span>
</span>
<div class="progress-value">
<div>
80%<br>
<span>Temps d'exécution raisonnable</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="services" class="our-services section">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="section-heading wow bounceIn" data-wow-duration="1s" data-wow-delay="0.2s">
<h6>Nos Services</h6>
<h2>Découvrez Ce Que Nous Faisons Et & <span>Proposons</span> À Nos <em>Clients</em></h2>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-4">
<div class="service-item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.3s">
<div class="row">
<div class="col-lg-4">
<div class="icon">
<img src="assets/images/service-icon-01.png" alt="" style="width: 80%; height: 80%;">
</div>
</div>
<div class="col-lg-8">
<div class="right-content">
<h4>Lavage géolocalisé</h4>
<p>Offrir un service de lavage de voiture où les utilisateurs peuvent commander un lavage sur leur lieu de stationnement via l'application.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="service-item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.4s">
<div class="row">
<div class="col-lg-4">
<div class="icon">
<img src="assets/images/service-icon-02.png" alt="" style="width: 80%; height: 80%;">
</div>
</div>
<div class="col-lg-8">
<div class="right-content">
<h4>Lavage premium VIP</h4>
<p>Offrir un service de lavage à la main haut de gamme où les voitures sont nettoyées minutieusement par des professionnels qualifiés.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="service-item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.5s">
<div class="row">
<div class="col-lg-4">
<div class="icon">
<img src="assets/images/service-icon-03.png" alt="" style="width: 80%; height: 80%;">
</div>
</div>
<div class="col-lg-8">
<div class="right-content">
<h4>Lavage express</h4>
<p>Rakhassalma propose un service de lavage express pour
les automobilistes pressés, offrant ainsi une solution pratique et rapide.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="service-item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.6s">
<div class="row">
<div class="col-lg-4">
<div class="icon">
<img src="assets/images/service-icon-04.png" alt=""style="width: 80%; height: 80%;">
</div>
</div>
<div class="col-lg-8">
<div class="right-content">
<h4>Lavage motocyclettes </h4>
<p>
Des services adaptés aux besoins de nettoyage des motocyclettes, y compris le nettoyage des pièces métalliques.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="service-item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.7s">
<div class="row">
<div class="col-lg-4">
<div class="icon">
<img src="assets/images/service-icon-05.png" alt=""style="width: 80%; height: 80%;">
</div>
</div>
<div class="col-lg-8">
<div class="right-content">
<h4>Nettoyage utilitaire</h4>
<p>Un service spécifique pour le nettoyage de camionnettes, fourgonnettes ou autres véhicules utilitaires légers.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="service-item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.8s">
<div class="row">
<div class="col-lg-4">
<div class="icon">
<img src="assets/images/service-icon-06.png" alt=""style="width: 80%; height: 80%;">
</div>
</div>
<div class="col-lg-8">
<div class="right-content">
<h4>Nettoyage tout-terrain</h4>
<p>Des services adaptés aux besoins de nettoyage des véhicules tout-terrain tels que les 4x4, les quads ou les buggies.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="portfolio" class="our-portfolio section">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="section-heading wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s">
<h6>Démos</h6>
<h2>Bonjour , je suis<em> Rakhassalma</em> </span></h2>
</div>
</div>
</div>
</div>
</div>
<div class="myclass">
<input type="radio" name="position" checked >
<input type="radio" name="position" />
<input type="radio" name="position" />
<input type="radio" name="position" />
<input type="radio" name="position" />
<main id="carousel">
<div class="item"> <img src="assets/images/01.png" alt=""></div>
<div class="item"> <img src="assets/images/002.png" alt=""></div>
<div class="item"> <img src="assets/images/02.png" alt=""></div>
<div class="item"> <img src="assets/images/04.png" alt=""></div>
<div class="item"> <img src="assets/images/05.png" alt=""></div>
<div class="item"> <img src="assets/images/06.png" alt=""></div>
<main>
</div>
<div id="contact" style="margin-top: $;" class="contact-us section">
<div class="container">
<div class="row">
<div class="col-lg-12 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.25s">
<form id="contact" action="" method="post">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="section-heading">
<h6>Contactez-Nous</h6>
<h2>Remplissez le formulaire <span>ci-dessous </span>pour nous <em>contactez</em></h2>
</div>
</div>
<div class="col-lg-9">
<div class="row">
<div class="col-lg-6">
<fieldset>
<input type="name" name="name" id="name" placeholder="Nom" autocomplete="on" required>
</fieldset>
</div>
<div class="col-lg-6">
<fieldset>
<input type="surname" name="surname" id="surname" placeholder="Prénom" autocomplete="on" required>
</fieldset>
</div>
<div class="col-lg-6">
<fieldset>
<input type="text" name="email" id="email" pattern="[^ @]*@[^ @]*" placeholder="Email"
required="">
</fieldset>
</div>
<div class="col-lg-6">
<fieldset>
<input type="tel" name="telephone" id="telephone" placeholder="Téléphone" autocomplete="on">
</fieldset>
</div>
<div class="col-lg-12">
<fieldset>
<textarea name="message" type="text" class="form-control" id="message" placeholder="Message"
required=""></textarea>
</fieldset>
</div>
<div class="col-lg-12">
<fieldset>
<button type="submit" id="form-submit" class="main-button ">Envoyer votre message</button>
</fieldset>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="contact-info">
<ul>
<li>
<div class="icon">
<img src="assets/images/contact-icon-01.png" alt="email icon">
</div>
<a href="#">contact@rakhassalma.com</a>
</li>
<li>
<div class="icon">
<img src="assets/images/contact-icon-02.png" alt="phone">
</div>
<a href="#">+221 76 167 53 52</a>
</li>
<li>
<div class="icon">
<img src="assets/images/contact-icon-03.png" alt="location">
</div>
<a href="#">Sénégal ,Dakar ,Cafétéria</a>
</li>
</ul>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-lg-12">
<p>Copyright © 2024 , Ltd. All Rights Reserved.
<br>Web Designed by <a rel="nofollow" href="https://digitalis-sn.com" title="free CSS templates">DIGITALIS
SN</a>
</p>
</div>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/owl-carousel.js"></script>
<script src="assets/js/animation.js"></script>
<script src="assets/js/imagesloaded.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>