| Current File : /home/d/i/g/digitaw/rakhassalma/.history/index_20240314155547.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>
<div class="col-lg-12">
<div class="skills-content">
<div class="row">
<div class="col-lg-3">
<div class="skill-item wow fadeIn" 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-lg-3">
<div class="skill-item wow fadeIn" 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-lg-3">
<div class="skill-item wow fadeIn" 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-lg-3">
<div class="skill-item last-skill-item wow fadeIn" 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>
<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 class="container-fluid wow fadeIn" data-wow-duration="1s" data-wow-delay="0.7s">
<div class="row">
<div class="loop owl-carousel">
<div class="carousel-item active">
<img src="assets/images/01.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="assets/images/002.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="assets/images/02.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="assets/images/04.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="assets/images/05.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="assets/images/06.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="assets/images/07.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="assets/images/08.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="assets/images/09.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="assets/images/10.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="assets/images/11.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="assets/images/12.png" class="d-block w-100" alt="...">
</div>
</div>
</div>
</div>
</div>
<div id="contact" 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>