Done !
| Server IP : 46.105.57.169 / Your IP : 216.73.217.35 Web Server : Apache System : Linux webm002.cluster120.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : verseaumee ( 152031) PHP Version : 8.5.7 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/verseaumee/123click/assets/ |
Upload File : |
home/verseaumee/123click/index.html 0000604 00000077676 15074300572 0013173 0 ustar 00
<!doctype html>
<html lang="zxx">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" href="assets/images/favicon2.png" type="image/x-icon">
<title>Verseau Multimedia</title>
<meta name="description" content=" VMG est une agence spécialisée dans le dévelopment des solutions digital.Sa mission principale se résume à offrir à toutes entreprises et institutions des services digital accesible tous" />
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
<!-- Template CSS -->
<link href="//fonts.googleapis.com/css?family=Poppins:100,300,400,500,500i,600,700&display=swap" rel="stylesheet">
<!-- Template CSS -->
</head>
<body>
<!--/top-header-content-->
<section class="w3l-top-header-content">
<div class="hny-top-menu">
<div class="top-hd">
<div class="container-fluid">
<div class="row">
<div class="social-top col-lg-6">
<li><a href="#"><span class="fa fa-facebook"></span></a></li>
<li><a href="#"><span class="fa fa-instagram"></span></a> </li>
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-vimeo"></span></a> </li>
<li>
<a href="#">
<span class="fa fa-linkedin"></span>
</a>
</li>
</div>
<div class="accounts col-lg-6">
<li class="top_li"><span class="fa fa-mobile"></span><a href="tel:+33699463724">(+33) 699 46 37 24</a>
</li>
<li class="top_li"><span class="fa fa-envelope-o"></span><a href="mailto:frank@lauvia.com">Besoin d'aide? Contactez-nous via mail</a>
</li>
<li class="top_li1"><span class="fa fa-map-marker"></span> Gravenson, France </li>
</div>
</div>
</div>
</div>
<!--/nav-->
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<!-- <a class="navbar-brand" href="index.html"><span class="fa fa-podcast" aria-hidden="true"></span> <label class="lohny">H</label>andler</a> -->
<!-- <!-- if logo is image enable this -->
<a class="navbar-brand" href="#index.html">
<img src="assets/images/logo2.png" alt="Your logo" title="Your logo" style="height:35px;" />
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#nous">A propos de nous</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!--//nav-->
</div>
</section>
<!--//top-header-content-->
<!--w3l-banner-slider-main-->
<section class="w3l-banner-slider-main">
<div class="bannerhny-content">
<!--/banner-slider-->
<div class="content-baner-inf">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="carousel-caption">
<h3 id="textbanner-decrease">Agence Web & Solutions IT innovantes</span></h3>
<p>VMG Est Une Agence Internationale Qui Rassemble Des Experts afin De Créer Des Services Digitaux Accesibles à Tous.</p>
<a href="#services" class="banner-btn btn">Découvrir</a>
</div>
</div>
</div>
<div class="carousel-item item2">
<div class="container">
<div class="carousel-caption">
<h3>Nos <span class="b-ck"> expertises </span></h3>
<p>Creation site internet, Site e-commerce, Référencement SEO, Applications mobiles, Solution logiciels,<span id="hide-effect"> Développement de logiciels, Cybersécurité, Solution cloud, visuelle et branding/ Vidéo d'entreprse</span></p>
<a href="#services" class="banner-btn btn">Découvrir</a>
</div>
</div>
</div>
<div class="carousel-item item3">
<div class="container">
<div class="carousel-caption">
<h3 id="textbanner-decrease">DES SOLUTIONS DIGITALES CREATIVES <span class="b-ck"> ET INNOVANTES</span></h3>
<p>CREONS ENSEMBLE UNE EXPERIENCE DIGITALE</p>
<a href="#services" class="banner-btn btn">Découvrir</a>
</div>
</div>
</div>
<!-- <div class="carousel-item item4"> -->
<!-- <div class="container"> -->
<!-- <div class="carousel-caption"> -->
<!-- <h3>Digital <span class="b-ck">Solutions</span></h3> -->
<!-- <p>We are experts in design, development & implementation</p> -->
<!-- <a href="#services" class="banner-btn btn">Découvrir</a> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!--//banner-slider-->
</div>
<!--/featured-grids -->
<!--//featured-grids -->
</section>
<!-- //w3l-banner-slider-main -->
<section class="w3l-content-6" id="nous">
<!-- /content-6-section -->
<div class="content-6-mian py-5">
<div class="container py-lg-5">
<div class="content-info-in row">
<div class="content-gd col-lg-4">
<h3 class="hny-title">
Créons ensemble une expérience digitale <span class="dot-1">.</span></h3>
</div>
<div class="content-gd col-lg-4">
<p>VMG est une agence spécialisée dans le développement de solutions digitales. Sa mission principale consiste à offrir à toute entreprise et institution des services digitaux accesibles à tous.
</p>
</div>
<div class="content-gd col-lg-4">
<p>Nous regroupons un ensemble d'experts designers, de technologies et de stratégies permettant d'apporter le meilleur du digital. Nos équipes prennent en charge la mise en œuvre et la réalisation d’un projet digital.</p>
</div>
</div>
</div>
</div>
</section>
<!-- //content-6-section -->
<section class="w3l-specification-6" id="services">
<!-- /specification-6-->
<div class="specification-6-mian">
<div class="container-fluid">
<div class="align-counter-6-inf-cols row">
<div class="counter-6-inf-left col-lg-6">
<h3 class="hny-title two" style="font-size:5xs5px">DES SERVICES DIGITAUX ACCESSIBLES A TOUS...<span class="dot-1">.</span></h3>
</div>
<div class="counter-6-inf-right col-lg-6">
<div class="specification">
<div class="specification-icon">
<span class="fa fa-desktop"></span>
</div>
<div class="specification-info">
<h6><a href="#">Développement Web</a></h6>
<p>Conception de sites internet sur messure, refonte (Redynamisez votre site web), Wordpress, Joomla, Web-Apps, blogs, Plateforme CMS, Chatbox, Module Sondage.</p>
</div>
</div>
<div class="specification">
<div class="specification-icon">
<span class="fa fa-shopping-cart"></span>
</div>
<div class="specification-info">
<h6><a href="#">Site eCommerce</a></h6>
<p>WooCommerce, Shopify, Magento, Prestashop, BigCommerce, Solutions de Paiement en ligne.</p>
</div>
</div>
<div class="specification">
<div class="specification-icon">
<span class="fa fa-mobile"></span>
</div>
<div class="specification-info">
<h6><a href="#">Solutions Mobile</a></h6>
<p>Développement d'applications mobiles sur mesure (Android/Apple IOS), publication des applications sur Play store et Apple Store, Applications GSM. </p>
</div>
</div>
<div class="specification">
<div class="specification-icon">
<span class="fa fa-code"></span>
</div>
<div class="specification-info">
<h6><a href="#">Développement logiciel</a></h6>
<p>Développement de logiciels spécifiques sur mesure, logiciels de gestion d'entreprise, intégration des API, test et vérification des logiciels, développement des systemes AI (Intelligence artificielle).</p>
</div>
</div>
<div class="specification last-one">
<div class="specification-icon">
<span class="fa fa-database"></span>
</div>
<div class="specification-info">
<h6><a href="#">Développement des bases de données et Cloud</a></h6>
<p>Gestion de base de donnée, sauvegardes et restauration des données, Microsft SSIS, SQl/MySQL, Solutions Professionnelles Cloud.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- //specification-6-->
<section class="w3l-content-w-photo-6">
<!-- /specification-6-->
<div class="content-photo-6-mian py-5">
<div class="container py-lg-5">
<div class="align-photo-6-inf-cols row">
<div class="photo-6-inf-right col-lg-7">
<!-- <h3 class="hny-title text-left"><span class="dot-1">.</span></h3> -->
<div class="row grids-innf">
<div class="specification col-md-6">
<div class="specification-icon">
<span class="fa fa-lock"></span>
</div>
<div class="specification-info">
<h6><a href="#">CyberSecurité</a></h6>
<p>Sécurité des systèmes d'information, sécurisation de votre site internet (HTTPS,Certificat SSL/SSH de Qualité), Outils de chiffrement pour vos données, Outils de surveillance contre les Hackeurs.</p>
</div>
</div>
<div class="specification col-md-6">
<div class="specification-icon">
<span class="fa fa-line-chart"></span>
</div>
<div class="specification-info">
<h6><a href="#">SEO Marketing</a></h6>
<p>Optimisation pour les moteurs de recherche (Google,Bing), marketing sur les réseaux sociaux, outils d'analyse de site web, optimisation des requêtes et des scripts afin de booster la rapidité de votre site internet. </p>
</div>
</div>
<div class="specification col-md-6">
<div class="specification-icon">
<span class="fa fa-edit"></span>
</div>
<div class="specification-info">
<h6><a href="#">Branding</a></h6>
<p> Nous concevons des logos, dépliants, affiches, cartes de visite, T-shirts pour vos marques ainsi que des illustrations. Nos outils: Adobe PhotoShop, Adobe Illustrator.</p>
</div>
</div>
<div class="specification last-one col-md-6">
<div class="specification-icon">
<span class="fa fa-video-camera"></span>
</div>
<div class="specification-info">
<h6><a href="#">Vidéo d'entreprise</a></h6>
<p>Réalisation vidéo corporate, film institutionnel, Montage vidéo, Etalonnage vidéo. Prestation sur mesure et de qualité. Nos outils: Adobe Prémiere Pro, After Effects, DavinCi Resolve, FinalCut Pro.</p>
</div>
</div>
</div>
</div>
<div class="photo-6-inf-left col-lg-5">
<img src="assets/images/grid1.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- //specification-6-->
<!-- /counter-6--
<section class="w3l-counter-6">
<div class="conuter-66-info py-5">
<div class="container py-lg-5">
<div class="counter-grids-info row">
<div class="counter-gd col-lg-3">
<label>TRUST US</label>
<h4>Our Fun Facts</h4>
</div>
<div class="counter-gd col-lg-3">
<h6>141+</h6>
<p>Campains</p>
</div>
<div class="counter-gd col-lg-3">
<h6>251+</h6>
<p>Global Customer</p>
</div>
<div class="counter-gd col-lg-3">
<h6>880+</h6>
<p>Completed Projects</p>
</div>
</div>
</div>
</div>
</section>
<!-- //counter-6-->
<!--WebDesign-->
<section class="websection-wrapper">
<div class="web-left-section" style="background-color:#eb2941">
<div class="web-left-section-text" data-aos="fade-right">
<h5></h5>
<h2>Développement Web & E-commerce</h2>
<p>Vous voulez créer un site facilement administrable, pour montrer votre présence sur le web, expliquer votre expertise, votre concept ? Vous voulez faciliter la prise de contact pour vos clients ou encore mettre en place un e-commerce simplifié ? Vous êtes au bon endroit.
</p>
<a href="#contact"><footer class="button-outline">Écrivez-nous</footer></a>
</div>
</div>
<div class="web-right-section">
<div class="web-right-section-img" data-aos="fade-left" style="background-image:url('assets/images/genieprevention.jpg')">
</div>
</div>
</section>
<!--//WebDesign--->
<!--banner3-->
<section class="banner3">
<h1>Les technologies que nous utilisons</h1>
<ul>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/html.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/css3.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/js.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/php.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/mysql.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/node2.png" style="border-radius:0px;"></div>
</li>
<!--Second Row-->
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/java.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/android.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/apple.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/windows.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/angular.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/python.png" style="border-radius:0px;"></div>
</li>
<!--Third Row-->
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/wordpress2.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/joomla.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/shopify.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/prestashop.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/magento.png" style="border-radius:0px;"></div>
</li>
<li>
<div class="seoicon-services" style="border-radius:0px;"><img src="assets/images/drupal.png" style="border-radius:0px;"></div>
</li>
<ul>
</section>
<!--//banner3-->
<!-- portfolio -->
<section class="w3-gallery">
<div class="porfolio-inf py-5">
<div class="container py-lg-5">
<h3 class="hny-title text-center">Nos dernières réalisations<span class="dot-1">.</span></h3>
<p style="text-align:center; width:100%">Découvrez quelques unes de nos dernières références significatives.</p>
<!-- <ul class="portfolio-categ filter my-md-5 my-4 p-0 text-center"> -->
<!-- <li class="port-filter all active"> -->
<!-- <a href="#">All</a> -->
<!-- </li> -->
<!-- <li class="cat-item-1"> -->
<!-- <a href="#" title="Category 1">Architecture</a> -->
<!-- </li> -->
<!-- <li class="cat-item-2"> -->
<!-- <a href="#" title="Category 2">Web Design</a> -->
<!-- </li> -->
<!-- <li class="cat-item-3"> -->
<!-- <a href="#" title="Category 3">Creative</a> -->
<!-- </li> -->
<!-- <li class="cat-item-4"> -->
<!-- <a href="#" title="Category 4">Portfolio</a> -->
<!-- </li> -->
<!-- </ul> -->
<ul class="portfolio-area clearfix p-0 m-0 row">
<li class="portfolio-item2 content" data-id="id-1" data-type="cat-item-1">
<span class="image-block">
<a class="image-zoom" href="assets/images/genieprevention.jpg" data-gal="prettyPhoto[gallery]">
<div class="content-overlay"></div>
<img src="assets/images/genieprevention.jpg" class="img-fluid" alt="portfolio-img">
<div class="content-details fadeIn-bottom">
<a href="http://www.genieprevention.com/"><h3 class="content-title">Genie Prevention</h3></a>
</div>
</a>
</span>
</li>
<li class="portfolio-item2 content" data-id="id-2" data-type="cat-item-2">
<span class="image-block">
<a class="image-zoom" href="assets/images/royalkarukera.jpg" data-gal="prettyPhoto[gallery]">
<div class="content-overlay"></div>
<img src="assets/images/royalkarukera.jpg" class="img-fluid" alt="portfolio-img">
<div class="content-details fadeIn-bottom">
<a href="http://www.royal-karukera.net/"><h3 class="content-title">Royal Karukera</h3></a>
</div>
</a>
</span>
</li>
<li class="portfolio-item2 content" data-id="id-3" data-type="cat-item-1">
<span class="image-block">
<a class="image-zoom" href="assets/images/ptitsanes.jpg" data-gal="prettyPhoto[gallery]">
<div class="content-overlay"></div>
<img src="assets/images/ptitsanes.jpg" class="img-fluid" alt="portfolio-img">
<div class="content-details fadeIn-bottom">
<a href="http://ptits-anes.fr/"><h3 class="content-title">Ptits Anes</h3></a>
</div>
</a>
</span>
</li>
<li class="portfolio-item2 content" data-id="id-7" data-type="cat-item-3">
<span class="image-block">
<a class="image-zoom" href="assets/images/sulycast-theme.jpg" data-gal="prettyPhoto[gallery]">
<div class="content-overlay"></div>
<img src="assets/images/sulycast-theme.jpg" class="img-fluid" alt="portfolio-img">
<div class="content-details fadeIn-bottom">
<a href="http://sulycast.com/"><h3 class="content-title">Suly Cast</h3></a>
</div>
</a>
</span>
</li>
<li class="portfolio-item2 content" data-id="id-2" data-type="cat-item-2">
<span class="image-block">
<a class="image-zoom" href="assets/images/afrikavio.jpg" data-gal="prettyPhoto[gallery]">
<div class="content-overlay"></div>
<img src="assets/images/afrikavio.jpg" class="img-fluid" alt="portfolio-img">
<div class="content-details fadeIn-bottom">
<a href="http://afrikavio.com/"><h3 class="content-title">Afrika Vio</h3>
</div>
</a>
</span>
</li>
<!-- <li class="portfolio-item2 content" data-id="id-7" data-type="cat-item-3"> -->
<!-- <span class="image-block"> -->
<!-- <a class="image-zoom" href="assets/images/p6.jpg" data-gal="prettyPhoto[gallery]"> -->
<!-- <div class="content-overlay"></div> -->
<!-- <img src="assets/images/p6.jpg" class="img-fluid" alt="portfolio-img"> -->
<!-- <div class="content-details fadeIn-bottom"> -->
<!-- <h3 class="content-title">Add Your Title</h3> -->
<!-- </div> -->
<!-- </a> -->
<!-- </span> -->
<!-- </li> -->
</ul>
<!--end portfolio-area -->
</div>
<!-- //gallery container -->
</div>
</section>
<!-- //portfolio -->
<section class="w3l-progress-6">
<!-- /counter-6--
<div class="progress-66-info py-5">
<div class="container py-lg-5">
<div class="counter-grids-info row">
<div class="counter-gd col-lg-6 offset-lg-6">
<label>Welcome On Board</label>
<h4>Join Our user Family</h4>
<p>NOS COMPÉTENCES AU SERVICE DE LA CROISSANCE DE VOTRE MARQUE ET DE VOTRE RÉUSSITE..</p>
<div class="bars-main-info mt-lg-5 mt-4">
<div class="progress-info mb-4">
<h6 class="progress-tittle">Activity Level</h6>
<div class="progress">
<div class="progress-bar progress-bar-striped" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
<div class="progress-info mb-4">
<h6 class="progress-tittle">Satisfaction</h6>
<div class="progress">
<div class="progress-bar progress-bar-striped" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- //counter-6-->
<!--WebDesign-->
<section class="websection-wrapper">
<div class="web-left-section" style="background-color:#095fa7">
<div class="web-left-section-text" data-aos="fade-right">
<h5></h5>
<h3>Nous réalisons nos projets en partenariat avec l'équipe d'expert Odfi Africa</h3>
</div>
</div>
<div class="web-right-section">
<div class="web-right-section-img" data-aos="fade-left">
</div>
</div>
</section>
<!--//WebDesign--->
<!-- /contact-form -->
<section class="w3l-contact-main">
<div class="contact-infhny py-5">
<div class="container">
<div class="contact-grids row py-lg-5">
<div class="contact-left col-lg-6" id="contact">
<img src="assets/images/contact-sec.jpg" alt="" class="img-fluid">
</div>
<div class="contact-right col-lg-6 pl-lg-4" >
<h3>Nous contacter</h3>
<h4>Une question ? Envoyez-nous un message</h4>
<form action="" method="post" class="signin-form mt-lg-5 mt-4">
<div class="input-grids">
<input type="text" name="w3lName" placeholder="VOTRE PRÉNOM" class="contact-input" />
<input type="email" name="w3lSender" placeholder="VOTRE NOM" class="contact-input" />
<input type="text" name="w3lSubect" placeholder="SOCIÉTÉ" class="contact-input" />
<input type="text" name="w3lSubect" placeholder="TÉLÉPHONE" class="contact-input" />
<input type="number" name="w3lPhone" placeholder="EMAIL" class="contact-input" />
</div>
<div class="form-input">
<textarea name="w3lMessage" placeholder="VOTRE MESSAGE" required=""></textarea>
</div>
<div class="form-input mb-5">
<!-- <label class="container"><p>Send me a copy <a href="#">privacy policy.</a></p> -->
<!-- <input type="checkbox"> -->
<!-- <span class="checkmark"></span> -->
<!-- </label> -->
</div>
<button class="btn submit">ENVOYER MON MESSAGE</button>
</form>
</div>
</div>
</div>
</div>
<div class="map-hny">
<iframe src="https://maps.google.com/maps?q=%20GRAVESON%20%20FRANCE&t=&z=13&ie=UTF8&iwloc=&output=embed" style="border:0" allowfullscreen=""></iframe>
</div>
</section>
<!-- //contact-form -->
<!--/customers --
<section class="w3l-customers-6">
<div class="customers-6-infhny py-5">
<div class="container py-lg-5">
<h3 class="hny-title text-center">Ils nous font confiance <span class="dot-1">.</span></h3>
<div class="customer-inner row mt-lg-5 mt-4">
<div class="customer-gd col-lg-4 col-md-6">
<div class="card text-left">
<div class="card-body">
<p class="card-text mb-4">Lorem ipsum dolor sit amet,Ea consequuntur illum facere aperiam sequi
optio consectetur adipisicing elit.Ea consequuntur illum facere.</p>
<div class="row tesimonial-content">
<div class="col-3 client-img"> <img class="card-img-top img-fluid"
src="assets/images/c1.jpg" alt="">
</div>
<div class="col-9 client-info">
<a href="#link" class="customer-link">
<h3 class="card-title">
Blanche Fields</h3>
</a>
<span>Marketing</span>
</div>
</div>
</div>
</div>
</div>
<div class="customer-gd col-lg-4 col-md-6 mb-lg-0 mb-md-4">
<div class="card text-left">
<div class="card-body">
<p class="card-text mb-4">VMG est une agence spécialisée dans le dévelopment des solutions digital.Sa mission principale se résume à offrir à toutes entreprises et institutions des services digital accesible tous..</p>
<div class="row tesimonial-content">
<div class="col-3 client-img"> <img class="card-img-top img-fluid"
src="assets/images/c2.jpg" alt="">
</div>
<div class="col-9 client-info">
<a href="#link" class="customer-link">
<h3 class="card-title">Elizabeth Ker</h3>
</a>
<span>HR Officer</span>
</div>
</div>
</div>
</div>
</div>
<div class="customer-gd col-lg-4 col-md-6">
<div class="card text-left">
<div class="card-body">
<p class="card-text mb-4">Lorem ipsum dolor sit amet,Ea consequuntur illum facere aperiam sequi
optio consectetur adipisicing elit.Ea consequuntur illum facere.</p>
<div class="row tesimonial-content">
<div class="col-3 client-img"> <img class="card-img-top img-fluid"
src="assets/images/c3.jpg" alt="">
</div>
<div class="col-9 client-info">
<a href="#link" class="customer-link">
<h3 class="card-title">Laura Sten</h3>
</a>
<span>PR Officer</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--//customers -->
</section>
<!-- //customers-6-->
<section class="w3l-footer-22-main">
<!-- footer-22 -->
<div class="footer-hny py-5">
<div class="container py-lg-4">
<div class="sub-columns row">
<div class="sub-one-left col-lg-4 col-md-6">
<h6>A PROPOS DE NOUS</h6>
<p>VMG est une agence spécialisée dans le dévelopment de solutions digitales. Sa mission principale consiste à offrir à toute entreprise et institution des services digitaux accesibles à tous.</p>
</div>
<div class="sub-two-right col-lg-4 col-md-6 my-md-0 my-5">
<h6>Quick links</h6>
<div class="footer-hny-ul">
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#nous">A propos de nous</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="http://verseaumusicgroup.com/">Verseau Music Group</a></li>
</ul>
</div>
</div>
<div class="sub-one-left col-lg-4 col-md-6 mt-lg-0 mt-md-5">
<h6>Souscrivez a notre Newsletter </h6>
<form action="#" method="post" class="footer-newsletter">
<div class="">
<input type="email" name="email" class="form-input" placeholder="Entrez votre E-mail.." />
</div>
<button type="submit" class="btn">Souscrire</button>
</form>
</div>
</div>
</div>
</div>
<div class="below-section">
<div class="container">
<div class="copyright-footer row">
<div class="columns col-lg-6">
<ul class="social footer">
<li><a href="#"><span class="fa fa-facebook" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="fa fa-linkedin" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="fa fa-twitter" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="fa fa-google" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="fa fa-github" aria-hidden="true"></span></a></li>
</ul>
</div>
<div class="columns copy-right col-lg-6">
<p>© 2020 VMG. Tous droits réservés. Créé par VMG GROUP ET<a href="https://odfiafrica.com/" target="_blank">
ODFI AFRICA</a>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- //titels-5 -->
<!-- move top -->
<button onclick="topFunction()" id="movetop" title="Go to top">
<span class="fa fa-long-arrow-up"></span>
</button>
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("movetop").style.display = "block";
} else {
document.getElementById("movetop").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<!-- /move top -->
</section>
</div>
</body>
</html>
<script src="assets/js/jquery-3.3.1.min.js"></script>
<!-- disable body scroll which navbar is in active -->
<script>
$(function () {
$('.navbar-toggler').click(function () {
$('body').toggleClass('noscroll');
})
});
</script>
<!-- disable body scroll which navbar is in active -->
<!-- jQuery-Photo-filter-lightbox-portfolio-plugin -->
<script src="assets/js/jquery-1.7.2.js"></script>
<script src="assets/js/jquery.quicksand.js"></script>
<script src="assets/js/script.js"></script>
<script src="assets/js/jquery.prettyPhoto.js"></script>
<!-- //jQuery-Photo-filter-lightbox-portfolio-plugin -->
<script src="assets/js/bootstrap.min.js"></script>
home/verseaumee/123click/contacts/index.html 0000604 00000016045 15074351143 0014770 0 ustar 00 <!DOCTYPE html>
<html>
<head>
<title>Autocomplete Search Plugin</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
<meta charset="utf-8" />
<link href="dist/semantic.min.css" rel="stylesheet" />
<link href="css/main.min.css" rel="stylesheet" />
<script src="js/snap.svg-min.js"></script>
<script src="database.json"></script>
<link href="css/ionicons.min.css" rel="stylesheet" />
</head>
<body style="">
<div class="customizer" style="display:none">
<ul class="color-tool">
<li class="color-1"><a class="colorChn" data-color="#50514F"></a></li>
<li class="color-2"><a class="colorChn" data-color="#F25F5C"></a></li>
<li class="color-3"><a class="colorChn" data-color="#247BA0"></a></li>
<li class="color-4"><a class="colorChn" data-color="#8e44ad"></a></li>
<li class="color-5"><a class="colorChn" data-color="#32936F"></a></li>
<li class="color-6"><a class="colorChn" data-color="#2c3e50"></a></li>
<li class="color-7"><a class="colorChn" data-color="#E83F6F"></a></li>
<li class="color-8"><a class="colorChn" data-color="#32936F"></a></li>
<li class="doc"><a class="" href="document.html" data-tooltip="Documentation" data-position="right center"><i class="ion-help"></i></a></li>
</ul>
</div>
<div class="ui container">
<div class="section">
<div class="row">
<div class="four wide tablet sixteen wide computer column">
<div class="ui basic segment">
<header class="main-header">
<img src="img/logo.png" style="padding-top:100px;" />
<h1>La caisse à savon<span style="font-weight:700">Déplacement à domicile à Avignon et ses alentours </span></h1>
</header>
<div class="input-container">
<div class="input-wrap">
<input type="search" class="typeahead clearable" autocomplete="off" autofocus="autofocus" placeholder="Votre ville. Ex: Avignon" />
<i class="ion-backspace link icon cleard big"></i>
<div class="ui active loader loadd"></div>
<span class="morph-shape" data-morph-active="M359,70c0,0-59,6-174,6C84,76,9,70,9,70S3,60,3,40c0-16,6-30,6-30s75-6,176-6c115,0,174,6,174,6s8,14,8,30C367,60,359,70,359,70z">
<svg width="100%" height="100%" viewBox="0 0 370 80" preserveAspectRatio="none">
<path d="M359,70c0,0-59,0-174,0C84,70,9,70,9,70s0-10,0-30c0-16,0-30,0-30s75,0,176,0c115,0,174,0,174,0s0,14,0,30C359,60,359,70,359,70z" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ui modal small" id="info_modal">
<div class="header md_header" style="text-transform: capitalize!important">
</div>
<div class="image content">
<div class="ui small image">
<img class="avatar_img" src="">
</div>
<div class="description">
<div class="ui header">Type de vehicule</div>
<div class="ui relaxed divided list">
<div class="item">
<i class="icon ion-android-car black"></i>
<div class="bottom aligned content">
<a href="https://www.la-caisse-a-savon.fr/APP_VERSEAU/domiciles/domicile-citadine/" class="header md_phone1"><span style="color:#A98901">CITADINE</span></a>
</div>
</div>
<div class="item" id="bluelink">
<i class="icon ion-android-car black"></i>
<div class="bottom aligned content">
<a class="header md_stateS" ><span style="color:#A98901">SUV/BERLINE/4X4</a>
</div>
<style>
#bluelink a {color:red}
</style>
</div>
<!-- <div class="item"> -->
<!-- <i class="ion-email icon green"></i> -->
<!-- <div class="bottom aligned content"> -->
<!-- <a class="header md-mail" data-clipboard-target="#foo">E-Mail: <span id="foo" data-tooltip="Click for Copy" data-inverted="" data-position="top right" class="md-mail_adr"></span></a> -->
<!-- </div> -->
<!-- </div> -->
</div>
</div>
</div>
<div class="actions">
<!-- <a class="ui positive right labeled icon button send_mail" href=""> -->
<!-- Send E-Mail -->
<!-- <i class="ion-paper-airplane icon"></i> -->
<!-- </a> -->
<div class="ui black deny button">
Fermer
</div>
</div>
</div>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="dist/semantic.min.js"></script>
<script src="plugin/typeahead.js/jquery.clearsearch.js"></script>
<script src="plugin/typeahead.js/typeahead.jquery.js"></script>
<script src="plugin/typeahead.js/typeahead.bundle.js"></script>
<script src="plugin/typeahead.js/bloodhound.js"></script>
<script src="plugin/typeahead.js/hogan-2.0.0.js"></script>
<script src="plugin/typeahead.js/handlebars.min.js"></script>
<script>
var tags = ['name', 'user_name', 'email', 'state'];//parsing variables for search input
var contactList = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('tags'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
minLength: 1,//minimum character length for search
prefetch: {
url: 'http://123click.fr/database.json',
transform: function (response) {
return $.map(response, function (tag) {
return {
name: tag.name.first + " " + tag.name.last,//parse name from json file
picture: tag.picture.thumbnail,//parse picture form json file
l_picture: tag.picture.large,//parse large picture from json file
email: tag.email,//parse email from json file
phone: tag.phone,//parse phone number from json file
user_name: tag.login.username,//parse user name from json file
state: tag.location.state + ", " + tag.nat//parse state and country code from json file
}
});
},
cache: false,
ttl: 3600000,
},
});
</script>
<script src="js/main.min.js"></script>
</body>
</html>