<!DOCTYPE html>
<html lang="fr">
<head>
  <!-- Title -->
  <title>Prestataires De Services Rssprès De Chez Moi  | Skilto</title>

  <!-- Required Meta Tags Always Come First -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="1 annonces pour trouver le meilleur Prestataires de services rssprès de chez moi grâce à SKILTO, le 1er réseau de services. Inscription GRATUITE.">

  <!-- Favicon -->
  <link rel="shortcut icon" href="//d132f7x776lwvo.cloudfront.net/assets/favicon-b1101ca0d2a3e65966ca7880c4bb55c783ea0b7124e445dd9c89b87d4fe3855c.ico">

  <!-- Google Fonts -->
  <link href="//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
  
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PHJ2QWD');</script>
<!-- End Google Tag Manager -->


  <!-- <script src="https://js.stripe.com/v3/"></script> -->

  <!-- CSS Implementing Plugins -->
  <link rel="stylesheet" media="screen" href="//d132f7x776lwvo.cloudfront.net/assets/application-a7c8cedff7effdcfb6e2f72bc0176145958765018ade6e141f421e3ec2de7813.css" />
  <link rel="stylesheet" media="all" href="//d132f7x776lwvo.cloudfront.net/assets/index-c800306a2a31bfec6258be0399305164472979886ff401453267e097effdd577.css" data-turbolinks-track="reload" />

  <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="Ork4flVygaarenlVC+PbNOXTrEy36OcUtXH2mkKmcpqK0/J64kMesiZ5qa0FkmxhbLJb5NRPw+mv3quhJkzvKw==" />
</head>
<body>
  
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHJ2QWD"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


  <!-- ========== HEADER ========== -->
  <header id="header" class="u-header ">
    <div class="u-header__section">
      <div id="logoAndNav" class="container">
        <!-- Nav -->
        <nav class="js-mega-menu navbar navbar-expand-md u-header__navbar u-header__navbar--no-space hs-menu-initialized hs-menu-horizontal">
          <!-- Logo -->
          <a class="navbar-brand u-header__navbar-brand u-header__navbar-brand-center" href="/" aria-label="Skilto">
            <!-- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="46px" height="46px" viewBox="0 0 46 46" xml:space="preserve" style="margin-bottom: 0;">
              <path fill="#3F7DE0" opacity=".65" d="M23,41L23,41c-9.9,0-18-8-18-18v0c0-9.9,8-18,18-18h11.3C38,5,41,8,41,11.7V23C41,32.9,32.9,41,23,41z"></path>
              <path class="fill-info" opacity=".5" d="M28,35.9L28,35.9c-9.9,0-18-8-18-18v0c0-9.9,8-18,18-18l11.3,0C43,0,46,3,46,6.6V18C46,27.9,38,35.9,28,35.9z"></path>
              <path class="fill-primary" opacity=".7" d="M18,46L18,46C8,46,0,38,0,28v0c0-9.9,8-18,18-18h11.3c3.7,0,6.6,3,6.6,6.6V28C35.9,38,27.9,46,18,46z"></path>
              <path class="fill-white" d="M17.4,34V18.3h10.2v2.9h-6.4v3.4h4.8v2.9h-4.8V34H17.4z"></path>
            </svg>
            <img src="//d132f7x776lwvo.cloudfront.net/assets/logo-e076b0f23fa86a7b40612bc7ba0fda218698b962f6ddf7f2770733cb4c83f4b5.png"/>-->
            <span class="u-header__navbar-brand-text">Skilto</span>
          </a>
          <!-- End Logo -->

          <!-- Responsive Toggle Button -->
          <button type="button" class="navbar-toggler btn u-hamburger" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navBar" data-toggle="collapse" data-target="#navBar">
            <span id="hamburgerTrigger" class="u-hamburger__box">
              <span class="u-hamburger__inner"></span>
            </span>
          </button>
          <!-- End Responsive Toggle Button -->

          <!-- Navigation -->
          <div id="navBar" class="collapse navbar-collapse u-header__navbar-collapse">
            <ul class="navbar-nav u-header__navbar-nav">
                <!-- Link -->
                <li class="nav-item u-header__nav-item">
                  <a class="nav-link u-header__nav-link" href="/fr/account">Mon Compte</a>
                </li>
                <!-- End Link -->

                <!-- Button -->
                <li class="nav-item u-header__nav-last-item">
                  <a class="btn btn-sm btn-primary transition-3d-hover" href="/fr/start">
                    Créer un profil
                  </a>
                </li>
                <!-- End Button -->
            </ul>
          </div>
          <!-- End Navigation -->
        </nav>
        <!-- End Nav -->
      </div>
    </div>
  </header>

  <!-- ========== END HEADER ========== -->

  

  <!-- ========== MAIN CONTENT ========== -->
  <main id="content" role="main">
    
<!-- Search Section -->
<div class="bg-light">
  <div class="container space-1">
    <form class="row mx-gutters-2" method="get" action="/fr/search">
      <!-- Search Property Input -->
      <div class="js-focus-state col-md">
        <label class="sr-only" for="searchPropertySr">Where?</label>
        <div class="input-group input-group-sm">
          <div class="input-group-prepend">
            <span class="input-group-text" id="searchProperty">
              <span class="fas fa-search"></span>
            </span>
          </div>
          <input type="text" class="form-control" name="what" placeholder="Métier (jardinier, musicien, designer...)" aria-label="Métier (jardinier, musicien, designer...)" aria-describedby="searchProperty" value="">
        </div>
      </div>

      <div class="js-focus-state col-md">
        <div class="input-group input-group-sm">
          <div class="input-group-prepend">
            <span class="input-group-text" id="locationInputAddon">
              <span class="fas fa-map-marker-alt"></span>
            </span>
          </div>
          <input type="text" class="form-control" name="where" placeholder="Localité (nom ou code postal)" aria-label="Localité (nom ou code postal)" aria-describedby="locationInputAddon" value="">
        </div>
      </div>
      <!-- End Search Property Input -->

      <div class="col-sm-auto">
        <button type="submit" class="btn btn-sm btn-primary">Chercher</button>
      </div>
    </form>
  </div>
</div>
<!-- End Search Section -->


<!-- Filters Section -->
<div class="container space-1">
  <div class="row">
    <!-- Title -->
    <div class="col-sm-10">
      <h1 class="h4 font-weight-medium">Meilleur(s) Prestataires de services rss près de chez moi </h1>
    </div>
    <!-- End Title -->

    <div class="col-sm-2">
      <div class="d-flex align-items-center">
        <span class="text-secondary font-size-1">1 résultats</span>
      </div>
    </div>
  </div>

  <!--
  <div class="row align-items-center">
    <div class="col-sm-6 mb-3 mb-sm-0">
      <div class="d-flex align-items-center">
        <span class="text-secondary font-size-1">1-5 sur 60</span>
      </div>
    </div>

    <div class="col-sm-6">
      <div class="d-flex justify-content-sm-end align-items-center">
        <select class="js-select selectpicker dropdown-select mr-2"
                data-size="10"
                data-width="fit"
                data-style="btn-soft-secondary btn-xs">
          <option value="mostRecent" selected>Most recent</option>
          <option value="HighestPrice">Highest price</option>
          <option value="LowestPrice">Lowest price</option>
          <option value="mostReduced">Most reduced</option>
          <option value="mostPopular">Most popular</option>
        </select>

        <a class="btn btn-xs btn-soft-secondary mr-2" href="javascript:;">
          <span class="fa fa-map-marked-alt mr-1"></span>
          View Map
        </a>

        <div class="btn-group btn-group-toggle d-flex">
          <a class="btn btn-xs btn-outline-secondary btn-custom-toggle-primary flex-fill" href="property-grid.html">
            <span class="fas fa-th-large"></span>
          </a>
          <a class="btn btn-xs btn-outline-secondary btn-custom-toggle-primary flex-fill active" href="property-list.html">
            <span class="fas fa-list"></span>
          </a>
        </div>
      </div>
    </div>
  </div>
  -->
</div>
<!-- End Filters Section -->

<script type="application/ld+json">
  [
  {
    "@context": "http://schema.org",
    "@type": "LocalBusiness",
    "name": "Martin Vessier",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Paris",
      "postalCode": "75010",
      "addressCountry": {
        "@type": "Country",
        "name": "FR"
      }
    },
    "url": "https://www.skilto.fr/consultant-informatique+paris-75010/15482-martin-vessier",
    "description": "J'ai acquis une expérience de plus de 18 ans dans le développement de toutes sortes. Autodidacte et diplômé EFREI.\r\n\r\nJe peux mettre toute la puissance d'Internet et des nouveaux médias au service des entrepreneurs et de la croissance de leur entreprise : création de site web, applications mobiles PC et Mac, référencement de toutes sortes, film vidéo d'entreprise, logos, presentations, marketing et design réseaux sociaux, e-Mailing, flyers\r\n\r\nJe me tiens à votre disposition pour créer votre site web professionnel de A à Z à partir de 149€ et vous conseiller.\r\n\r\nJe vous enverrai au fur et à mesure des captures d'écran afin que vous puissiez voir l'avancement du projet.\r\n\r\n\r\nLes plus:\r\n\r\nNe payez qu'à la livraison des services.\r\nPlusieurs maquettes modifiables à souhait.\r\nSupport technique gratuit après la création.\r\nPrix ultra-attractifs.\r\nTravail rapide.\r\nContact facile.\r\nImprégnation des besoins du client.\r\n\r\n\r\nDès votre contact, je pourrais vous envoyer une liste des projets auxquels j'ai participé.\r\n\r\nJ'accepte les paiements par chèque, virement, paypal ou espèces sur Paris.\r\n\r\nContactez-moi pour plus d'informations...",
    "telephone": "+33623091684",
    "priceRange": "30€-100€",
    "image": "https://www.skilto.fr/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBblk3IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ad6564479764a719236e6c3908a7c4d1cafa9a26/consultant-informatique-martin-vessier-790.jpg"
  }
]
</script>

<!-- List of Profiles Section -->
<div class="container space-bottom-2">
  <div class="row">
    <div class="col-lg-8">
        <!-- Profile Item -->
        <div class="border-bottom pb-5 mb-5">
          <div class="row">
            <div class="col-4 d-md-flex align-items-md-start flex-md-column mb-5 mb-md-0">
              <!-- Gallery -->
              <a class="mb-3" href="/consultant-informatique+paris-75010/15482-martin-vessier">
                  <img alt="Martin Vessier" class="img-fluid w-100" src="https://www.skilto.fr/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBblk3IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ad6564479764a719236e6c3908a7c4d1cafa9a26/consultant-informatique-martin-vessier-790.jpg?locale=fr" />
              </a>

              <!--
              <img class="js-fancybox d-none" alt="Image Description"
                   data-fancybox="fancyboxGallery1"
                   data-src="../../assets/img/1920x1080/img37.jpg"
                   data-caption="Front in frames - image #02"
                   data-speed="700"
                   data-is-infinite="true">
              <img class="js-fancybox d-none" alt="Image Description"
                   data-caption="Front in frames - image #03"
                   data-src="../../assets/img/1920x1080/img38.jpg"
                   data-fancybox="fancyboxGallery1"
                   data-speed="700"
                   data-is-infinite="true"> -->
              <!-- End Gallery -->

              <!-- Agent Info -->
              <!--
              <div class="media align-items-center mt-auto">
                <div class="u-sm-avatar mr-2">
                  <img class="img-fluid rounded-circle" src="//d132f7x776lwvo.cloudfront.net/assets/100x100/img1-9c2cc44ead0f543876119c7c8601d65794c61cf7e41ed53965f17d6b69cc4b42.jpg" alt="Image Description" title="Monica Fox">
                </div>

                <div class="media-body">
                  <small class="d-block text-muted">Listed on Jan 4, 2019 by</small>
                  <span class="d-block">Monica Fox</span>
                </div>
              </div>
            -->
              <!-- End Agent Info -->
            </div>

            <div class="col-8">
              <div class="row">
                <div class="col-8">
                  <h2 class="h4 mb-1">
                    <a href="/consultant-informatique+paris-75010/15482-martin-vessier">Martin Vessier</a>
                  </h2>
                </div>
                <div class="col-4 text-right">
                  
                  
                </div>
              </div>

              <!-- Location -->
              <div class="mb-3">
                <a class="font-size-1" href="/consultant-informatique+paris-75010?locale=fr">
                  <span class="fas fa-map-marker-alt mr-1"></span>
                  Consultant informatique, Paris (75010)
                </a>
              </div>
              <!-- End Location -->

              <!-- Icon Blocks -->

              <ul class="list-inline font-size-1">
                <li class="list-inline-item mr-3" title="Nombre de vues">
                  <span class="fas fa-eye text-muted mr-1"></span>
                  44
                </li>
                <li class="list-inline-item mr-3" title="Inscrit sur Skilto">
                  <span class="fas fa-clock text-muted mr-1"></span>
                  environ 11 ans
                </li>
              </ul>
              <!-- End Icon Blocks -->

              <p class="font-size-1">J&#39;ai acquis une expérience de plus de 18 ans dans le développement de toutes sortes. Autodidacte et diplômé EFREI.

Je peux mettre toute la puissance d&#39;Internet et des nouveaux méd...</p>

              <!-- Contacts -->
              <div class="d-flex align-items-center font-size-1">
                <!--
                <a class="text-secondary mr-4" href="javascript:;">
                  <span class="fas fa-phone mr-1"></span>
                  (0161) 347 8854
                </a>
                <a class="text-secondary mr-4" href="javascript:;">
                  <span class="fas fa-envelope mr-1"></span>
                  Contact
                </a>
                <a class="text-secondary mr-4" href="javascript:;">
                  <span class="fas fa-star mr-1"></span>
                  Save
                </a> -->
                <p><b>flex, Air, Actionscript, As3, As2, Action script, Js, Javascript, Html5, Css3, Css2, Jquery, Jw player, Video player, Audio player, Media player, Canvas, Flash, Webcam, Web cam, Csv, Xml, Json, Rss, Excel, Xls, Xlsx, magento, Wordpress, Opencart, Zencart, Prestashop, Php, Mysql, Back-end, Front-end, Flow player, Responsive, Codeigniter, Yii, Cakephp, Technical consultant, Dba, Lamp, Scrap, Ajax, Drawing, Record, Mvc, Non-framework, Gallery, Svg, Fms, Video chat, Rtmp, Rtmfp, Rtmep, Hls, Hds, Ane, Album, Objective-c, Phonegap, Extjs, Sencha touch, Chart, Game, Android, Apk, Ios, Iphone, Mobile, Technical manager, Project manager, Pm, System manager, System design, Web design, Fix bug, Security, Camera, Uploader, Video conference, Slider, Senior, Expert, Professional, Talent, Certificate, Authentication, Verify</b></p>
                <a class="btn btn-sm btn-soft-primary transition-3d-hover ml-auto" href="/consultant-informatique+paris-75010/15482-martin-vessier">
                  Détails
                  <span class="fas fa-angle-right ml-1"></span>
                </a>
              </div>
              <!-- End Contacts -->
            </div>
          </div>
        </div>
        <!-- End Profile Item -->




      <!-- Start Pagination -->
<!-- End Pagination -->

    </div>

    <div class="col-lg-4">
      <div class="pl-lg-4" style="margin-bottom: 20px;">
      </div>


      <div class="pl-lg-4">
        <!-- Sidebar Filter -->
        <div class="card p-4">
          <div class=" pb-4 mb-4">
            <label class="form-label mb-2">Services similaires</label>
            <ul>
                <li><a href="/cours-cuisine?locale=fr">Cours de cuisine</a></li>
                
                <li><a href="/creation-graffiti?locale=fr">Création Graffiti</a></li>
                
                <li><a href="/dame-compagnie?locale=fr">Dame de compagnie</a></li>
                
                <li><a href="/serrurier?locale=fr">Serrurier</a></li>
                
                <li><a href="/preparation-concours-examens?locale=fr">Préparation concours examens</a></li>
                
                <li><a href="/choregraphe?locale=fr">Chorégraphe</a></li>
                
                <li><a href="/cours-allemand?locale=fr">Cours d&#39;Allemand</a></li>
                
                <li><a href="/voiturier?locale=fr">Voiturier</a></li>
                
                <li><a href="/directeur-artistique?locale=fr">Directeur Artistique</a></li>
                
                <li><a href="/cours-albanais?locale=fr">Cours d&#39;Albanais</a></li>
                
                <li><a href="/cours-musique?locale=fr">Cours de musique</a></li>
                
                <li><a href="/consultant-marketing?locale=fr">Consultant marketing</a></li>
                
            </ul>

            <!-- Responsive auto -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-6733710859272897"
     data-ad-slot="7734446568"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End List of Profiles Section -->


  </main>
  <!-- ========== END MAIN CONTENT ========== -->

  <!-- ========== FOOTER ========== -->
  <footer>
  <!-- Lists -->
  <div class="border-bottom">
    <div class="container space-2">
      <div class="row justify-content-md-between">
        <div class="col-sm-4 col-lg-2 mb-4 mb-lg-0">
          <h4 class="h6 font-weight-semi-bold">A propos</h4>

          <!-- List Group -->
          <ul class="list-group list-group-flush list-group-borderless mb-0">
            <li><a class="list-group-item list-group-item-action" href="/fr/skilto">A propos</a></li>
            <li><a class="list-group-item list-group-item-action" href="/fr/contact">Contact</a></li>
            <li><a class="list-group-item list-group-item-action" href="/fr/legal">Conditions légales</a></li>

          </ul>
          <!-- End List Group -->
        </div>

        <div class="col-sm-4 col-lg-2 mb-4 mb-lg-0">
          <h4 class="h6 font-weight-semi-bold">Villes</h4>
          <!-- List Group -->
          <ul class="list-group list-group-flush list-group-borderless mb-0">
            <li><a class="list-group-item list-group-item-action" href="/services-bordeaux-33000">Bordeaux</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-clermont-ferrand-63000">Clermont-Ferrand</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-dijon-21000">Dijon</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-grenoble-38000">Grenoble</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-lille-33000">Lille</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-lyon-69001">Lyon</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-marseille-13001">Marseille</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-metz-57000">Metz</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-montpellier-34000">Montpellier</a></li>
          </ul>
          <!-- End List Group -->
        </div>

        <div class="col-sm-4 col-lg-2 mb-4 mb-lg-0">
          <h4 class="h6 font-weight-semi-bold"></h4>

          <!-- List Group -->
          <ul class="list-group list-group-flush list-group-borderless mb-0">
            <li><a class="list-group-item list-group-item-action" href="/services-nancy-54000">Nancy</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-nantes-44000">Nantes</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-nice-06000">Nice</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-paris-75001">Paris</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-rennes-35000">Rennes</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-rouen-76000">Rouen</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-strasbourg-67000">Strasbourg</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-toulon-83000">Toulon</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-toulouse-31000">Toulouse</a></li>
            <li><a class="list-group-item list-group-item-action" href="/services-tours-37000">Tours</a></li>
          </ul>
          <!-- End List Group -->
        </div>

        <div class="col-md-6 col-lg-4">
          <h4 class="h6 font-weight-semi-bold mb-4">Les meilleurs professionnels près de chez vous</h4>
        </div>
      </div>
    </div>
  </div>
  <!-- End Lists -->

  <!-- Copyright -->
  <div class="container text-center space-1">
    <!-- Logo -->
    <a class="d-inline-flex align-items-center mb-2" href="/" aria-label="Skilto">
      <!--
      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="36px" height="36px" viewBox="0 0 46 46" xml:space="preserve" style="margin-bottom: 0;">
        <path fill="#3F7DE0" opacity=".65" d="M23,41L23,41c-9.9,0-18-8-18-18v0c0-9.9,8-18,18-18h11.3C38,5,41,8,41,11.7V23C41,32.9,32.9,41,23,41z"/>
        <path class="fill-info" opacity=".5" d="M28,35.9L28,35.9c-9.9,0-18-8-18-18v0c0-9.9,8-18,18-18l11.3,0C43,0,46,3,46,6.6V18C46,27.9,38,35.9,28,35.9z"/>
        <path class="fill-primary" opacity=".7" d="M18,46L18,46C8,46,0,38,0,28v0c0-9.9,8-18,18-18h11.3c3.7,0,6.6,3,6.6,6.6V28C35.9,38,27.9,46,18,46z"/>
        <path class="fill-white" d="M17.4,34V18.3h10.2v2.9h-6.4v3.4h4.8v2.9h-4.8V34H17.4z"/>
      </svg> -->
      <span class="brand brand-primary">Skilto</span>
    </a>
    <!-- End Logo -->
    <p class="small text-muted">&copy; Skilto SPRL 2024.</p>
  </div>
  <!-- End Copyright -->
</footer>

  <!-- ========== END FOOTER ========== -->

  <!-- ========== SECONDARY CONTENTS ========== -->
  <!-- Account Sidebar Navigation -->
  <aside id="sidebarContent" class="u-sidebar" aria-labelledby="sidebarNavToggler">
  <div class="u-sidebar__scroller">
    <div class="u-sidebar__container">
      <div class="u-header-sidebar__footer-offset">
        <!-- Toggle Button -->
        <div class="d-flex align-items-center pt-4 px-7">
          <button type="button" class="close ml-auto"
                  aria-controls="sidebarContent"
                  aria-haspopup="true"
                  aria-expanded="false"
                  data-unfold-event="click"
                  data-unfold-hide-on-scroll="false"
                  data-unfold-target="#sidebarContent"
                  data-unfold-type="css-animation"
                  data-unfold-animation-in="fadeInRight"
                  data-unfold-animation-out="fadeOutRight"
                  data-unfold-duration="500">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <!-- End Toggle Button -->

        <!-- Content -->
        <div class="js-scrollbar u-sidebar__body">
          <div class="u-sidebar__content u-header-sidebar__content">
            <form class="js-validate">
              <!-- Login -->
              <div id="login" data-target-group="idForm">
                <!-- Title -->
                <header class="text-center mb-7">
                  <h2 class="h4 mb-0">Welcome Back!</h2>
                  <p>Login to manage your account.</p>
                </header>
                <!-- End Title -->

                <!-- Form Group -->
                <div class="form-group">
                  <div class="js-form-message js-focus-state">
                    <label class="sr-only" for="signinEmail">Email</label>
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text" id="signinEmailLabel">
                          <span class="fas fa-user"></span>
                        </span>
                      </div>
                      <input type="email" class="form-control" name="email" id="signinEmail" placeholder="Email" aria-label="Email" aria-describedby="signinEmailLabel" required
                             data-msg="Please enter a valid email address."
                             data-error-class="u-has-error"
                             data-success-class="u-has-success">
                    </div>
                  </div>
                </div>
                <!-- End Form Group -->

                <!-- Form Group -->
                <div class="form-group">
                  <div class="js-form-message js-focus-state">
                    <label class="sr-only" for="signinPassword">Password</label>
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text" id="signinPasswordLabel">
                          <span class="fas fa-lock"></span>
                        </span>
                      </div>
                      <input type="password" class="form-control" name="password" id="signinPassword" placeholder="Password" aria-label="Password" aria-describedby="signinPasswordLabel" required
                             data-msg="Your password is invalid. Please try again."
                             data-error-class="u-has-error"
                             data-success-class="u-has-success">
                    </div>
                  </div>
                </div>
                <!-- End Form Group -->

                <div class="d-flex justify-content-end mb-4">
                  <a class="js-animation-link small link-muted" href="javascript:;"
                     data-target="#forgotPassword"
                     data-link-group="idForm"
                     data-animation-in="slideInUp">Forgot Password?</a>
                </div>

                <div class="mb-2">
                  <button type="submit" class="btn btn-block btn-sm btn-primary transition-3d-hover">Login</button>
                </div>

                <div class="text-center mb-4">
                  <span class="small text-muted">Do not have an account?</span>
                  <a class="js-animation-link small" href="javascript:;"
                     data-target="#signup"
                     data-link-group="idForm"
                     data-animation-in="slideInUp">Signup
                  </a>
                </div>

                <div class="text-center">
                  <span class="u-divider u-divider--xs u-divider--text mb-4">OR</span>
                </div>

                <!-- Login Buttons -->
                <div class="d-flex">
                  <a class="btn btn-block btn-sm btn-soft-facebook transition-3d-hover mr-1" href="#">
                    <span class="fab fa-facebook-square mr-1"></span>
                    Facebook
                  </a>
                  <a class="btn btn-block btn-sm btn-soft-google transition-3d-hover ml-1 mt-0" href="#">
                    <span class="fab fa-google mr-1"></span>
                    Google
                  </a>
                </div>
                <!-- End Login Buttons -->
              </div>

              <!-- Signup -->
              <div id="signup" style="display: none; opacity: 0;" data-target-group="idForm">
                <!-- Title -->
                <header class="text-center mb-7">
                  <h2 class="h4 mb-0">Welcome to Skilto.</h2>
                  <p>Fill out the form to get started.</p>
                </header>
                <!-- End Title -->

                <!-- Form Group -->
                <div class="form-group">
                  <div class="js-form-message js-focus-state">
                    <label class="sr-only" for="signupEmail">Email</label>
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text" id="signupEmailLabel">
                          <span class="fas fa-user"></span>
                        </span>
                      </div>
                      <input type="email" class="form-control" name="email" id="signupEmail" placeholder="Email" aria-label="Email" aria-describedby="signupEmailLabel" required
                             data-msg="Please enter a valid email address."
                             data-error-class="u-has-error"
                             data-success-class="u-has-success">
                    </div>
                  </div>
                </div>
                <!-- End Input -->

                <!-- Form Group -->
                <div class="form-group">
                  <div class="js-form-message js-focus-state">
                    <label class="sr-only" for="signupPassword">Password</label>
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text" id="signupPasswordLabel">
                          <span class="fas fa-lock"></span>
                        </span>
                      </div>
                      <input type="password" class="form-control" name="password" id="signupPassword" placeholder="Password" aria-label="Password" aria-describedby="signupPasswordLabel" required
                             data-msg="Your password is invalid. Please try again."
                             data-error-class="u-has-error"
                             data-success-class="u-has-success">
                    </div>
                  </div>
                </div>
                <!-- End Input -->

                <!-- Form Group -->
                <div class="form-group">
                  <div class="js-form-message js-focus-state">
                    <label class="sr-only" for="signupConfirmPassword">Confirm Password</label>
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text" id="signupConfirmPasswordLabel">
                          <span class="fas fa-key"></span>
                        </span>
                      </div>
                      <input type="password" class="form-control" name="confirmPassword" id="signupConfirmPassword" placeholder="Confirm Password" aria-label="Confirm Password" aria-describedby="signupConfirmPasswordLabel" required
                             data-msg="Password does not match the confirm password."
                             data-error-class="u-has-error"
                             data-success-class="u-has-success">
                    </div>
                  </div>
                </div>
                <!-- End Input -->

                <div class="mb-2">
                  <button type="submit" class="btn btn-block btn-sm btn-primary transition-3d-hover">Get Started</button>
                </div>

                <div class="text-center mb-4">
                  <span class="small text-muted">Already have an account?</span>
                  <a class="js-animation-link small" href="javascript:;"
                     data-target="#login"
                     data-link-group="idForm"
                     data-animation-in="slideInUp">Login
                  </a>
                </div>

                <div class="text-center">
                  <span class="u-divider u-divider--xs u-divider--text mb-4">OR</span>
                </div>

                <!-- Login Buttons -->
                <div class="d-flex">
                  <a class="btn btn-block btn-sm btn-soft-facebook transition-3d-hover mr-1" href="#">
                    <span class="fab fa-facebook-square mr-1"></span>
                    Facebook
                  </a>
                  <a class="btn btn-block btn-sm btn-soft-google transition-3d-hover ml-1 mt-0" href="#">
                    <span class="fab fa-google mr-1"></span>
                    Google
                  </a>
                </div>
                <!-- End Login Buttons -->
              </div>
              <!-- End Signup -->

              <!-- Forgot Password -->
              <div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm">
                <!-- Title -->
                <header class="text-center mb-7">
                  <h2 class="h4 mb-0">Recover Password.</h2>
                  <p>Enter your email address and an email with instructions will be sent to you.</p>
                </header>
                <!-- End Title -->

                <!-- Form Group -->
                <div class="form-group">
                  <div class="js-form-message js-focus-state">
                    <label class="sr-only" for="recoverEmail">Your email</label>
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text" id="recoverEmailLabel">
                          <span class="fas fa-user"></span>
                        </span>
                      </div>
                      <input type="email" class="form-control" name="email" id="recoverEmail" placeholder="Your email" aria-label="Your email" aria-describedby="recoverEmailLabel" required
                             data-msg="Please enter a valid email address."
                             data-error-class="u-has-error"
                             data-success-class="u-has-success">
                    </div>
                  </div>
                </div>
                <!-- End Form Group -->

                <div class="mb-2">
                  <button type="submit" class="btn btn-block btn-sm btn-primary transition-3d-hover">Recover Password</button>
                </div>

                <div class="text-center mb-4">
                  <span class="small text-muted">Remember your password?</span>
                  <a class="js-animation-link small" href="javascript:;"
                     data-target="#login"
                     data-link-group="idForm"
                     data-animation-in="slideInUp">Login
                  </a>
                </div>
              </div>
              <!-- End Forgot Password -->
            </form>
          </div>
        </div>
        <!-- End Content -->
      </div>

      <!-- Footer -->
      <footer id="SVGwaveWithDots" class="svg-preloader u-sidebar__footer u-sidebar__footer--account">
        <ul class="list-inline mb-0">
          <li class="list-inline-item pr-3">
            <a class="u-sidebar__footer--account__text" href="../pages/privacy.html">Privacy</a>
          </li>
          <li class="list-inline-item pr-3">
            <a class="u-sidebar__footer--account__text" href="../pages/terms.html">Terms</a>
          </li>
          <li class="list-inline-item">
            <a class="u-sidebar__footer--account__text" href="../pages/help.html">
              <i class="fas fa-info-circle"></i>
            </a>
          </li>
        </ul>

        <!-- SVG Background Shape -->
        <div class="position-absolute right-0 bottom-0 left-0">
          <img class="js-svg-injector" src="//d132f7x776lwvo.cloudfront.net/assets/svg/components/wave-bottom-with-dots-9acc39628f0b7d809a85c616eb894c8fe7298ac96cf940a982be193e9aa9309e.svg" alt="Image Description"
                 data-parent="#SVGwaveWithDots">
        </div>
        <!-- End SVG Background Shape -->
      </footer>
      <!-- End Footer -->
    </div>
  </div>
</aside>

  <!-- End Account Sidebar Navigation -->
  <!-- ========== END SECONDARY CONTENTS ========== -->

  <!-- Cookies -->
  <!-- Cookie Alert -->
<div class="container position-fixed bottom-0 right-0 left-0 z-index-4" id="cookies" style="display: none;">
  <div class="alert alert-light w-lg-80 border shadow-sm mx-auto" role="alert">
    <div class="row">
      <p class="small col-10">Skilto utilise des cookies pour vous offrir une expérience utilisateur de qualité, mesurer l’audience et vous proposer des publicités personnalisées. En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies dans les conditions prévues par notre politique de confidentialité. <a href="/fr/legal">Voir nos conditions de vie privée</a></p>

      <div class="col-2">
        <button type="button" class="btn btn-sm btn-primary transition-3d-hover" data-dismiss="alert" aria-label="Close" id="cookies_button">OK</button>
      </div>
    </div>
  </div>
</div>
<!-- End Cookie Alert -->

  <!-- End cookies -->

  <!-- Go to Top -->
  <a class="js-go-to u-go-to" href="#"
  data-position='{"bottom": 15, "right": 15 }'
  data-type="fixed"
  data-offset-top="400"
  data-compensation="#header"
  data-show-effect="slideInUp"
  data-hide-effect="slideOutDown">
  <span class="fas fa-arrow-up u-go-to__inner"></span>
</a>

  <!-- End Go to Top -->

  <script src="//d132f7x776lwvo.cloudfront.net/assets/application-eaaf26865e839e82d4b467c097be75a214476bcb7f3d20bf3d8a8c6e9f3fec06.js" data-turbolinks-track="true"></script>

  <!-- JS Plugins Init. -->
  <script>
    $(window).on('load', function () {
      // initialization of HSMegaMenu component
      $('.js-mega-menu').HSMegaMenu({
        event: 'hover',
        pageContainer: $('.container'),
        breakpoint: 767.98,
        hideTimeOut: 0
      });

      // initialization of HSMegaMenu component
      $('.js-breadcrumb-menu').HSMegaMenu({
        event: 'hover',
        pageContainer: $('.container'),
        breakpoint: 991.98,
        hideTimeOut: 0
      });

      // initialization of svg injector module
      $.HSCore.components.HSSVGIngector.init('.js-svg-injector');
    });

    $(document).on('ready', function () {
      // initialization of header
      $.HSCore.components.HSHeader.init($('#header'));

      // initialization of unfold component
      $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
        afterOpen: function () {
          $(this).find('input[type="search"]').focus();
        }
      });

      // initialization of malihu scrollbar
      $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));

      // initialization of forms
      $.HSCore.components.HSFocusState.init();

      // initialization of form validation
      $.HSCore.components.HSValidation.init('.js-validate', {
        rules: {
          confirmPassword: {
            equalTo: '#signupPassword'
          }
        }
      });

      // initialization of show animations
      $.HSCore.components.HSShowAnimation.init('.js-animation-link', {
        afterShow: function() {
          $('.js-slick-carousel').slick('setPosition');
        }
      });

      // initialization of fancybox
      $.HSCore.components.HSFancyBox.init('.js-fancybox');

      // initialization of slick carousel
      $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');

      // initialization of go to
      $.HSCore.components.HSGoTo.init('.js-go-to');

      // initialization of cubefolio
      $.HSCore.components.HSCubeportfolio.init('.cbp');

      if (Cookies.get('no_thanks') === undefined) {
        $('#cookies').show();
      }

      $("#cookies_button").click(function() {
        Cookies.set('no_thanks', 'true');
      });
    });
  </script>
</body>
</html>
