| Current File : /home/digitaw/rakhassalma/.history/index_20240314093350.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 <img src="assets/images/Logo_Rakhassalma-removebg-preview.png" style="width: 900px" alt=""></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">
<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>Reach Out</h4>
<div class="line-dec"></div>
<p>This HTML5 template is based on Bootstrap 5 CSS. You are free to customize anything.</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>Develop a Strategy</h4>
<div class="line-dec"></div>
<p>Lorem ipsum dolor sit ameter consectetur adipiscing li elit sed do eiusmod.</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-item first-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>Implementation</h4>
<div class="line-dec"></div>
<p>If this template is useful for your website, please consider to <a rel="nofollow"
href="https://www.paypal.me/templatemo" target="_blank">support us</a> a little.</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="0s">
<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>HTML/CSS/JS</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="60">
<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>
60%<br>
<span>Wordpress</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="90">
<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>
90%<br>
<span>Marketing</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="70">
<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>
70%<br>
<span>Photoshop</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>Our 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>Our Portofolio</h6>
<h2>Discover Our Recent <em>Projects</em> And <span>Showcases</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="col-lg-12">
<div class="loop owl-carousel">
<div class="item">
<div class="portfolio-item">
<div class="thumb">
<img src="assets/images/portfolio-01.jpg" alt="">
<div class="hover-content">
<div class="inner-content">
<a href="#">
<h4>Awesome Project 101</h4>
</a>
<span>Marketing</span>
</div>
</div>
</div>
</div>
<div class="portfolio-item">
<div class="thumb">
<img src="assets/images/portfolio-04.jpg" alt="">
<div class="hover-content">
<div class="inner-content">
<a href="#">
<h4>Awesome Project 102</h4>
</a>
<span>Branding</span>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="portfolio-item">
<div class="thumb">
<img src="assets/images/portfolio-02.jpg" alt="">
<div class="hover-content">
<div class="inner-content">
<a href="#">
<h4>Awesome Project 103</h4>
</a>
<span>Consulting</span>
</div>
</div>
</div>
</div>
<div class="portfolio-item">
<div class="thumb">
<img src="assets/images/portfolio-05.jpg" alt="">
<div class="hover-content">
<div class="inner-content">
<a href="#">
<h4>Awesome Project 104</h4>
</a>
<span>Artwork</span>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="portfolio-item">
<div class="thumb">
<img src="assets/images/portfolio-03.jpg" alt="">
<div class="hover-content">
<div class="inner-content">
<a href="#">
<h4>Awesome Project 105</h4>
</a>
<span>Branding</span>
</div>
</div>
</div>
</div>
<div class="portfolio-item">
<div class="thumb">
<img src="assets/images/portfolio-06.jpg" alt="">
<div class="hover-content">
<div class="inner-content">
<a href="#">
<h4>Awesome Project 106</h4>
</a>
<span>Artwork</span>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="portfolio-item">
<div class="thumb">
<img src="assets/images/portfolio-04.jpg" alt="">
<div class="hover-content">
<div class="inner-content">
<a href="#">
<h4>Awesome Project 107</h4>
</a>
<span>Creative</span>
</div>
</div>
</div>
</div>
<div class="portfolio-item">
<div class="thumb">
<img src="assets/images/portfolio-01.jpg" alt="">
<div class="hover-content">
<div class="inner-content">
<a href="#">
<h4>Awesome Project 108</h4>
</a>
<span>Consulting</span>
</div>
</div>
</div>
</div>
</div>
</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>