| Current File : /home/digitaw/rakhassalma/.history/index_20240314155126.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="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>Services</h6>
<h2>Discover What We Do & <span>Offer</span> To Our <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="">
</div>
</div>
<div class="col-lg-8">
<div class="right-content">
<h4>Similar Websites</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dormque laudantium.</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="">
</div>
</div>
<div class="col-lg-8">
<div class="right-content">
<h4>Website Trends</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dormque laudantium.</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="">
</div>
</div>
<div class="col-lg-8">
<div class="right-content">
<h4>Traffic Analysis</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dormque laudantium.</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-03.png" alt="">
</div>
</div>
<div class="col-lg-8">
<div class="right-content">
<h4>Optimizing Keywords</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dormque laudantium.</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-01.png" alt="">
</div>
</div>
<div class="col-lg-8">
<div class="right-content">
<h4>Page Optimizations</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dormque laudantium.</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-02.png" alt="">
</div>
</div>
<div class="col-lg-8">
<div class="right-content">
<h4>Deep URL Analysis</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dormque laudantium.</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 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>Contact Us</h6>
<h2>Fill Out The Form Below To <span>Get</span> In <em>Touch</em> With Us</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="Name" autocomplete="on" required>
</fieldset>
</div>
<div class="col-lg-6">
<fieldset>
<input type="surname" name="surname" id="surname" placeholder="Surname" autocomplete="on"
required>
</fieldset>
</div>
<div class="col-lg-6">
<fieldset>
<input type="text" name="email" id="email" pattern="[^ @]*@[^ @]*" placeholder="Your Email"
required="">
</fieldset>
</div>
<div class="col-lg-6">
<fieldset>
<input type="subject" name="subject" id="subject" placeholder="Subject" 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 ">Send Message Now</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="#">info@company.com</a>
</li>
<li>
<div class="icon">
<img src="assets/images/contact-icon-02.png" alt="phone">
</div>
<a href="#">+001-002-0034</a>
</li>
<li>
<div class="icon">
<img src="assets/images/contact-icon-03.png" alt="location">
</div>
<a href="#">26th Street, Digital Villa</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 © 2021 SEO Dream Co., Ltd. All Rights Reserved.
<br>Web Designed by <a rel="nofollow" href="https://templatemo.com"
title="free CSS templates">TemplateMo</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>