Outiref

Code source de l'URL : http://www.doctocyclo.com/

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8"/>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <title>Doctocyclo expert de la réparation de vélo et de trottinette</title>
    <meta name="description" content="Doctocyclo, spécialiste de la réparation de vélo et de la réparation de trottinette à Paris ! Réparation à domicile disponible…">
    <meta name="keywords" content="Réparation vélo et trottinette à Paris.">
    <link href="/favicon.ico" type="image/x-icon" rel="icon"/><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon"/>    
	<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"/>
	<link rel="stylesheet" href="/css/bootstrap.css"/>
	<link rel="stylesheet" href="/css/style.css"/>
	<link rel="stylesheet" href="/css/responsive.css"/>
	<link rel="stylesheet" href="/css/color-switcher-design.css"/>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.css"/>
	<link rel="stylesheet" href="/css/custom.css"/>
        <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-7XHCTX14NC"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', 'G-7XHCTX14NC');
    </script>
    <!-- Global site tag (gtag.js) - Google Ads: 378494529 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-378494529"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', 'AW-378494529');
    </script>
</head>
<body>
<header class="main-header">
    <div class="main-box">
        <div
            class="auto-container d-flex align-items-center menu-width-responsive" id="menu">
            <div class="logo-box">
                <div class="logo">
                    <a title="réparation vélo à domicile paris" href="/">
                        <img src="/images/logo.png" alt="réparation vélo à domicile paris"
                             title="réparation vélo à domicile paris" loading="lazy" width="180" height="29"></a></div>
            </div>
            <div class="nav-outer clearfix">
                <div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
                <nav class="main-menu navbar-expand-md navbar-light">
                    <div class="navbar-header">
                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                                data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                            <span class="icon flaticon-menu-button"></span>
                        </button>
                    </div>

                    <div class="collapse navbar-collapse clearfix" id="navbarSupportedContent">
                        <ul class="navigation clearfix">
                            <li class="dropdown"><a title="accueil" href="/">Accueil</a>
                            </li>
                            <li class="dropdown"><a title="reparations"
                                                    href="/#reparation">Réparations</a>
                            </li>
                            <li class="dropdown"><a title="comment ca marche"
                                                    href="/#comment-sa-marche">Comment ça
                                    marche</a></li>
                            <li class="dropdown"><a title="rejoindre le reseau"
                                                    href="/#rejoindre-le-reseau">Rejoindre
                                    le réseau</a></li>
                                                            <li class="dropdown"><a title="connexion"
                                                        href="/connexion">Connexion</a>
                                </li>
                                                        <li class="contact-lg"><a title="contact" href="/contact">Contact</a>
                            </li>
                        </ul>
                    </div>
                </nav>
                <div class="outer-box box-contact">
                    <div class="btn-box">
                        <a title="contactez nous" href="/contact"
                           class="theme-btn btn-style-one"><span
                                class="btn-title">Contactez-nous</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mobile-menu">
        <div class="menu-backdrop"></div>
        <div class="close-btn"><span class="icon flaticon-cancel-1"></span></div>
        <nav class="menu-box">
            <div class="nav-logo"><a title="Réparation vélo et trottinette à Paris" href="#"><img
                        src="/images/logo.png" alt="Réparation vélo et trottinette à Paris"
                        title="Réparation vélo et trottinette à Paris" loading="lazy"
                        width="200" height="33"></a></div>

            <ul class="navigation clearfix">
            </ul>
        </nav>
    </div>
</header>

<main class="main">
    
<section class="banner-section">
    <div class="banner-carousel owl-carousel owl-theme">
                    <div class="slide-item opacity-1">
                <div class="auto-container">
                    <div class="row align-items-center">
                        <div class="content-column col-lg-6 col-md-12 col-sm-12">
                            <div class="inner-column">
                                                                    <div class="sec-title">
                                        <h2 title='Besoin de réparer votre vélo ou votre trottinette ? Réparation vélo et trottinette à domicile'>Vous avez besoin d'une réparation ?</h2>                                        <div class='text'>Réparer son vélo n'a jamais été aussi facile avec Doctocyclo.
</div>                                                                                    <a title="prendre rendez-vous"
                                               href="#reparation"
                                               class="theme-btn btn-style-one mt-5"><span
                                                    class="btn-title">Prendre rendez-vous</span></a>
                                                                            </div>
                                                            </div>
                        </div>
                                                    <div class="image-column col-lg-6 col-md-12 col-sm-12 shape">
                                <div class="image-box circle-img">
                                    <figure class="image wow fadeIn"><img
                                            src="/images/carrousel/607308843da23.jpg"
                                            class="img-carousel-home"
                                            alt="picture carousel"
                                            title="picture carousel"
                                            loading="lazy"></figure>
                                </div>
                            </div>
                                            </div>
                </div>
            </div>
                    <div class="slide-item opacity-1">
                <div class="auto-container">
                    <div class="row align-items-center">
                        <div class="content-column col-lg-6 col-md-12 col-sm-12">
                            <div class="inner-column">
                                                                    <div class="sec-title">
                                        <h2 title='Besoin de réparer votre vélo ou votre trottinette ? Réparation vélo et trottinette à domicile'>Pas envie de vous déplacer ?</h2>                                        <div class='text'>Nous prenons en charge votre vélo ou vous le souhaitez !</div>                                                                                    <a title="prendre rendez-vous"
                                               href="#reparation"
                                               class="theme-btn btn-style-one mt-5"><span
                                                    class="btn-title">Prendre rendez-vous</span></a>
                                                                            </div>
                                                            </div>
                        </div>
                                                    <div class="image-column col-lg-6 col-md-12 col-sm-12 shape">
                                <div class="image-box circle-img">
                                    <figure class="image wow fadeIn"><img
                                            src="/images/carrousel/60906368960e1.jpeg"
                                            class="img-carousel-home"
                                            alt="picture carousel"
                                            title="picture carousel"
                                            loading="lazy"></figure>
                                </div>
                            </div>
                                            </div>
                </div>
            </div>
            </div>
</section>
<section id="reparation" class="reparation">
    <div class="auto-container">
        <div class="outer-box">
            <div class="row">²
                <div class="col-12">
                    <h2 class="mb-4" title="Séléctionner un engin">Séléctionner un engin</h2>
                </div>
                                    <div class="col-md-4 box_engin hvr-float-shadow mb-lg-0 mb-5">
                        <h3 title="Réparation Vélo ">
                            <a title="Réparation Vélo " href="/engins/composants/1">
                                <img class="img-fluid" src="/images/engins/velo.png"
                                     alt="Vélo " title="Vélo " loading="lazy">
                                <p>Vélo </p>
                            </a>
                        </h3>
                    </div>
                                    <div class="col-md-4 box_engin hvr-float-shadow mb-lg-0 mb-5">
                        <h3 title="Réparation VAE">
                            <a title="Réparation VAE" href="/engins/composants/2">
                                <img class="img-fluid" src="/images/engins/vae.png"
                                     alt="VAE" title="VAE" loading="lazy">
                                <p>VAE</p>
                            </a>
                        </h3>
                    </div>
                                    <div class="col-md-4 box_engin hvr-float-shadow mb-lg-0 mb-5">
                        <h3 title="Réparation Trottinette">
                            <a title="Réparation Trottinette" href="/engins/composants/3">
                                <img class="img-fluid" src="/images/engins/trotinette.jpg"
                                     alt="Trottinette" title="Trottinette" loading="lazy">
                                <p>Trottinette</p>
                            </a>
                        </h3>
                    </div>
                            </div>
        </div>
    </div>
</section>

<section class="how-working" id="comment-sa-marche">
    <div class="auto-container">
        <div class="content-box">
            <h2 class="mb-4" title="Réparer son vélo n’a jamais été aussi facile">Comment ça marche ?</h2>
            <div class="row">
                <div class="col-md-10 offset-md-1">
                    <div class="single-item-carousel owl-carousel owl-theme">
                                                <div class="slide-item opacity-1">
                            <div class="gallery-item">
                                <div class="image-box">
                                    <figure class="image"><img
                                            src="/images/carrousel/60a2b894d11cf.jpg"
                                            alt="image reparation" class="img-second-carrousel-home" title="image carrousel" loading="lazy">
                                    </figure>
                                </div>
                            </div>
                        </div>
                                                <div class="slide-item opacity-1">
                            <div class="gallery-item">
                                <div class="image-box">
                                    <figure class="image"><img
                                            src="/images/carrousel/60a2b8b5cac4a.jpg"
                                            alt="image reparation" class="img-second-carrousel-home" title="image carrousel" loading="lazy">
                                    </figure>
                                </div>
                            </div>
                        </div>
                                                <div class="slide-item opacity-1">
                            <div class="gallery-item">
                                <div class="image-box">
                                    <figure class="image"><img
                                            src="/images/carrousel/60a2b8f59f790.jpg"
                                            alt="image reparation" class="img-second-carrousel-home" title="image carrousel" loading="lazy">
                                    </figure>
                                </div>
                            </div>
                        </div>
                                                <div class="slide-item opacity-1">
                            <div class="gallery-item">
                                <div class="image-box">
                                    <figure class="image"><img
                                            src="/images/carrousel/60a2b90b517fe.jpg"
                                            alt="image reparation" class="img-second-carrousel-home" title="image carrousel" loading="lazy">
                                    </figure>
                                </div>
                            </div>
                        </div>
                                                <div class="slide-item opacity-1">
                            <div class="gallery-item">
                                <div class="image-box">
                                    <figure class="image"><img
                                            src="/images/carrousel/60a2b927eacd9.jpg"
                                            alt="image reparation" class="img-second-carrousel-home" title="image carrousel" loading="lazy">
                                    </figure>
                                </div>
                            </div>
                        </div>
                                                <div class="slide-item opacity-1">
                            <div class="gallery-item">
                                <div class="image-box">
                                    <figure class="image"><img
                                            src="/images/carrousel/60a2b9471cfbd.jpg"
                                            alt="image reparation" class="img-second-carrousel-home" title="image carrousel" loading="lazy">
                                    </figure>
                                </div>
                            </div>
                        </div>
                                                <div class="slide-item opacity-1">
                            <div class="gallery-item">
                                <div class="image-box">
                                    <figure class="image"><img
                                            src="/images/carrousel/60a2b960471a5.jpg"
                                            alt="image reparation" class="img-second-carrousel-home" title="image carrousel" loading="lazy">
                                    </figure>
                                </div>
                            </div>
                        </div>
                                                <div class="slide-item opacity-1">
                            <div class="gallery-item">
                                <div class="image-box">
                                    <figure class="image"><img
                                            src="/images/carrousel/60a2b972b6f7c.jpg"
                                            alt="image reparation" class="img-second-carrousel-home" title="image carrousel" loading="lazy">
                                    </figure>
                                </div>
                            </div>
                        </div>
                                            </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="fun-fact-section">
    <div class="container-fluid">
        <div class="fact-counter">
            <div class="row m-0 clearfix">
                <div class="col-12 text-center">
                    <h3 class="mb-5 titre" title="DoctoCyclo en chiffres">DoctoCyclo en chiffres</h3>
                </div>
                                    <div
                        class="counter-column offset-lg-1 col-lg-2 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="count-box">
                            <img src="/images/icons/map-marker-alt-solid.svg" alt="Villes"
                                 title="Villes" loading="lazy">
                            <span class="count-text" data-speed="3000" data-stop="1">0</span>
                            <h4 class="counter-title" title="Villes">Villes</h4>
                        </div>
                    </div>
                                    <div
                        class="counter-column  col-lg-2 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="count-box">
                            <img src="/images/icons/tools.svg" alt="Ateliers"
                                 title="Ateliers" loading="lazy">
                            <span class="count-text" data-speed="3000" data-stop="1">0</span>
                            <h4 class="counter-title" title="Ateliers">Ateliers</h4>
                        </div>
                    </div>
                                    <div
                        class="counter-column  col-lg-2 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="count-box">
                            <img src="/images/icons/promotion.svg" alt="Interventions"
                                 title="Interventions" loading="lazy">
                            <span class="count-text" data-speed="3000" data-stop="1956">0</span>
                            <h4 class="counter-title" title="Interventions">Interventions</h4>
                        </div>
                    </div>
                                    <div
                        class="counter-column  col-lg-2 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="count-box">
                            <img src="/images/icons/customer.svg" alt="Clients"
                                 title="Clients" loading="lazy">
                            <span class="count-text" data-speed="3000" data-stop="1689">0</span>
                            <h4 class="counter-title" title="Clients">Clients</h4>
                        </div>
                    </div>
                                    <div
                        class="counter-column  col-lg-2 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="count-box">
                            <img src="/images/icons/calendar.svg" alt="An"
                                 title="An" loading="lazy">
                            <span class="count-text" data-speed="3000" data-stop="1">0</span>
                            <h4 class="counter-title" title="An">An</h4>
                        </div>
                    </div>
                            </div>
        </div>
    </div>
</section>
<section class="join-us pt-5" id="rejoindre-le-reseau">
    <div class="auto-container pt-4">
        <div class="subscribe-form wow fadeInUp" data-wow-delay="500ms">
            <div class="form-inner">
                <div class="upper-box">
                    <div class="col-12 text-center">
                        <h2 class="mb-5 titre" title="Rejoignez-nous">Rejoignez-nous !</h2>
                    </div>
                    <div class="sec-title text-center">
                        <div class="text text-center mt-0">
                            <h3 title="Amis réparateurs, l’aventure DoctoCyclo vous tente ?">Amis réparateurs, l’aventure DoctoCyclo vous tente ?</h3>
                        </div>
                    </div>
                </div>
                <form method="post" accept-charset="utf-8" action="/"><div style="display:none;"><input type="hidden" name="_csrfToken" autocomplete="off" value="j5D3EYInT8sfgm4Dzehc9109Djq499xNDl8AF0P8g8IKb/3pe5BbfAUK9tCC3XKeDnRsHvUZP8gflg/5tlJvkiMrI5VKKivQawg8D4mT5X1obWEmd8u7ozoMn4hC9W5KMDrD5bTtQqs6Rw4uzHhd+w=="/></div>                <form method="post" action="#">
                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <input type="text" name="last_name" value="" placeholder="Nom *" required>
                            </div>
                            <div class="col-md-4 mb-3">
                                <input type="text" name="first_name" value="" placeholder="Prénom *" required>
                            </div>
                            <div class="col-md-4 mb-3">
                                <input type="tel" name="tel" value="" placeholder="Téléphone *" required>
                                <input type="hidden" name="team_demand" value="1">
                            </div>
                            <div class="col-md-12">
                                <input type="email" name="email" value="" placeholder="E-mail *" required>
                                <button type="submit" class="theme-btn"><span class="fa fa-paper-plane"></span></button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

</main>

<footer class="main-footer">
    <div class="widgets-section">
        <div class="auto-container">
            <div class="row">
                <div class="big-column col-xl-6 col-lg-12 col-md-12 col-sm-12">
                    <div class="row">
                        <div class="footer-column col-xl-7 col-lg-6 col-md-6 col-sm-12">
                            <div class="footer-widget about-widget">
                                <div class="logo">
                                    <a title="logo DoctoCyclo" href="#"><img
                                            src="/images/logo.png" alt="logo" title="logo"
                                            loading="lazy" width="180" height="29"/></a>
                                </div>
                                <div class="text">
                                    <p>
                                        Réparer son vélo n’a jamais été aussi simple avec Doctocyclo.
                                    </p>
                                </div>
                                <ul class="social-icon-one social-icon-colored">
                                    <li><a href="https://www.facebook.com/doctocyclo" target="_blank" rel="noopener"
                                           title="facebook"><i
                                                class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="https://www.instagram.com/doctocyclo_paris/" target="_blank"
                                           rel="noopener" title="instagram"><i
                                                class="fab fa-instagram"></i></a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="footer-column col-xl-5 col-lg-6 col-md-6 col-sm-12">
                            <div class="footer-widget useful-links">
                                <h2 class="widget-title">Liens utiles</h2>
                                <ul class="user-links">
                                    <li class="current dropdown"><a title="accueil"
                                                                    href="#">Accueil</a>
                                    </li>
                                    <li class="dropdown"><a title="réparation vélo et trottinette à Paris" href="#">Réparation</a>
                                    </li>
                                    <li class="dropdown"><a title="comment ca marche"
                                                            href="#">Comment ça marche</a>
                                    </li>
                                    <li class="dropdown"><a title="rejoindre le reseau"
                                                            href="#">Rejoindre le
                                            réseau</a></li>
                                    <li class="dropdown contact-lg"><a title="contact"
                                                                       href="/contact">Contact</a>
                                    </li>
                                    <li class="dropdown"><a title="Conditions générales de Vente et d'Utilisation"
                                                            href="/condition-generale-de-vente">Conditions
                                            générales de Vente</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="big-column col-xl-6 col-lg-12 col-md-12 col-sm-12">
                    <div class="row">
                        <div class="footer-column col-lg-6 col-md-6 col-sm-12">
                            <div class="footer-widget contact-widget">
                                <h2 class="widget-title">Informations</h2>
                                <div class="widget-content">
                                    <ul class="contact-list">
                                        <li>
                                            <span class="icon flaticon-clock"></span>
                                            <div class="text">Lundi - Vendredi : 9h30 - 19h00 <br/>
                                                Samedi: 10h00 - 19h00
                                            </div>
                                        </li>

                                        <li>
                                            <span class="icon flaticon-phone"></span>
                                            <div class="text"><a title="numero de telephone" href="tel:0754365436">07 54
                                                    36 54 36</a></div>
                                        </li>

                                        <li>
                                            <span class="icon flaticon-paper-plane"></span>
                                            <div class="text"><a title="adresse email"
                                                                 href="mailto:doctocyclo@gmail.com">doctocyclo@gmail.com</a>
                                            </div>
                                        </li>

                                        <li>
                                            <span class="icon flaticon-worldwide"></span>
                                            <div class="text">
                                                Place Henri Fresnay 75012 Paris
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="footer-column col-lg-6 col-md-6 col-sm-12">
                            <div class="footer-widget contact-widget">
                                <h1 class="widget-title min-w-max-content" title="Réparation vélo et trottinette à Paris">Réparation vélo et trottinette à Paris</h1>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="footer-bottom">
        <div class="auto-container">
            <div class="inner-container clearfix">
                <div class="copyright-text">
                    <p>© Copyright 2022 <a title="DoctoCyclo" href="/">DoctoCyclo</a>
                        | Réalisé par <a
                            href="https://www.makeitcreative.fr/" target="_blank" rel="noopener"
                            title="agence web marseille">Make it Créative</a></p>
                    <p class="rights">
                        Découvrez nos <a href="/nos-services" title="">services</a>
                        au quotidien dans plusieurs <a href="/nos-secteurs"
                                                       title="">secteurs</a> comme <a href="/paris-13-s9" title="Paris 13">Paris 13</a>, <a href="/paris-intra-muros-s5" title="Paris intra muros">Paris intra muros</a>, <a href="/paris-11-s8" title="Paris 11">Paris 11</a>, <a href="/paris-75004-s4" title="Paris 75004">Paris 75004</a>, <a href="/paris-75011-s3" title="Paris 75011">Paris 75011</a>                        .
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>

	<script src="/js/jquery.js"></script>
	<script src="/js/popper.min.js"></script>
	<script src="/js/bootstrap.min.js"></script>
	<script src="/js/jquery-ui.js"></script>
	<script src="/js/jquery.fancybox.js"></script>
	<script src="/js/appear.js"></script>
	<script src="/js/owl.js"></script>
	<script src="/js/jquery.countdown.js"></script>
	<script src="/js/wow.js"></script>
	<script src="/js/script.js"></script>
	<script src="/js/color-settings.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.js"></script>
<script>
    const elem = $('.switchery');
    if (elem) {
        const init = new Switchery(elem, {
            color: '#101130',
            jackColor: '#efff26',
        });
    }
</script>
<script>
    $(document).ready(function () {
        $('.success').on('click', function (e) {
            removePrestationSection();
        });
        $('.error').on('click', function (e) {
            removePrestationSection();
        });

        function removePrestationSection() {
            $('.prestations-section').remove();
        }
    });
</script>
</body>
</html>