<!DOCTYPE html>
<html lang="fr">
<head>
<script src="https://tarteaucitron.io/load.js?domain=www.topline.fr&uuid=27741f3d8946abe727c906f48eeaf6103793c9ab"></script>
<meta charset="UTF-8">
<title>Topline - Solutions de Communication Sur Mesure pour Entreprises</title>
<meta name="description" content="Topline propose des solutions complètes de communication pour les professionnels. De l'installation à la maintenance, nous vous accompagnons tout au long de votre projet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://use.typekit.net/ccd2rfl.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<script rel="nofollow" src="https://kit.fontawesome.com/4f379cd2be.js" crossorigin="anonymous"></script>
<script src="https://www.google.com/recaptcha/api.js?hl=fr"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/rangeslider.js/2.3.2/rangeslider.min.css" />
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V7LFGE9T3S"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-V7LFGE9T3S');
gtag('config', 'AW-16460535946');
</script> <link rel="stylesheet" href="/build/2.82e88e10.css"><link rel="stylesheet" href="/build/app.1fee69fe.css">
</head>
<body>
<header>
<nav class="flex justify-between items-center lg:hidden px-8">
<a href="/" title="Accueil">
<img src="/img/logo/logo.svg" alt="">
</a>
<img src="/img/icones/menu.svg" alt="" id="menu" class="w-8 py-0 cursor-pointer">
</nav>
<nav id="nav" class="absolute w-full bg-white lg:relative hidden lg:block px-4 xl:px-8">
<ul class="flex flex-col lg:flex-row items-center justify-between text-center">
<li class="hidden lg:block">
<a href="/" title="Accueil">
<img src="/img/logo/logo.svg" alt="">
</a>
</li>
<li>
<a href="/nos-offres/telephonie-dentreprise-voip">Téléphonie d'entreprise VOIP</a>
<ul class="subnav">
<li>
<a href="/notre-offre/telephonie-dentreprise-voip">Téléphonie d'entreprise VOIP</a>
</li>
<li>
<a href="/notre-offre/telephonie-voip-pour-les-hotels">Téléphonie VOIP pour les hôtels</a>
</li>
</ul>
</li>
<li>
<a href="/nos-offres/offres-operateurs">Offres opérateurs</a>
<ul class="subnav">
<li>
<a href="/nos-offres/forfaits-mobiles">Forfaits mobiles</a>
</li>
<li>
<a href="/nos-offres/forfaits-fibre-pro">Forfaits Fibre Pro</a>
</li>
</ul>
</li>
<li>
<a href="/notre-offre/videosurveillance">Vidéosurveillance</a>
</li>
<li>
<a href="/notre-offre/wifi-securise">Wifi Sécurisé</a>
</li>
<li>
<a href="/notre-offre/cybersecurite">Cybersécurité</a>
</li>
<li>
<a href="/notre-offre/alarme">Alarme</a>
</li>
<li>
<a class="" href="/pages/notre-entreprise" title="Notre entreprise">Notre entreprise</a>
<ul class="subnav">
<li>
<a href="/pages/avis-client" title="Avis client">Avis client</a>
</li>
<li>
<a href="/actualites#newsletter" title="Newsletter">Newsletter</a>
</li>
</ul>
</li>
<li>
<img class="w-7 h-7 xxl:w-8 xxl:h-8 inline-block" src="/img/icones/smiley.svg" alt="">
<a class="green" href="/pages/topline-green" title="Topline Green">Topline Green</a>
</li>
<li>
<a class="" href="/pages/contact" title="Contact">Contact</a>
</li>
<li class="lg:border-l-2 lg:border-primary-500 lg:pl-4 xl:pl-6">
<img class="w-8 h-8 lg:w-9 lg:h-9 xxl:w-12 xxl:h-10 inline-block" src="/img/icones/compte.svg" alt="">
<a href="/compte/accueil" title="Mon compte">Espace client</a>
</li>
</ul>
</nav>
</header>
<main id="main">
<aside class="fixed left-auto right-4 lg:left-4 top-48 lg:top-auto lg:bottom-[5vh] z-30 w-fit group france">
<div class="bg-white rounded-2xl pulse text-black px-2 lg:px-4 py-2 relative">
<a href="" title="" class="flex cursor-pointer items-center gap-2 cursor-auto">
<img class="group-hover:lg:w-12 transitioning w-8" src="/img/icones/france.svg" alt="">
<p class="hidden lg:block text-xs group-hover:lg:text-base transitioning">Un technicien Topline<br>
<span class="font-bold text-xs group-hover:lg:text-base transitioning">à moins de 100 km</span></p>
</a>
</div>
</aside>
<aside class="fixed w-fit right-4 top-64 lg:top-auto lg:bottom-[5vh] hover:lg:pr-20 z-30 group transitioning pink">
<div class="bg-secondary pulse rounded-2xl text-white px-2 lg:px-4 py-3 group-hover:lg:pr-20 transitioning">
<div class="flex items-center gap-4">
<svg xmlns="http://www.w3.org/2000/svg" class="group-hover:lg:w-7 group-hover:lg:h-7 w-8 h-7 lg:w-5 lg:h-5 text-white transitioning">
<use href="/img/icones/tel.svg#tel"></use>
</svg>
<p class="hidden lg:block title text-xs group-hover:lg:text-base transitioning">Prenez rendez-vous avec nos équipes<br>
<span class="font-bold text-xs group-hover:lg:text-base transitioning">par téléphone ou visioconférence.</span></p>
</div>
<div class="mt-4 content hidden text-center w-60">
<a class="btn btn-white hover:bg-white hover:text-black border-white text-white text-xs rounded-full w-full block mb-2" href="tel:+33388832915" title="">Appelez-nous : 03 88 83 29 15</a>
<a class="btn btn-white hover:bg-white hover:text-black border-white text-white text-xs rounded-full w-full block" href="https://outlook.office365.com/owa/calendar/ToplineServiceCommercial@topline.fr/bookings/" title="Rendez-vous en ligne">Demande de rendez-vous par visio</a>
</div>
</div>
</aside>
<section id="popup-2" class="popup hidden fixed top-0 p-4 sm:p-8 left-0 bg-grey-900 bg-opacity-75 z-50 grid place-items-center h-screen w-screen">
<div class="popup-content w-full lg:w-2/3 relative bg-white py-6 px-4 sm:px-8 overflow-y-visible">
<button id="popup-close-1" class="popup-close absolute right-2 top-1">
<i class="fas fa-times text-secondary text-2xl"></i>
</button>
<form id="form-mewsletter" action="/newsletter-form" method="post" class="contact w-full relative text-center">
<h2 class="text-2xl sm:text-3xl text-black">Inscription à la newsletter</h2>
<div class="flex flex-wrap justify-between gap-y-4 mt-4 sm:mt-12">
<div class="form w-[48%]">
<input type="text" id="prenom" placeholder="Votre prénom" name="prenom" class="!h-10 sm:!h-12 text-black pl-2 !pt-0 w-full h-full" required="">
</div>
<div class="form w-[48%]">
<input type="text" id="nom" name="nom" placeholder="Votre nom" class="!h-10 sm:!h-12 text-black !pt-0 pl-2 w-full h-full" required="">
</div>
<div class="form w-full md:w-[48%]">
<input id="email" type="email" name="email" placeholder="Votre adresse mail" class="!h-10 sm:!h-12 text-black pl-2 !pt-0 w-full h-full" required="">
</div>
</div>
<div class="rgpd w-full flex items-start flex-row mt-4">
<input class="mt-1 mr-2" id="rgpd-newsletter" name="rgpd-newsletter" type="checkbox" required="">
<label for="rgpd-newsletter" class="text-[0.6rem] sm:text-xs text-left">
<p>J'accepte que mes données issues du formulaire soient transmises et utilisées pour répondre à ma demande. Elles seront supprimées après le traitement de celle-ci. Vous pouvez retirer votre consentement à n'importe quel moment en faisant la demande à <a href="mailto:info@topline.fr">info@topline.fr</a>. Des informations détaillées concernant la confidentialité des vos données sont disponibles sur la page avec notre <a href="/pages/politique-de-confidentialite">politique de confidentialité</a>.</p>
</label>
</div>
<div class="g-recaptcha my-4" data-sitekey="6LeB-m8pAAAAAFhrMb7OmiUNzgpmW2_vA4uJKlcM"></div>
<div class="flex flex-col sm:flex-row justify-center items-center w-full sm:mt-4 gap-4">
<div class="form">
<div>
<input type="submit" value="Envoyer" class="btn btn-secondary">
</div>
</div>
</div>
</form>
</div>
</section> <h1 class="opacity-0 invisible absolute abs-center">Topline - Solutions de Communication Sur Mesure pour Entreprises</h1>
<section id="slider-hero" class="swiper-container overflow-hidden swiper-hero relative w-full">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank" title="">
<img class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//banner/encarts/1-6823472b3a661.jpg" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank" title="">
<img loading="lazy" class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//banner/encarts/2-68234739c5553.jpg" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank" title="">
<img loading="lazy" class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//banner/encarts/4-682347453c162.jpg" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank" title="">
<img loading="lazy" class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//banner/encarts/encart-site-topline-1600-x-600-px-68234924be353.jpg" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank" title="">
<img loading="lazy" class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//banner/encarts/3-682347731de5f.jpg" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank" title="">
<img loading="lazy" class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//banner/encarts/6-6823477cd5747.jpg" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank" title="">
<img loading="lazy" class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//banner/encarts/5-6823478dd4ca2.jpg" alt="">
</a>
</div>
</div>
<div class="swiper-hero_prev absolute y-center left-5 z-10 cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-white rotate-90">
<use href="/img/icones/arrow.svg#arrow"></use>
</svg>
</div>
<div class="swiper-hero_next absolute y-center right-5 z-10 cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-white -rotate-90">
<use href="/img/icones/arrow.svg#arrow"></use>
</svg>
</div>
</section>
<section class="wrapper py-16 lg:py-24">
<div class="text-center lg:w-3/5 mx-auto">
<h2>Nos offres</h2>
<p>Découvrez nos prestations à <strong>destination des professionnels</strong>, pour assurer la sécurité et la communication au sein de votre société.</p>
</div>
<div class="flex flex-wrap justify-center gap-y-6 gap-x-4 sm:gap-x-12 mt-8" id="offre-home">
<p class="onglet-offre btn btn-white pulse rounded-full xxl:text-xl" data-offre="téléphonie d'entreprise voip">Téléphonie d'entreprise VOIP</p>
<p class="onglet-offre btn btn-white pulse rounded-full xxl:text-xl" data-offre="offres opérateurs">Offres opérateurs</p>
<p class="onglet-offre btn btn-white pulse rounded-full xxl:text-xl" data-offre="vidéosurveillance">Vidéosurveillance</p>
<p class="onglet-offre btn btn-white pulse rounded-full xxl:text-xl" data-offre="wifi sécurisé">Wifi Sécurisé</p>
<p class="onglet-offre btn btn-white pulse rounded-full xxl:text-xl" data-offre="cybersécurité">Cybersécurité</p>
<p class="onglet-offre btn btn-white pulse rounded-full xxl:text-xl" data-offre="alarme">Alarme</p>
</div>
<div class="mt-12 lg:mt-20 xxl:mt-24 content-offre" data-content="téléphonie d'entreprise voip">
<div class="flex flex-wrap justify-center gap-6 lg:gap-[2%] lg:gap-y-6 items-stretch">
<div class="bg-primary-300 rounded-2xl text-center pt-8 pb-8 px-4 xl:px-8 w-full sm:w-45p lg:w-[49%] h-auto flex flex-col justify-between card-offre">
<div>
<a href="/notre-offre/telephonie-dentreprise-voip" title="Téléphonie d'entreprise VOIP" class="block w-full mx-auto mx-auto p-4">
<h3 class="!mb-0 !text-black">Téléphonie d'entreprise VOIP</h3>
</a>
<a href="/notre-offre/telephonie-dentreprise-voip" title="Téléphonie d'entreprise VOIP" class="block w-4/5 mx-auto mb-8">
<img class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//tm/articles/1/blush-wave-linkedin-banner-1600-x-600-px-600-x-300-px-600-x-394-px-2-68108bed7097f.jpg" alt="">
</a>
<div class="p-container"><p>La solution de téléphonie pro sans engagement, idéale pour les artisants, TPE, PME. </p></div>
<div class="pb-4 border-b border-primary-500">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank">
<div title="Téléphonie d'entreprise VOIP" class="block sm:w-4/5 mx-auto bg-secondary mx-auto rounded-xl p-4 text-white my-4 pulse">
<p class="text-center text-white">Prix à partir de </p>
<div class="flex items-end justify-center">
<span class="text-white text-4xl xxl:text-5xl leading-[1] font-bold">
9<span class="text-xl xxl:text-2xl">,99€</span>
<span class="text-lg">HT</span><span class="-mt-2 text-lg">/mois</span>
</span>
</div>
</div>
</a>
<p class="text-xs xxl:text-sm">Offre soumise à condition</p>
</div>
</div>
<div class="mt-8 flex flex-wrap justify-between gap-x-[2%] gap-y-4">
<a class="flex-1 mx-auto btn max-w-[80%] block text-center text-sm !px-0 pulse btn-secondary min-w-full sm:min-w-[80%]" href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" data-id="1" target="_blank" title="Prenez contact avec l’un de nos conseillers">Prenez contact avec l’un de nos conseillers</a>
<a class="flex-1 mx-auto btn max-w-[80%] block text-center text-sm !px-0 btn-white-secondary min-w-full sm:min-w-[48%]" href="https://www.lemondeinformatique.fr/publi_info/lire-voip-definition-fonctionnement-et-avantages-pour-une-entreprise-706.html" data-id="1" target="_blank" title="En savoir plus sur la téléphonie VOIP">En savoir plus sur la téléphonie VOIP</a>
<a class="flex-1 btn btn-white-secondary flex-1 mx-auto min-w-full sm:min-w-[48%] max-w-[80%] !px-0 flex items-center justify-center" href="/notre-offre/telephonie-dentreprise-voip" title=""><span class="text-sm">Détails de l'offre</span></a>
</div>
</div>
<div class="bg-primary-300 rounded-2xl text-center pt-8 pb-8 px-4 xl:px-8 w-full sm:w-45p lg:w-[49%] h-auto flex flex-col justify-between card-offre">
<div>
<a href="/notre-offre/telephonie-voip-pour-les-hotels" title="Téléphonie VOIP pour les hôtels" class="block w-full mx-auto mx-auto p-4">
<h3 class="!mb-0 !text-black">Téléphonie VOIP pour les hôtels</h3>
</a>
<a href="/notre-offre/telephonie-voip-pour-les-hotels" title="Téléphonie VOIP pour les hôtels" class="block w-4/5 mx-auto mb-8">
<img class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//tm/articles/30/blush-wave-linkedin-banner-1600-x-600-px-600-x-300-px-600-x-394-px-4-681091edcdfc6.jpg" alt="">
</a>
<div class="p-container"><p>La solution de téléphonie d'entreprise VOIP idéale pour les hôtels.</p></div>
<div class="pb-4 border-b border-primary-500">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank">
<div title="Téléphonie VOIP pour les hôtels" class="block sm:w-4/5 mx-auto bg-secondary mx-auto rounded-xl p-4 text-white my-4 pulse">
<p class="text-center text-white">Prix à partir de </p>
<div class="flex items-end justify-center">
<span class="text-white text-4xl xxl:text-5xl leading-[1] font-bold">
9<span class="text-xl xxl:text-2xl">,99€</span>
<span class="text-lg">HT</span><span class="-mt-2 text-lg">/mois</span>
</span>
</div>
</div>
</a>
<p class="text-xs xxl:text-sm">Offre soumise à condition</p>
</div>
</div>
<div class="mt-8 flex flex-wrap justify-between gap-x-[2%] gap-y-4">
<a class="flex-1 mx-auto btn max-w-[80%] block text-center text-sm !px-0 pulse btn-secondary min-w-full sm:min-w-[80%]" href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" data-id="30" target="_blank" title="Prenez contact avec l’un de nos conseillers">Prenez contact avec l’un de nos conseillers</a>
<a class="flex-1 mx-auto btn max-w-[80%] block text-center text-sm !px-0 btn-white-secondary min-w-full sm:min-w-[48%]" href="https://www.lemondeinformatique.fr/publi_info/lire-voip-definition-fonctionnement-et-avantages-pour-une-entreprise-706.html" data-id="30" target="_blank" title="En savoir plus sur la téléphonie VOIP">En savoir plus sur la téléphonie VOIP</a>
<a class="flex-1 btn btn-white-secondary flex-1 mx-auto min-w-full sm:min-w-[48%] max-w-[80%] !px-0 flex items-center justify-center" href="/notre-offre/telephonie-voip-pour-les-hotels" title=""><span class="text-sm">Détails de l'offre</span></a>
</div>
</div> </div>
</div>
<div class="mt-12 lg:mt-20 xxl:mt-24 content-offre hidden" data-content="offres opérateurs">
<div class="flex flex-wrap justify-center gap-6 lg:gap-[2%] lg:gap-y-6 items-stretch">
<div class="bg-primary-300 rounded-2xl text-center pt-8 pb-8 px-4 xl:px-8 w-full sm:w-45p lg:w-[49%] h-auto flex flex-col justify-between card-offre">
<div>
<div class="block w-full mx-auto mx-auto p-4">
<h3 class="!mb-0 !text-black">Forfaits mobiles 4G/5G sans engagements</h3>
</div>
<div class="flex flex-wrap justify-between gap-x-[2%] gap-y-4 w-9/11 mx-auto">
<div data-id="41" data-prix_1="9" data-prix_2="50" data-text="<ul><li>Appels/SMS/MMS illimités depuis et vers l'Europe + Suisse et Andore.</li><li>Qualité réseau Orange.</li></ul>" class="min-w-full lg:min-w-[48%] flex flex-1 cursor-pointer items-center justify-center rounded-2xl shadow bg-white p-4 card-offre-item transitioning">
<p class="font-heading font-bold">Liberty Voix</p>
</div>
<div data-id="24" data-prix_1="13" data-prix_2="50" data-text="<p>1Go d'internet utilisables en Europe Suisse et Andorre</p>" class="min-w-full lg:min-w-[48%] flex flex-1 cursor-pointer items-center justify-center rounded-2xl shadow bg-white p-4 card-offre-item transitioning">
<p class="font-heading font-bold">Liberty 5Go 4G/5G</p>
</div>
<div data-id="25" data-prix_1="17" data-prix_2="50" data-text="<ul><li>1Go d'internet utilisables en Europe Suisse et Andorre</li></ul>" class="min-w-full lg:min-w-[48%] flex flex-1 cursor-pointer items-center justify-center rounded-2xl shadow bg-white p-4 card-offre-item transitioning">
<p class="font-heading font-bold">Liberty 10Go 4G/5G</p>
</div>
<div data-id="42" data-prix_1="19" data-prix_2="50" data-text="<ul><li>20Go en France/Europe/Suisse et Andore 4G/5G.</li><li>Appels/SMS/MMS illimités depuis et vers l'Europe + Suisse et Andore.</li></ul>" class="min-w-full lg:min-w-[48%] flex flex-1 cursor-pointer items-center justify-center rounded-2xl shadow bg-white p-4 card-offre-item transitioning">
<p class="font-heading font-bold">Liberty 20Go 4G/5G</p>
</div>
<div data-id="27" data-prix_1="21" data-prix_2="50" data-text="<ul><li>1Go d'internet utilisables en Europe Suisse et Andorre</li></ul>" class="min-w-full lg:min-w-[48%] flex flex-1 cursor-pointer items-center justify-center rounded-2xl shadow bg-white p-4 card-offre-item transitioning">
<p class="font-heading font-bold">Liberty 40Go 4G/5G</p>
</div>
<div data-id="44" data-prix_1="24" data-prix_2="50" data-text="<ul><li>50Go en France/Europe/Suisse et Andore 4G/5G.</li><li>Appels/SMS/MMS illimités depuis et vers l'Europe + Suisse et Andore.</li></ul>" class="min-w-full lg:min-w-[48%] flex flex-1 cursor-pointer items-center justify-center rounded-2xl shadow bg-white p-4 card-offre-item transitioning">
<p class="font-heading font-bold">Liberty 60Go 4G/5G</p>
</div>
<div data-id="46" data-prix_1="33" data-prix_2="50" data-text="<ul><li>100Go en France/Europe/Suisse et Andore 4G/5G.</li><li>Appels/SMS/MMS illimités depuis et vers l'Europe + Suisse et Andore.</li></ul>" class="min-w-full lg:min-w-[48%] flex flex-1 cursor-pointer items-center justify-center rounded-2xl shadow bg-white p-4 card-offre-item transitioning">
<p class="font-heading font-bold">Liberty 100Go 4G/5G</p>
</div>
<div data-id="26" data-prix_1="52" data-prix_2="50" data-text="<p>1Go d'internet utilisables en Europe Suisse et Andorre</p>" class="min-w-full lg:min-w-[48%] flex flex-1 cursor-pointer items-center justify-center rounded-2xl shadow bg-white p-4 card-offre-item transitioning">
<p class="font-heading font-bold">Liberty 200Go 4G/5G</p>
</div>
</div>
<div class="p-container mt-4"><p> La solution mobile pour les entreprises.</p></div>
<div class="mt-4">
<div class="block w-9/11 mx-auto bg-secondary mx-auto rounded-xl p-4 text-white my-4 pulse">
<div class="flex items-end justify-center">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/">
<span class="text-white text-6xl lg:text-4xl xxl:text-5xl leading-[1] font-bold">
<span id="prix-1" class="text-6xl lg:text-4xl xxl:text-5xl">9</span><span id="prix-2" class="text-xl xxl:text-2xl">,50</span><span class="text-xl xxl:text-2xl">€</span><span class="text-lg"> HT</span><span class="-mt-2 text-lg">/mois</span>
</span>
</a>
</div>
</div>
<p class="text-xs xxl:text-sm">Offre soumise à condition</p>
<div class="article-desc mt-3 sm:px-8 text-left border-t border-primary-500 pt-2">
<span class="text-base"><strong>Avantages : </strong></span><span id="card-offre-item-desc"><ul>
<li>Appels/SMS/MMS illimités depuis et vers l'Europe + Suisse et Andore.</li>
<li>Qualité réseau Orange.</li>
</ul></span>
</div>
</div>
</div>
<div class="mt-8 flex flex-wrap justify-between gap-y-4 gap-x-[2%]">
</div>
</div>
<div class="bg-primary-300 rounded-2xl text-center pt-8 pb-8 px-4 xl:px-8 w-full sm:w-45p lg:w-[49%] h-auto flex flex-col justify-between card-offre">
<div>
<div class="block w-full mx-auto mx-auto p-4">
<h3 class="!mb-0 !text-black">Forfaits Fibre Pro </h3>
</div>
<div class="flex flex-wrap justify-between gap-x-[2%] gap-y-4 w-9/11 mx-auto">
<div data-id="48" data-prix_1="89" data-prix_2="" data-text="<ul><li>Fibre FTTH haut débit.</li><li>Un backup 4G illimité en secours.</li><li>Un routeur fibre / wifi / backup illimité automatisé.</li></ul>" class="min-w-full lg:min-w-[48%] !w-full lg:!min-w-[31%] flex flex-1 cursor-pointer items-center justify-center rounded-2xl shadow bg-white p-4 card-offre-item transitioning active">
<p class="font-heading font-bold">Fibre FTTH backup 4G</p>
</div>
<div data-id="47" data-prix_1="59" data-prix_2="" data-text="<ul><li>Fibre FTTH haut débit.</li><li>Routeur fibre + Wifi inclus.</li></ul>" class="min-w-full lg:min-w-[48%] !w-full lg:!min-w-[31%] flex flex-1 cursor-pointer items-center justify-center rounded-2xl shadow bg-white p-4 card-offre-item transitioning">
<p class="font-heading font-bold">Fibre FTTH</p>
</div>
<div data-id="49" data-prix_1="250" data-prix_2="" data-text="<ul><li>Fibre FTTH haut débit.</li><li>Un backup 4G illimité en secours.</li><li>Un routeur fibre / wifi / backup illimité automatisé.</li><li>1 Firewall en cœur de réseau avec une haute protection contre la cybercriminalité.</li></ul>" class="min-w-full lg:min-w-[48%] !w-full lg:!min-w-[31%] flex flex-1 cursor-pointer items-center justify-center rounded-2xl shadow bg-white p-4 card-offre-item transitioning">
<p class="font-heading font-bold">Fibre FTTO</p>
</div>
</div>
<div class="p-container mt-4"><p> La solution de fibre pour les entreprises.</p></div>
<div class="mt-4">
<div class="block w-9/11 mx-auto bg-secondary mx-auto rounded-xl p-4 text-white my-4 pulse">
<div class="flex items-end justify-center">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/">
<span class="text-white text-6xl lg:text-4xl xxl:text-5xl leading-[1] font-bold">
<span id="prix-1" class="text-6xl lg:text-4xl xxl:text-5xl">59</span><span class="text-xl xxl:text-2xl">€</span><span class="text-lg"> HT</span><span class="-mt-2 text-lg">/mois</span>
</span>
</a>
</div>
</div>
<p class="text-xs xxl:text-sm">Offre soumise à condition</p>
<div class="article-desc mt-3 sm:px-8 text-left border-t border-primary-500 pt-2">
<span class="text-base"><strong>Avantages : </strong></span><span id="card-offre-item-desc"><ul>
<li>Fibre FTTH haut débit.</li>
<li>Routeur fibre + Wifi inclus.</li>
</ul></span>
</div>
</div>
</div>
<div class="mt-8 flex flex-wrap justify-between gap-y-4 gap-x-[2%]">
</div>
</div> </div>
</div>
<div class="mt-12 lg:mt-20 xxl:mt-24 content-offre hidden" data-content="vidéosurveillance">
<div class="flex flex-wrap justify-center gap-6 lg:gap-[2%] lg:gap-y-6 items-stretch">
<div class="bg-primary-300 rounded-2xl text-center pt-8 pb-8 px-4 xl:px-8 w-full sm:w-45p lg:w-[49%] h-auto flex flex-col justify-between card-offre">
<div>
<a href="/notre-offre/videosurveillance" title="Vidéosurveillance" class="block w-full mx-auto mx-auto p-4">
<h3 class="!mb-0 !text-black">Vidéosurveillance</h3>
</a>
<a href="/notre-offre/videosurveillance" title="Vidéosurveillance" class="block w-4/5 mx-auto mb-8">
<img class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//tm/articles/2/blush-wave-linkedin-banner-1600-x-600-px-600-x-300-px-600-x-394-px-3-68108d770f089.jpg" alt="">
</a>
<div class="p-container"><p>La solution de vidéosurveillance pour les entreprises, artisans, TPE, PME et hôtels. </p></div>
<div class="pb-4 border-b border-primary-500">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank">
<div title="Vidéosurveillance" class="block sm:w-4/5 mx-auto bg-secondary mx-auto rounded-xl p-4 text-white my-4 pulse">
<p class="text-center text-white">Prix à partir de </p>
<div class="flex items-end justify-center">
<span class="text-white text-4xl xxl:text-5xl leading-[1] font-bold">
19<span class="text-xl xxl:text-2xl">,99€</span>
<span class="text-lg">HT</span><span class="-mt-2 text-lg">/jour</span>
</span>
</div>
</div>
</a>
<p class="text-xs xxl:text-sm">Offre soumise à condition</p>
</div>
</div>
<div class="mt-8 flex flex-wrap justify-between gap-x-[2%] gap-y-4">
<a class="flex-1 mx-auto btn max-w-[80%] block text-center text-sm !px-0 pulse btn-secondary min-w-full sm:min-w-[80%]" href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" data-id="2" target="_blank" title="Prenez contact avec l’un de nos conseillers">Prenez contact avec l’un de nos conseillers</a>
<a class="flex-1 btn btn-white-secondary flex-1 mx-auto min-w-full sm:min-w-[48%] max-w-[80%] !px-0 flex items-center justify-center" href="/notre-offre/videosurveillance" title=""><span class="text-sm">Détails de l'offre</span></a>
</div>
</div> </div>
</div>
<div class="mt-12 lg:mt-20 xxl:mt-24 content-offre hidden" data-content="wifi sécurisé">
<div class="flex flex-wrap justify-center gap-6 lg:gap-[2%] lg:gap-y-6 items-stretch">
<div class="bg-primary-300 rounded-2xl text-center pt-8 pb-8 px-4 xl:px-8 w-full sm:w-45p lg:w-[49%] h-auto flex flex-col justify-between card-offre">
<div>
<a href="/notre-offre/wifi-securise" title="Wifi Sécurisé" class="block w-full mx-auto mx-auto p-4">
<h3 class="!mb-0 !text-black">Wifi Sécurisé</h3>
</a>
<a href="/notre-offre/wifi-securise" title="Wifi Sécurisé" class="block w-4/5 mx-auto mb-8">
<img class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//tm/articles/35/blush-wave-linkedin-banner-1600-x-600-px-600-x-300-px-600-x-394-px-9-682c7187e4184.jpg" alt="">
</a>
<div class="p-container"><p>La solution de wifi sécurisé pour les entreprises, artisans, TPE, PME et les hôteliers.</p></div>
<div class="pb-4 border-b border-primary-500">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank">
<div title="Wifi Sécurisé" class="block sm:w-4/5 mx-auto bg-secondary mx-auto rounded-xl p-4 text-white my-4 pulse">
<p class="text-center text-white">Prix à partir de </p>
<div class="flex items-end justify-center">
<span class="text-white text-4xl xxl:text-5xl leading-[1] font-bold">
9<span class="text-xl xxl:text-2xl">,99€</span>
<span class="text-lg">HT</span><span class="-mt-2 text-lg">/jour</span>
</span>
</div>
</div>
</a>
<p class="text-xs xxl:text-sm">Offre soumise à condition</p>
</div>
</div>
<div class="mt-8 flex flex-wrap justify-between gap-x-[2%] gap-y-4">
<a class="flex-1 mx-auto btn max-w-[80%] block text-center text-sm !px-0 pulse btn-secondary min-w-full sm:min-w-[80%]" href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" data-id="35" target="_blank" title="Prenez contact avec l’un de nos conseillers">Prenez contact avec l’un de nos conseillers</a>
<a class="flex-1 mx-auto btn max-w-[80%] block text-center text-sm !px-0 btn-white-secondary min-w-full sm:min-w-[48%]" href="https://www.cnil.fr/fr/securite-proteger-le-reseau-informatique" data-id="35" target="_blank" title="Pourquoi sécuriser votre réseau Wifi ?">Pourquoi sécuriser votre réseau Wifi ?</a>
<a class="flex-1 btn btn-white-secondary flex-1 mx-auto min-w-full sm:min-w-[48%] max-w-[80%] !px-0 flex items-center justify-center" href="/notre-offre/wifi-securise" title=""><span class="text-sm">Détails de l'offre</span></a>
</div>
</div> </div>
</div>
<div class="mt-12 lg:mt-20 xxl:mt-24 content-offre hidden" data-content="cybersécurité">
<div class="flex flex-wrap justify-center gap-6 lg:gap-[2%] lg:gap-y-6 items-stretch">
<div class="bg-primary-300 rounded-2xl text-center pt-8 pb-8 px-4 xl:px-8 w-full sm:w-45p lg:w-[49%] h-auto flex flex-col justify-between card-offre">
<div>
<a href="/notre-offre/cybersecurite" title="Cybersécurité" class="block w-full mx-auto mx-auto p-4">
<h3 class="!mb-0 !text-black">Cybersécurité</h3>
</a>
<a href="/notre-offre/cybersecurite" title="Cybersécurité" class="block w-4/5 mx-auto mb-8">
<img class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//tm/articles/40/blush-wave-linkedin-banner-1600-x-600-px-600-x-300-px-600-x-394-px-8-68234bd50fff4.jpg" alt="">
</a>
<div class="p-container"><p>La solution de protection des entreprises contre la cybercriminalité et les cyberattaques.</p></div>
<div class="pb-4 border-b border-primary-500">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank">
<div title="Cybersécurité" class="block sm:w-4/5 mx-auto bg-secondary mx-auto rounded-xl p-4 text-white my-4 pulse">
<p class="text-center text-white">Prix à partir de </p>
<div class="flex items-end justify-center">
<span class="text-white text-4xl xxl:text-5xl leading-[1] font-bold">
4<span class="text-xl xxl:text-2xl">,99€</span>
<span class="text-lg">HT</span><span class="-mt-2 text-lg">/mois</span>
</span>
</div>
</div>
</a>
<p class="text-xs xxl:text-sm">Offre soumise à condition</p>
</div>
</div>
<div class="mt-8 flex flex-wrap justify-between gap-x-[2%] gap-y-4">
<a class="flex-1 mx-auto btn max-w-[80%] block text-center text-sm !px-0 pulse btn-secondary min-w-full sm:min-w-[80%]" href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" data-id="40" target="_blank" title="Prenez contact avec l’un de nos conseillers">Prenez contact avec l’un de nos conseillers</a>
<a class="flex-1 mx-auto btn max-w-[80%] block text-center text-sm !px-0 btn-white-secondary min-w-full sm:min-w-[48%]" href="https://www.cnil.fr/fr/securite-proteger-le-reseau-informatique#:~:text=Le%20r%C3%A9seau%20interne%20interconnecte%20l,de%20s%C3%A9curiser%20le%20r%C3%A9seau%20interne." data-id="40" target="_blank" title="Pourquoi sécuriser votre réseau Internet et informatique ?">Pourquoi sécuriser votre réseau Internet et informatique ?</a>
<a class="flex-1 mx-auto btn max-w-[80%] block text-center text-sm !px-0 btn-white-secondary min-w-full sm:min-w-[48%]" href="https://www.gouvernement.fr/risques/cyber-criminalite" data-id="40" target="_blank" title="Pourquoi se protéger contre la cybercriminalité ?">Pourquoi se protéger contre la cybercriminalité ?</a>
<a class="flex-1 btn btn-white-secondary flex-1 mx-auto min-w-full sm:min-w-[48%] max-w-[80%] !px-0 flex items-center justify-center" href="/notre-offre/cybersecurite" title=""><span class="text-sm">Détails de l'offre</span></a>
</div>
</div> </div>
</div>
<div class="mt-12 lg:mt-20 xxl:mt-24 content-offre hidden" data-content="alarme">
<div class="flex flex-wrap justify-center gap-6 lg:gap-[2%] lg:gap-y-6 items-stretch">
<div class="bg-primary-300 rounded-2xl text-center pt-8 pb-8 px-4 xl:px-8 w-full sm:w-45p lg:w-[49%] h-auto flex flex-col justify-between card-offre">
<div>
<a href="/notre-offre/alarme" title="Alarme" class="block w-full mx-auto mx-auto p-4">
<h3 class="!mb-0 !text-black">Alarme</h3>
</a>
<a href="/notre-offre/alarme" title="Alarme" class="block w-4/5 mx-auto mb-8">
<img class="w-full h-full object-contain" src="https://www.topline.fr/medias/cache//tm/articles/50/blush-wave-linkedin-banner-1600-x-600-px-600-x-300-px-600-x-394-px-10-682c71a221c9b.jpg" alt="">
</a>
<div class="p-container"><p>La solution d'alarme pour les entreprises.</p></div>
<div class="pb-4 border-b border-primary-500">
<a href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" target="_blank">
<div title="Alarme" class="block sm:w-4/5 mx-auto bg-secondary mx-auto rounded-xl p-4 text-white my-4 pulse">
<p class="text-center text-white">Prix à partir de </p>
<div class="flex items-end justify-center">
<span class="text-white text-4xl xxl:text-5xl leading-[1] font-bold">
14<span class="text-xl xxl:text-2xl">,99€</span>
<span class="text-lg">HT</span><span class="-mt-2 text-lg">/jour</span>
</span>
</div>
</div>
</a>
<p class="text-xs xxl:text-sm">Offre soumise à condition</p>
</div>
</div>
<div class="mt-8 flex flex-wrap justify-between gap-x-[2%] gap-y-4">
<a class="flex-1 mx-auto btn max-w-[80%] block text-center text-sm !px-0 pulse btn-secondary min-w-full sm:min-w-[80%]" href="https://outlook.office365.com/book/ToplineServiceCommercial@topline.fr/" data-id="50" target="_blank" title="Prenez contact avec l’un de nos conseillers">Prenez contact avec l’un de nos conseillers</a>
<a class="flex-1 btn btn-white-secondary flex-1 mx-auto min-w-full sm:min-w-[48%] max-w-[80%] !px-0 flex items-center justify-center" href="/notre-offre/alarme" title=""><span class="text-sm">Détails de l'offre</span></a>
</div>
</div> </div>
</div>
</section>
<section class="pb-16 lg:pb-24">
<div class="text-center wrapper">
<h2>Nos références ambassadeurs en vidéo</h2>
<p class="lg:w-3/5 mx-auto">Topline s'engage à accompagner et mettre en place des solutions personnalisées répondant aux besoins de chacun de ses clients.</p>
</div>
<div id="slider-ambassadeur" class="swiper-container overflow-hidden relative xl:mx-44 xxl:mx-64 px-12 sm:px-20 mt-12">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="flex flex-col lg:flex-row gap-6 lg:gap-0 justify-between items-center">
<div class="content w-full lg:w-1/2 flex flex-col sm:flex-row items-center sm:items-start gap-4 sm:gap-12 lg:gap-16">
<img loading="lazy" class="w-16 sm:w-24 lg:w-32 xxl:w-36 h-16 object-contain sm:h-24 lg:h-32 xxl:h-36" src="https://www.topline.fr/medias/cache//tm/ambassadors/images-6723545223214.jpg" alt="">
<div class="text-center sm:text-left">
<p>Vous souhaitez avoir un retour d’expérience
de nos clients ambassadeurs ?<br>
N’hésitez pas à les contacter !</p>
<p class="font-bold mt-2">Merci à Horticulture Decker pour leur confiance en TOPLINE ! 🌿📞</p>
</div>
</div>
<div class="iframe w-full lg:w-2/5 h-44 sm:h-56 xxl:h-64 rounded-2xl overflow-hidden">
<iframe loading="lazy" class="w-full h-full object-cover" src="https://www.youtube.com/embed/P-e-Tgm9Muo?playlist=P-e-Tgm9Muo&loop=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="flex flex-col lg:flex-row gap-6 lg:gap-0 justify-between items-center">
<div class="content w-full lg:w-1/2 flex flex-col sm:flex-row items-center sm:items-start gap-4 sm:gap-12 lg:gap-16">
<div class="text-center sm:text-left">
<p>Vous souhaitez avoir un retour d’expérience
de nos clients ambassadeurs ?<br>
N’hésitez pas à les contacter !</p>
<p class="font-bold mt-2">Merci à notre client CTI pour sa confiance 📞</p>
</div>
</div>
<div class="iframe w-full lg:w-2/5 h-44 sm:h-56 xxl:h-64 rounded-2xl overflow-hidden">
<iframe loading="lazy" class="w-full h-full object-cover" src="https://www.youtube.com/embed/tiiz-7BNhyY?playlist=tiiz-7BNhyY&loop=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="flex flex-col lg:flex-row gap-6 lg:gap-0 justify-between items-center">
<div class="content w-full lg:w-1/2 flex flex-col sm:flex-row items-center sm:items-start gap-4 sm:gap-12 lg:gap-16">
<img loading="lazy" class="w-16 sm:w-24 lg:w-32 xxl:w-36 h-16 object-contain sm:h-24 lg:h-32 xxl:h-36" src="https://www.topline.fr/medias/cache//tm/ambassadors/capture-decran-2024-11-08-a-110751-672de34c5bc37.png" alt="">
<div class="text-center sm:text-left">
<p>Vous souhaitez avoir un retour d’expérience
de nos clients ambassadeurs ?<br>
N’hésitez pas à les contacter !</p>
<p class="font-bold mt-2">Merci à ETS ROBERT LUDMANN pour sa Confiance ! 🛠️🚧👷</p>
</div>
</div>
<div class="iframe w-full lg:w-2/5 h-44 sm:h-56 xxl:h-64 rounded-2xl overflow-hidden">
<iframe loading="lazy" class="w-full h-full object-cover" src="https://www.youtube.com/embed/JvzFxDiWaf0?playlist=JvzFxDiWaf0&loop=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div class="swiper-ambassadeur_prev absolute y-center left-4 xl:left-0 z-10 cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-black rotate-90">
<use href="/img/icones/arrow.svg#arrow"></use>
</svg>
</div>
<div class="swiper-ambassadeur_next absolute y-center right-4 xl:right-0 z-10 cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-black -rotate-90">
<use href="/img/icones/arrow.svg#arrow"></use>
</svg>
</div>
</div>
</section>
<section class="py-16 xxl:py-24 bg-primary-300">
<h2 class="wrapper text-center mb-0">Nos 63 avis clients</h2>
<div id="slider-avis" class="slider-avis swiper-container overflow-hidden relative xl:mx-44 xxl:mx-64 px-12 md:px-20 xxl:mt-8 mb-4 xxl:mb-8 py-8">
<div class="swiper-wrapper items-stretch">
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Installation rapide d’un pack alarme + caméras. Accessible même pour les petites structures.</p>
<p class="font-bold mt-4">Julie Renard</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Bon partenaire pour les projets multi-sites. Leurs techniciens sont sérieux et ponctuels.</p>
<p class="font-bold mt-4">Loïc Mercier</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Topline a transformé notre espace de travail. Service pro et rapide.</p>
<p class="font-bold mt-4">Claire D</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Topline a installé notre standard VoIP. Très pro, configuration rapide, équipe disponible !</p>
<p class="font-bold mt-4">Marc Lefort</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Installation d’un système d’alarme + vidéosurveillance. Service fiable, formation claire, rien à redire.</p>
<p class="font-bold mt-4">Nathalie Carpentier</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Migration téléphonique et fibre : tout a été planifié efficacement. Un bon suivi projet.</p>
<p class="font-bold mt-4">Julien Morel</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Installation d’un réseau Wi-Fi pro dans plusieurs agences. Stabilité et couverture au top.</p>
<p class="font-bold mt-4">Isabelle Garnier</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Leur solution de cybersécurité nous a permis de sécuriser nos accès à distance. Très bon partenaire.</p>
<p class="font-bold mt-4">Antoine Dubreuil</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Topline a su répondre à nos besoins en téléphonie collaborative. Excellent rapport qualité/prix.</p>
<p class="font-bold mt-4">Sarah Pinto</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Bon accompagnement pour la mise en place d’un VPN et firewall. Support réactif.</p>
<p class="font-bold mt-4">David Lambert</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Équipe très à l’écoute. Installation d’un système de vidéosurveillance discret et efficace dans nos locaux.</p>
<p class="font-bold mt-4">Camille Roche</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Migration fibre + téléphonie : zéro coupure, tout a été anticipé. Un sans faute.</p>
<p class="font-bold mt-4">Vincent Petit</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Excellent accompagnement stratégique pour l’ensemble de nos communications et notre sécurité réseau.</p>
<p class="font-bold mt-4">Thomas Devaux</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Système de sécurité installé en une journée. Très rassurant pour le personnel comme les familles.</p>
<p class="font-bold mt-4">Céline Marchal</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Bonne expertise sur la couverture Wi-Fi dans nos entrepôts. Un vrai confort de travail maintenant.</p>
<p class="font-bold mt-4">Hugo Bernard</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Alarme, caméra, fibre et téléphonie installées par Topline : un seul interlocuteur, top.</p>
<p class="font-bold mt-4">Sandrine Lemoine</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Satisfaite de la partie technique et du professionnalisme de Julien. Je recommande.</p>
<p class="font-bold mt-4">virginie pierron</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Le service est toujours là.
👍🏽</p>
<p class="font-bold mt-4">Jérôme NIAS</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Super je recommande
Technicien au top il a su résoudre nos soucis suite à escroquerie de la part d ´ Orange.
Merci encore pour votre professionnalisme.</p>
<p class="font-bold mt-4">Amandine Bentalib</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Très bonne société, professionnelle et efficace.</p>
<p class="font-bold mt-4">Jerome Schall</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Une personne à l'écoute, fort sympathique, professionnelle et très réactive ! Merci pour nos échanges</p>
<p class="font-bold mt-4">silver flo</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Très satisfaite des prestations et du service client Topline
Je les ai contacté pour l installation pour mes postes téléphonique et pour la videosurveillance
Grâce a leur écoute Topline a su répondre a mes besoins et je suis très bien équipée
Tout fonctionne à merveille, support technique très réactif pour toute demande de modifications ,programmation ,....
Je recommande vivement</p>
<p class="font-bold mt-4">Sibel Kalyoncuoglu</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Une entreprise proche des ses clients, très bon service commercial et aussi technique !
Je recommande</p>
<p class="font-bold mt-4">Guillaume A.</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Partenaire local depuis plus de vingt ans - service irréprochable - disponibilité - excellent rapport qualité prix</p>
<p class="font-bold mt-4">Valérie Cartier</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Conseillers agréables et de très bons conseils. Réactifs et sérieux</p>
<p class="font-bold mt-4">Mélanie Reinberger</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Collaboration depuis des années, service de qualité.</p>
<p class="font-bold mt-4">Anthony Baradel</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Très satisfaite par les différents contacts chez topline</p>
<p class="font-bold mt-4">Frederique Bard</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Équipe très sympa, pro et bon conseil</p>
<p class="font-bold mt-4">Yves Hinderer</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Équipe Topline très réactive et professionnelle</p>
<p class="font-bold mt-4">Anne Hinderer</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">À l’écoute et très disponible, Semra est très efficace !</p>
<p class="font-bold mt-4">Monique Koehl</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Nous travaillons avec Topline depuis Décembre 2023.
L'installation a été d'une rapidité fulgurante. Nous sommes chez Topline pour la fibre et pour notre standard plus + nos deux téléphones. Nous avons nos forfaits chez eux et ça se passe à merveille. Nous les conseillons vivement. Je peux maintenant décrocher les appels sur mon téléphone portable avec leur application.</p>
<p class="font-bold mt-4">Klik Kenko</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Très bons conseils
Hotline disponible facile à joindre
Économie de factures</p>
<p class="font-bold mt-4">Caroline HAAS</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Équipe très réactiive.
Solution sur mesure avec une fibre sécurisée et du matériel de qualité.
Je vous conseille fortement Topline</p>
<p class="font-bold mt-4">Isabelle Solaire one</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Merci Topline et bon débarras Paritel.
Enfin j’ai trouvé une entreprise de téléphonie qui est à la hauteur des mes exigences.Topline m’a racheté la totalité de mes contrats paritel et cloud Eco.Une solution qui comprend le matériel,les lignes téléphonique,la fibre avec un backup et les forfaits mobiles,le tout chez Topline pour un budget très correcte.</p>
<p class="font-bold mt-4">Btp Kara Nur</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Enfin un installateur qui a tenu ses promesses.Installation fibre avec une centrale téléphonique IP et des ligne Voip,une seule facture un prestataire sérieux et efficace.
Il m'ont racheter mes engagements de contrats chez mon ancien prestataire Netcom.Je conseil vivement cette société à toutes personnes qui cherche un prestataire local avec un service client Français basé à Strasbourg.Je mets 4 étoiles car j'attends toujours mes chocolats</p>
<p class="font-bold mt-4">Kara Garage 68</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Merci à l'équipe des technicien Topline pour,installation rapide avec des forfaits qui ont fait du bien à mes finances.Comptable de métier, je vous invite à solliciter Topline pour votre téléphonie d'entreprise.Le matériel installé est futuriste,j'ai mon standard téléphonique sur mon Iphone et tablette puis PC,mes collaboratrices peuvent travailler de la maison 20/20 Bravoooooooooooooooo</p>
<p class="font-bold mt-4">KokouComptable Céline</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Bonjour
Un grand merci à l'équipe Topline qui m'ont installé une solution de centrale téléphonique hébergée avec des postes VOIP de très bonnes qualité,tarifs très compétitifs,réactivité des équipes Topline.J'ai également la fibre et mes abonnements mobiles chez eux,au Top.Ils ont fait le rachat des contrats de mon ancien prestataire et m'ont totalement désengagé de celui-ci.Merci enfin un installateur,opérateur qui assure Top.</p>
<p class="font-bold mt-4">Martin Blanc</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Hello,
Depuis plus de 15 ans je suis chez Topline et j'ai rien à dire sur l’efficacité des équipe.Mon seul reproche est qu'il sont trop dans le conseil technique que la vente.Prenez un peu plus de vendeurs que de techniciens.J'étais un ancien client de Paritel,ne signez jamais avec cette entreprise.Je remercie Tania et Semra qui sont toujours à l'écoute et un ++ pour les techniciens mais pas le conseillé car encore une fois trop technique,par conséquent je mets que 4 étoiles et non pas 5</p>
<p class="font-bold mt-4">Xavier Hôtel</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Merci aux équipes de Topline qui se sont chargées de nous ramener la fibre.
Nous avons signé une formule qui comprend la fibre avec une centrale Cloud,les téléphones IP,les lignes Voip,les lignes mobile,la Cyber sécurité et la vidéosurveillance.Avantages,prix,service client basé en France,opérateur local de proximité,un conseillé dédié qui se déplace sur site sous le 48H.Il nous ont désengagé de notre ancien installateur et fait le rachat des mensualités restantes,merci à Gabin qui nous a commercialisé cette installation.</p>
<p class="font-bold mt-4">Charles Groupe Médecin</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Ayant une très mauvaise expérience avec PARITEL nous avions mis 4 étoiles en attendant de voir le résultat, retour après 9 mois de fonctionnement, une panne matériel résolu de manière express un samedi par la technicienne, merci à Topline qui nous permet de travailler tous les jours dans des conditions optimales !!! Note augmentée au maximum. Enfin une entreprise sérieuse ! Nous recommandons sans problème.</p>
<p class="font-bold mt-4">Midi Auto</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Je suis client Chez la sarl Topline depuis plus de 7 ans .
Topline se charge de ma téléphonie Voip vidéosurveillance de mes sociétés réseau informatique. Je recommande cette société à toutes entreprises qui cherche un prestataire sérieux , fiable, à l'écoute et surtout doté d'un service technique et client irréprochable.</p>
<p class="font-bold mt-4">Marina Hovig</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Je payais 600€ de factures mensuels avec des doublons et autres incohérences ! Topline a pris à charge les désengagements, mis à jour les tarifs, sécurisé mon réseau. Résultat, nous avons divisé ma facture par 2!
Je recommande !</p>
<p class="font-bold mt-4">Hak'o Mt'il</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Cela fait 6 ans que nous faisons confiance à Topline. Nous avons toujours était satisfait de la réactivité technique et commercial, un grand bravo à eux. Je recommande cette entreprise.</p>
<p class="font-bold mt-4">Fanny Allmendinger</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Nous travaillons avec TOPLINE depuis 2018, et nous avons toujours eu grande satisfaction avec le relationnelle et leur réactivité.
Gérant d'un Magasin d'ameublement sur THANN, ils nous arrivent d'avoir des pannes ou rencontrer des problème avec la ligne, TOPLINE est toujours intervenu rapidement, BRAVO.
KASPAR FLORENT
Gérant SCHMIDT THANN</p>
<p class="font-bold mt-4">Kaspar Florent</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Superbe entreprise je recommande vivement! Ils m’ont trouvé une solution car je payais beaucoup trop cher mon installation, depuis que je suis passez par topline tout est rentré dans l ordre. Je ne savais pas quoi faire car je payais trop cher mon installation mais eux mon directement trouvé une solution a mes problemes. C est autre chose que paritel, ou vialys... de plus maintenant j ai mon interlocuteur dedie en cas de probleme 😁</p>
<p class="font-bold mt-4">David Vivenso</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Au top ! J'ai pu payer mon installation moins cher grâce à Topline. Personnel très compétant et réactif. Je recommande !</p>
<p class="font-bold mt-4">Lisa Bauer</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Après plus de 12 ans de partenariat, nous sommes toujours autant satisfait des services de topline !
Toujours réactif, et très sérieux nous recommandons vivement !</p>
<p class="font-bold mt-4">Gaetan Gaessler</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Nous travaillons avec Topline depuis plusieurs années et sommes satisfaits de leur service et disponibilité. Nous les recommandons.</p>
<p class="font-bold mt-4">Montagne des Singes</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Très satisfait de l’accueil reçu.
Entreprise à l'écoute des besoins de ses clients et de bons conseils.</p>
<p class="font-bold mt-4">Malkhiel Grumbach</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">J'ai vraiment apprécié la qualité de l'installation ainsi que la sympathie des CoGérants (frère et soeur)</p>
<p class="font-bold mt-4">Arnaud Kieffer</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Une très bonne société qui est très à l'écoute à tous les niveaux (services commercial, client et technique)...</p>
<p class="font-bold mt-4">Limoges Jacqueline</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Entreprise que je recommande a 100%, toujours à l'écoute et propose toujours les meilleures solutions</p>
<p class="font-bold mt-4">Dan Lenain</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Très bien. Bon suivit et réactif. Aucun problème rencontré en 10ans maintenant.</p>
<p class="font-bold mt-4">Alsace Résidence</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Nous sommes très satisfaits des services de Topline. Ils sont très professionnels.</p>
<p class="font-bold mt-4">Auberge de France</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">à communiquer à d'autres clients car très réactifs à l'installation ainsi qu'au suivi</p>
<p class="font-bold mt-4">Anthony Kachler</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Une équipe très professionnelle, à l’écoute de vos besoins, je recommande vivement.</p>
<p class="font-bold mt-4">Eloïse Rustenholz</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Parfait. Entreprise sérieuse et professionnelle</p>
<p class="font-bold mt-4">Jérémy Meyer</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Bon partenariat</p>
<p class="font-bold mt-4">Adam Levage</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Très bon accueil et reactivité</p>
<p class="font-bold mt-4">Patrick Gaillot</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Super!!</p>
<p class="font-bold mt-4">Anthony Beaufort</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Nous sommes partenaires depuis plus de 15 ans, et toujours aussi satisfaits des prestations de l'équipe TOPLINE.
Récemment nous sommes passés à la fibre, tout a été géré parfaitement.
Je recommande !</p>
<p class="font-bold mt-4">Alexandre Petri</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Nous sommes client chez Topline depuis 3 ans et nous sommes très satisfaits de leur service. D'autant plus qu'ils sont très réactifs et facilement joignables.
Nous avons fait de grosses économies au sein de notre entreprise grâce à notre contrat avec eux.
Nous recommandons vivement Topline.</p>
<p class="font-bold mt-4">Jennifer Martin</p>
</div>
<div class="swiper-slide card-avis bg-white rounded-2xl p-8 text-center !h-auto flex flex-col justify-between shadow-lg">
<div class="flex justify-center items-center gap-1 mb-4">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
<img loading="lazy" class="w-4 h-4 xxl:w-6 xxl:h-6" src="/img/icones/star.svg" alt="">
</div>
<p class="italic">Client depuis presque 2 ans, ils m’ont accompagné dans la transition vers le tout IP concernant ma téléphonie avec une solution locative. Heureux de pouvoir beneficier d’un ensemble de matériel performant que j’aurai eu du mal à acquerir à l’achat. Solution flexible que l’on reverra éventuellement dans 3 ans en fin de contrat si les technologies évoluent d’ici là ! Satisfait de notre relation jusqu’à présent. À bientôt.</p>
<p class="font-bold mt-4">Vincent Zolger</p>
</div>
</div>
<div class="swiper-avis_prev absolute y-center left-4 xl:left-0 z-10 cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-black rotate-90">
<use href="/img/icones/arrow.svg#arrow"></use>
</svg>
</div>
<div class="swiper-avis_next absolute y-center right-4 xl:right-0 z-10 cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-black -rotate-90">
<use href="/img/icones/arrow.svg#arrow"></use>
</svg>
</div>
</div>
<div class="wrapper">
<a class="btn btn-secondary block w-max mx-auto" href="/pages/avis-client" title="">Écrire un avis</a>
</div>
</section>
<section class="wrapper py-16 lg:py-24 compteur">
<h2 class="text-center">Topline en quelques chiffres</h2>
<div class="flex flex-wrap justify-center gap-4 sm:gap-0 sm:justify-between items-stretch mt-8 lg:mt-12">
<div class="px-4 lg:px-12 py-8 bg-white rounded-xl text-center w-full sm:w-[31.5%] shadow-lg">
<p data-value="20" class="text-secondary text-4xl md:text-5xl lg:text-6xl xl:text-7xl xxl:text-8xl mb-2 counter-elt counter-elt-0">20</p>
<p class="text-base xxl:text-xl font-bold mb-1">années d'existence</p>
<p class="text-sm xxl:text-lg leading-[1.3]">Notre société de téléphonie a été créée au début des années 2000 en Alsace et cumule une longue expérience dans le domaine.</p>
</div>
<div class="px-4 lg:px-12 py-8 bg-white rounded-xl text-center w-full sm:w-[31.5%] shadow-lg">
<p data-value="100" class="text-secondary text-4xl md:text-5xl lg:text-6xl xl:text-7xl xxl:text-8xl mb-2 counter-elt counter-elt-1">100</p>
<p class="text-base xxl:text-xl font-bold mb-1">Moins de 100km autour de chez vous</p>
<p class="text-sm xxl:text-lg leading-[1.3]">Nos techniciens sont prêts à se déplacer dans toute la France Métropolitaine afin de répondre rapidement à vos besoins professionnels.</p>
</div>
<div class="px-4 lg:px-12 py-8 bg-white rounded-xl text-center w-full sm:w-[31.5%] shadow-lg">
<p data-value="2700" class="text-secondary text-4xl md:text-5xl lg:text-6xl xl:text-7xl xxl:text-8xl mb-2 counter-elt counter-elt-2">2700</p>
<p class="text-base xxl:text-xl font-bold mb-1">Clients déjà conquis par Topline</p>
<p class="text-sm xxl:text-lg leading-[1.3]">Nous sommes à leur écoute : nos premiers conseillers restent nos clients. Faites-en partie dès aujourd’hui !</p>
</div>
</div> </section>
<section class="pb-16 wrapper lg:pb-24 xxl:pt-8">
<div class="text-center mx-auto w-full lg:w-1/2">
<h2>Pourquoi choisir Topline ?</h2>
<p>Vous cherchez un installateur et un expert proche de vous.
Topline s’engage au travers d’une démarche qualité permanente.
Vous disposez ainsi d’un interlocuteur réactif.</p>
</div>
<div class="flex flex-wrap items-center justify-between mt-16 topline">
<div class="order-2 sm:order-1 w-full sm:w-3/5 lg:w-[30%] mt-12 sm:mt-0">
<div style="" data-txt="prix-5">
<h3>Nos prix imbattables</h3>
<ul>
<li>Des solutions tout en un pour votre société</li>
<li>Nous vous assurons un partenariat de confiance</li>
<li>La qualité fait partie de nos priorités</li>
</ul>
</div>
<div style="display : none;" data-txt="interlocuteur-6">
<h3>Un seul interlocuteur</h3>
<ul>
<li>Topline assume l’avant, pendant et après-vente</li>
<li>Nous répondons à tous vos besoins professionnels</li>
</ul>
</div>
<div style="display : none;" data-txt="hotline-7">
<h3>Hotline</h3>
<ul>
<li>Support technique de haute qualité inclus dans le forfait de base</li>
<li>Contact direct avec un technicien, renseignements et dépannage</li>
</ul>
</div>
<div style="display : none;" data-txt="innovations-9">
<h3>Innovations</h3>
<ul>
<li>Un gain de place dans vos locaux : pas besoin de serveurs, commutateurs, câbles et lignes fixes</li>
<li>Mises à jour automatiques, rapides et simples. Ne nécessite pas de coupure du réseau</li>
<li>La téléphonie embarquée répond aux exigences du monde du travail actuel</li>
</ul>
</div>
<div style="display : none;" data-txt="proximite-10">
<h3>Durée d'engagement</h3>
<ul>
<li>Votre engagement est formalisé sur une durée limitée</li>
<li>Après votre contrat test, vous avez la possibilité de renouveler les services</li>
</ul>
</div>
</div>
<div class="mx-auto order-1 sm:order-2 relative w-[250px] h-[250px]">
<img loading="lazy" class="w-24 h-24 object-contain absolute abs-center" src="/img/logo/logo.svg" alt="">
<div id="circle" class="circle relative w-[250px] h-[250px] rounded-full border border-primary">
<div class="topline-point active bg-primary rounded-full absolute transitioning" data-title="prix-5">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-white">
<use href="/img/icones/prix.svg#prix"></use>
</svg>
</div>
<div class="topline-point bg-primary rounded-full absolute transitioning" data-title="interlocuteur-6">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-white">
<use href="/img/icones/interlocuteur.svg#interlocuteur"></use>
</svg>
</div>
<div class="topline-point bg-primary rounded-full absolute transitioning" data-title="hotline-7">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-white">
<use href="/img/icones/hotline.svg#hotline"></use>
</svg>
</div>
<div class="topline-point bg-primary rounded-full absolute transitioning" data-title="innovations-9">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-white">
<use href="/img/icones/innovations.svg#innovations"></use>
</svg>
</div>
<div class="topline-point bg-primary rounded-full absolute transitioning" data-title="proximite-10">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-white">
<use href="/img/icones/proximite.svg#proximite"></use>
</svg>
</div>
</div>
</div>
<div class="order-3 sm:order-3 mt-8 lg:mt-0 w-full lg:w-[30%] h-56 rounded-2xl overflow-hidden">
</div>
</div>
</section>
<section class="actu py-16 xxl:py-24 bg-primary-300">
<h2 class="wrapper text-center mb-0">Nos dernières actualités</h2>
<div id="slider-actu" class="slider-avis swiper-container overflow-hidden relative xl:mx-44 xxl:mx-64 px-12 md:px-20 mt-4 xxl:mt-8 mb-4 xxl:mb-8 py-8">
<div class="swiper-wrapper items-stretch">
<div class="swiper-slide !h-auto">
<div class="bg-white rounded-2xl overflow-hidden shadow-lg h-full card-actu">
<a href="/actualites/pourquoi-passer-a-la-telephonie-voip-une-revolution-pour-les-entreprises-modernes/75" title="" class="block h-36 xxl:h-44 group relative">
<div class="absolute top-0 left-0 bg-black w-full h-full bg-opacity-0 group-hover:bg-opacity-25 transitioning">
<p class="absolute abs-center text-base xxl:text-xl btn bg-white text-black opacity-0 group-hover:opacity-100">Lire la suite</p>
</div>
<img loading="lazy" class="w-full h-full object-cover" src="https://www.topline.fr/medias/cache//tm/actualites/af80e071-22da-409d-a85d-9949fd200b08-682d9dd56bfdf.png" alt="">
</a>
<div class="p-6 xxl:p-8 bg-white">
<p>21/05/2025</p>
<p class="font-bold mt-4 title">Pourquoi passer à la téléphonie VoIP ? Une révolution pour les entreprises</p>
</div>
</div> </div>
<div class="swiper-slide !h-auto">
<div class="bg-white rounded-2xl overflow-hidden shadow-lg h-full card-actu">
<a href="/actualites/topline-poursuit-son-engagement-deuxieme-annee-consecutive-aupres-des-enfants-a-mobilite-reduite-avec-lassociation-arahme/8" title="" class="block h-36 xxl:h-44 group relative">
<div class="absolute top-0 left-0 bg-black w-full h-full bg-opacity-0 group-hover:bg-opacity-25 transitioning">
<p class="absolute abs-center text-base xxl:text-xl btn bg-white text-black opacity-0 group-hover:opacity-100">Lire la suite</p>
</div>
<img loading="lazy" class="w-full h-full object-cover" src="https://www.topline.fr/medias/cache//tm/actualites/img-4005b-666c37ce8d356.jpg" alt="">
</a>
<div class="p-6 xxl:p-8 bg-white">
<p>14/06/2024</p>
<p class="font-bold mt-4 title">Topline poursuit son engagement : Deuxième année consécutive auprès des enfants à mobilité réduite avec l'association ARAHME</p>
</div>
</div> </div>
<div class="swiper-slide !h-auto">
<div class="bg-white rounded-2xl overflow-hidden shadow-lg h-full card-actu">
<a href="/actualites/soutien-humanitaire-aux-victimes-du-seisme-en-turquie-et-en-syrie/7" title="" class="block h-36 xxl:h-44 group relative">
<div class="absolute top-0 left-0 bg-black w-full h-full bg-opacity-0 group-hover:bg-opacity-25 transitioning">
<p class="absolute abs-center text-base xxl:text-xl btn bg-white text-black opacity-0 group-hover:opacity-100">Lire la suite</p>
</div>
<img loading="lazy" class="w-full h-full object-cover" src="https://www.topline.fr/medias/cache//tm/actualites/syrie-65cb3188cd824.png" alt="">
</a>
<div class="p-6 xxl:p-8 bg-white">
<p>13/02/2024</p>
<p class="font-bold mt-4 title">Soutien humanitaire aux victimes du séisme en Turquie et en Syrie</p>
</div>
</div> </div>
<div class="swiper-slide !h-auto">
<div class="bg-white rounded-2xl overflow-hidden shadow-lg h-full card-actu">
<a href="/actualites/topline-sengage-aupres-des-enfants-a-mobilite-reduite-avec-lassociation-arahme/6" title="" class="block h-36 xxl:h-44 group relative">
<div class="absolute top-0 left-0 bg-black w-full h-full bg-opacity-0 group-hover:bg-opacity-25 transitioning">
<p class="absolute abs-center text-base xxl:text-xl btn bg-white text-black opacity-0 group-hover:opacity-100">Lire la suite</p>
</div>
<img loading="lazy" class="w-full h-full object-cover" src="https://www.topline.fr/medias/cache//tm/actualites/association-arahme-65cb308394105.png" alt="">
</a>
<div class="p-6 xxl:p-8 bg-white">
<p>13/02/2024</p>
<p class="font-bold mt-4 title">Topline s'engage auprès des enfants à mobilité réduite avec l'association ARAHME</p>
</div>
</div> </div>
<div class="swiper-slide !h-auto">
<div class="bg-white rounded-2xl overflow-hidden shadow-lg h-full card-actu">
<a href="/actualites/topline-sinvestit-dans-la-vie-de-ses-co-citoyens/5" title="" class="block h-36 xxl:h-44 group relative">
<div class="absolute top-0 left-0 bg-black w-full h-full bg-opacity-0 group-hover:bg-opacity-25 transitioning">
<p class="absolute abs-center text-base xxl:text-xl btn bg-white text-black opacity-0 group-hover:opacity-100">Lire la suite</p>
</div>
<img loading="lazy" class="w-full h-full object-cover" src="https://www.topline.fr/medias/cache//tm/actualites/interview-joueur-sig-65cc76ba4b143.jpg" alt="">
</a>
<div class="p-6 xxl:p-8 bg-white">
<p>13/02/2024</p>
<p class="font-bold mt-4 title">Topline s'investit dans la vie de ses co-citoyens</p>
</div>
</div> </div>
</div>
<div class="swiper-avis_prev absolute y-center left-4 xl:left-0 z-10 cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-black rotate-90">
<use href="/img/icones/arrow.svg#arrow"></use>
</svg>
</div>
<div class="swiper-avis_next absolute y-center right-4 xl:right-0 z-10 cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-black -rotate-90">
<use href="/img/icones/arrow.svg#arrow"></use>
</svg>
</div>
</div>
<div class="wrapper">
<a class="btn btn-secondary block w-max mx-auto" href="/actualites" title="">Voir toutes les actualités</a>
</div>
</section>
<section class="py-16 lg:py-24">
<div class="flex flex-col lg:flex-row justify-between mt-20 entreprise wrapper">
<div class="w-full lg:w-2/5">
<h2 class="mb-8">Notre entreprise</h2>
<p>Topline a été créée en 2005 près de Strasbourg en Alsace, et propose depuis des solutions de communication adaptées et personnalisées pour les professionnels.</p>
<p class="mt-2">L’ensemble des prestations proposées sont réalisées par nos équipes de spécialistes, toujours à l’écoute et proche de ses clients. Installation, optimisation, déménagement, accompagnement, formation et maintenance, un seul interlocuteur vous suivra tout au long de votre projet.</p>
<a class="btn btn-secondary mt-10 block w-max" href="/pages/notre-entreprise" title="">En savoir plus</a>
</div>
<div class="w-full lg:w-1/2 overflow-hidden rounded-2xl h-96 xxl:h-120 mt-8 lg:mt-0 iframe-container">
<p><img src="/medias/teamwork-3213924-1280.jpg" alt="" width="1000" height="630" /></p>
</div>
</div>
<div class="wrapper">
<div class="flex flex-col md:flex-row md:items-center justify-between px-4 lg:px-10 xxl:px-12 py-8 xxl:py-10 shadow-lg rounded-2xl mt-16">
<h2 class="text-2xl xl:text-3xl xxl:text-4xl mb-0">Inscrivez-vous à notre newsletter</h2>
<div class="form-newsletter-home relative w-full md:w-1/2 mt-4 md:mt-0">
<input type="email" class="w-full px-8 !h-12 !border-2 rounded-full" placeholder="Votre adresse mail">
<input type="submit" value="Envoyer" data-id="2" class="popup-open !text-base xxl:!text-xl !absolute right-0 y-center bg-black text-white rounded-full !h-full !px-8">
</div>
</div>
</div>
</section>
<section id="popup-1" class="popup hidden fixed top-0 p-8 left-0 bg-grey-900 bg-opacity-75 z-50 grid place-items-center h-screen w-screen">
<div class="popup-content relative bg-white pt-6 pb-2 px-8">
<button id="popup-close-1" class="popup-close absolute right-2 top-1">
<i class="fas fa-times text-primary-500 text-2xl"></i>
</button>
<p>Message</p>
</div>
</section> </main>
<footer>
<div class="bg-primary text-white flex flex-wrap gap-y-8 sm:gap-y-4 justify-between wrapper items-start py-16">
<div class="w-full sm:w-45p lg:w-fit">
<h3>Contact</h3>
<p>29 route de Bischwiller</p>
<p>67300 Schiltigheim - France</p>
<a class="text-white hover:text-secondary block w-max mt-4" href="tel:+33388832915" title="" target="_blank">03 88 83 29 15</a>
<a class="text-white hover:text-secondary block w-max mb-4" href="mailto:info@topline.fr" title="" target="_blank">info@topline.fr</a>
<div class="flex items-center gap-2">
<a href="https://www.facebook.com/people/Topline-Schiltigheim/100087558732299/" title="Facebook" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 text-secondary hover:text-white transition-all">
<use href="/img/icones/facebook.svg#facebook"></use>
</svg>
</a>
<a href="https://www.instagram.com/topline_schiltigheim/" title="Instagram" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 text-secondary hover:text-white transition-all">
<use href="/img/icones/instagram.svg#instagram"></use>
</svg>
</a>
<a href="https://www.linkedin.com/in/entreprise-topline-8b1419221/?originalSubdomain=fr" title="Linkedin" target="_blank" class="ml-1">
<svg xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 text-secondary hover:text-white transition-all">
<use href="/img/icones/linkedin.svg#linkedin"></use>
</svg>
</a>
</div>
</div>
<div class="w-full sm:w-45p lg:w-fit">
<h3>Horaires</h3>
<div>
<p>Ouvert du lundi au jeudi :</p>
<p>de 09h00 à 12h00 et de 14h00 à 17h00</p>
</div>
<div class="mt-2">
<p>Vendredi :</p>
<p>de 09h00 à 12h00 et de 14h00 à 16h00</p>
</div>
</div>
<div id="offre" class="w-full sm:w-45p lg:w-fit">
<h3>Nos offres</h3>
<a href="/notre-offre/telephonie-dentreprise-voip">Téléphonie d'entreprise VOIP</a>
<a href="/notre-offre/telephonie-voip-pour-les-hotels">Téléphonie VOIP pour les hôtels</a>
<a href="/nos-offres/offres-operateurs">Offres opérateurs</a>
<a href="/notre-offre/videosurveillance">Vidéosurveillance</a>
<a href="/notre-offre/wifi-securise">Wifi Sécurisé</a>
<a href="/notre-offre/cybersecurite">Cybersécurité</a>
<a href="/notre-offre/alarme">Alarme</a>
</div>
<div class="newsletter relative w-full sm:w-45p lg:w-30p xxl:w-1/3">
<h3>Newsletter</h3>
<p>Recevez nos dernières actualités et de précieuses informations directement dans votre boîte mail.</p>
<form class="relative w-full form-newsletter mt-4" method="post">
<input type="email" placeholder="Votre adresse mail" class="!py-1 italic !h-10 text-black bg-transparent text-white rounded-full border !border-white w-full">
<label class="popup-open absolute y-center right-0 h-full px-3 flex items-center justify-center z-20 cursor-pointer group bg-white rounded-full" data-id="2">
<input class="!py-3 opacity-0 !absolute" type="submit" />
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-secondary group-hover:text-white transition-all">
<use href="/img/icones/avion.svg#avion"></use>
</svg>
</label>
</form>
</div>
</div>
<div class="bg-primary-700 py-4 px-4 lg:text-xs flex flex-wrap justify-center items-center text-white">
<a href="/pages/mentions-legales" class="text-white hover:text-secondary">Mentions légales</a> <span class="mx-2"> - </span>
<a href="/pages/politique-de-confidentialite" class="text-white hover:text-secondary">Politique de confidentialité</a> <span class="mx-2"> - </span>
<a href="/pages/conditions-generales-de-vente" class="text-white hover:text-secondary">Conditions générales de vente</a> <span class="mx-2"> - </span>
<p>©2025</p> <span class="mx-2">Propriété Intellectuelle <strong class="text-base">M. BARDAKCI Tarik</strong> - </span>
<span>Réalisation <strong class="text-base">M. BARDAKCI Tarik</strong></span>
</div>
</footer>
<script src="/build/runtime.7576e7bf.js"></script><script src="/build/0.801f8a6e.js"></script><script src="/build/2.7045a18a.js"></script><script src="/build/app.278941ab.js"></script>
<script src="/bundles/fosjsrouting/js/router.min.js"></script>
<script src="/js/routing?callback=fos.Router.setData"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rangeslider.js/2.3.2/rangeslider.min.js"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ProfessionalService",
"name": "Topline",
"image": "https://www.topline.fr/img/logo/logo.svg",
"@id": "",
"url": "https://www.topline.fr/",
"telephone": "03 88 83 29 15",
"address": {
"@type": "PostalAddress",
"streetAddress": "29 route de Bischwiller",
"addressLocality": "Schiltigheim",
"postalCode": "67300",
"addressCountry": "FR"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 48.602986564220835,
"longitude": 7.746051060050499
},
"openingHoursSpecification": [{
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday",
"Tuesday",
"Wednesday",
"Thursday"
],
"opens": "09:00",
"closes": "17:00"
},{
"@type": "OpeningHoursSpecification",
"dayOfWeek": "Friday",
"opens": "09:00",
"closes": "16:00"
}],
"sameAs": [
"https://www.facebook.com/people/Topline-Schiltigheim/100087558732299/",
"https://www.instagram.com/topline_schiltigheim/",
"https://www.linkedin.com/in/entreprise-topline-8b1419221/?originalSubdomain=fr"
]
}
</script>
</body>
</html>
