Outiref

Code source de l'URL : https://www.gid.fr

<!doctype html>
<html lang="fr">
  <head>
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-126904924-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-126904924-1');
    </script>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>GID Informatique - Solutions informatiques sur mesure pour TPE/PME Hauts de France</title>
    <meta name="description" content="GID est une société de service informatique des Hauts de France depuis plus de 30 ans, spécialiste en gestion d'infrastructure réseau et de développement logiciel. Nos experts vous propose des solutions informatiques sur mesure.">
    <meta name="keywords" lang="fr" content="Solutions informatiques,Solutions informatiques sur mesure,Informatique Nord Pas de Calais,Infrastructure réseau,Infogérance,Développement logiciel,Sécurité informatique,Vente matériel informatique,ERP Wavesoft,Audit infrastructure,Audit réseau,Audit logiciel,Audit base de données,Virtualisation,Sauvegarde,Téléphonie IP,VoIP,3CX,IPBX 3CX,VoIP 3CX">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/stylesCookie.css">
    <link rel="stylesheet" href="css/stylesIndex.css">
    <link rel="stylesheet" href="css/stylesCounter.css">
    <link rel="shortcut icon" href="img/logoGID30Transparent.png">
    <script src="https://kit.fontawesome.com/490c0f9c6a.js" crossorigin="anonymous"></script>
    <!--Start of Tawk.to Script-->
    <script src=js/chat.js></script>
    <!--End of Tawk.to Script-->
   </head>
   <body id="haut">

    <!--*************************************HEADER********************************************************-->
    <header>
          

<div class="container-fluid text-white bg-dark" style="font-size:14px;height:44px" id="HeaderContact">
  <div class="row h-100">
    <div class="col-sm-5 my-auto">
      <i class="fa fa-home"></i>&nbsp; 309 rue de Cambrai 59500 Douai
    </div>
    <div class="col-sm-7 my-auto text-xl-right text-lg-right text-sm-right text-xs-left">
      <i class="fa fa-phone"></i>&nbsp; 03 27 95 86 00
	  <a href="https://extranet.gid.fr" class="badge badge-light"><i class="fa fa-ticket"></i>&nbsp;Extranet</a>
      <a href="https://supportgid.freshdesk.com/support/home" class="badge badge-light"><i class="fa fa-ticket"></i>&nbsp;Support</a>
      <a href="fichiers/TeamViewerQS.exe" target="_self" class="badge badge-light"><i class="fa fa-eye"></i>&nbsp;Assistance</a>
    </div>
  </div>
</div>

<nav id="Menu" class="navbar navbar-expand-lg navbar-light bg-light" style="height:80px; z-index: 100">
  <a class="navbar-brand" href="index.php"><img src="img\logoGID40Transparent.png" alt="logo GID"><span style="font-weight: 400;font-size: 20px">&nbsp;GID Informatique</span></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav ml-auto bg-light">
      <li class="nav-item">
        <a class="nav-link" href="index.php">&nbsp;Accueil <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="societe.php">&nbsp;Qui sommes-nous ?</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          &nbsp;Infrastructure
        </a>
        <div class="dropdown-menu bg-light" aria-labelledby="navbarDropdown">
          <a class="dropdown-item nav-link" href="audit.php">Audit</a>
          <a class="dropdown-item nav-link" href="infogerance.php">Infogérance</a>
          <a class="dropdown-item nav-link" href="messagerie.php">Messagerie</a>
          <a class="dropdown-item nav-link" href="virtualisation.php">Virtualisation</a>
          <a class="dropdown-item nav-link" href="teletravail.php">Télétravail</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item nav-link" href="sauvegarde.php">Sauvegarde</a>
          <a class="dropdown-item nav-link" href="securite-informatique.php">Sécurité</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item nav-link" href="vente-materiel.php">Vente matériel</a>
          <a class="dropdown-item nav-link" href="leasing.php">Leasing</a>
        </div>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          &nbsp;Logiciels
        </a>
        <div class="dropdown-menu bg-light" aria-labelledby="navbarDropdown">
          <a class="dropdown-item nav-link" href="developpement.php">Développement sur mesure</a>
          <a class="dropdown-item nav-link" href="maintenance-logiciel.php">Tiers maintenance applicative</a>
          <a class="dropdown-item nav-link" href="migration-logiciel.php">Migration de logiciel</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item nav-link" href="audit-logiciel.php">Audit du code source</a>
          <a class="dropdown-item nav-link" href="audit-logiciel.php#base">Audit de base de données</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item nav-link" href="logiciel-wavesoft.php">Logiciel Wavesoft</a>
          <a class="dropdown-item nav-link" href="developpement-wavesoft.php">Développement Wavesoft</a>
          <a class="dropdown-item nav-link" href="documentation-wavesoft.php">Documentation</a>
          <a class="dropdown-item nav-link" href="videos-wavesoft.php">Vidéos</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item nav-link" href="audit-rgpd.php">Audit RGPD</a>
          <a class="dropdown-item nav-link" href="logiciel-rgpd.php">Solutions logiciels RGPD</a>
        </div>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          &nbsp;Télécoms
        </a>
        <div class="dropdown-menu bg-light" aria-labelledby="navbarDropdown">
		  <a class="dropdown-item nav-link" href="telephonie-ip.php">Qu'est ce que la VoIP ?</a>
		  <a class="dropdown-item nav-link" href="3cx-migration.php">Comment migrer vers la VOIP ?</a>
		  <div class="dropdown-divider"></div>
          <a class="dropdown-item nav-link" href="voip.php">Fonctionnalités de 3CX</a>		  
          <a class="dropdown-item nav-link" href="3cx-reduire-facture-telephonie-ip.php">Réduisez vos factures avec 3CX</a>
          <a class="dropdown-item nav-link" href="3cx-serveur.php">Installation de 3CX</a>
          <a class="dropdown-item nav-link" href="3cx-videoconference.php">Videoconférence</a>
          <a class="dropdown-item nav-link" href="3cx-chat.php">Live chat</a>
          <a class="dropdown-item nav-link" href="3cx-applications-smartphones.php">3CX sur votre smartphone</a>
          <a class="dropdown-item nav-link" href="3cx-softphone.php">3CX sur votre bureau</a>
          <a class="dropdown-item nav-link" href="3cx-communications-unifiees.php">Communications unifiées</a>
          <a class="dropdown-item nav-link" href="3cx-call-center.php">Call center</a>
		  <div class="dropdown-divider"></div>
          <a class="dropdown-item nav-link" href="3cx-documentation.php">Documentation</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="contact.php">&nbsp;Contact <span class="sr-only">(current)</span></a>
      </li>
    </ul>
  </div>
</nav>

  <div id="carouselPremierePage" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#carouselPremierePage" data-slide-to="0" class="active"></li>
      <li data-target="#carouselPremierePage" data-slide-to="1"></li>
      <li data-target="#carouselPremierePage" data-slide-to="2"></li>
      <li data-target="#carouselPremierePage" data-slide-to="3"></li>
      <li data-target="#carouselPremierePage" data-slide-to="4"></li>
      <li data-target="#carouselPremierePage" data-slide-to="5"></li>
    </ol>

    <div class="carousel-inner">
      <div class="carousel-item active">
        <div class="d-lg-block">
          <img class="d-block w-100" src="img/Carroussel/CarrousselGID1.jpg" alt="GID Informatique">
        </div>
        <div class="d-lg-none">
          <img class="d-block w-100" src="img/Carroussel/CarrousselGID2.jpg" alt="GID Informatique">
        </div>
        <div id="caption1" class="carousel-caption d-block mx-auto text-center">
          <h1 id="caption1-h1">GID : conseil et service informatique</h1>
          <p id="caption1-p">Depuis plus de 30 ans, nous vous accompagnons tout au long de la mise en place et de l'évolution de votre système d'information.  </p>
            <p><a class="btn btn-danger d-flex justify-content-center d-md-table mx-auto" href="https://www.gid.fr/contact.php" role="button">Découvrez-nous</a></p>
        </div>
      </div>

      <div class="carousel-item">
        <img class="d-block w-100" src="img/Carroussel/CarrousselGID3CX1.jpg" alt="VOIP 3CX">
        <div id="caption2"  class="carousel-caption d-block mx-auto text-center">
          <h1 id="caption2-h1">3CX : La téléphonie VOIP nouvelle génération</h1>
          <p id="caption2-p">Faibles coûts. Communications unifiées. Compatible Android/iOs. Visioconférence. Softphone Windows & Mac... </p>
            <p><a class="btn btn-warning btn-vert d-flex justify-content-center d-md-table mx-auto" href="voip.php" role="button">En savoir plus</a></p>
        </div>
      </div>

      <div class="carousel-item">
        <img class="d-block w-100" src="img/Carroussel/CarrousselGIDCovid.png" alt="VOIP 3CX">
        <div id="caption2"  class="carousel-caption d-block mx-auto text-center">
          <h1 id="caption2-h1">Solutions logiciel et matériel pour le télétravail</h1>
          <p id="caption2-p">Faca à la crise, découvrez nos solutions pour permettre à votre entreprise de garder sa productivité </p>
            <p><a class="btn btn-warning btn-vert d-flex justify-content-center d-md-table mx-auto" href="teletravail.php" role="button">En savoir plus</a></p>
        </div>
      </div>

      <div class="carousel-item">
        <img class="d-block w-100" src="img/Carroussel/CarrousselGIDDéveloppement.jpg" alt="Développement logiciel">
        <div id="caption2"  class="carousel-caption d-block mx-auto text-center">
          <h1 id="caption2-h1">GID, ESN Experte PCSoft</h1>
          <h2><p id="caption2-p">Nous développons des logiciels multiplateforme simples d'utilisation grâce aux technologies de PCSoft : Windev, Webdev et Windev mobile.   </p>
            <p><a class="btn btn-info d-flex justify-content-center d-md-table mx-auto" href="https://www.gid.fr/contact.php" role="button">En savoir plus</a></p>
        </div>
      </div>

      <div class="carousel-item">
        <img class="d-block w-100" src="img/Carroussel/CarrousselGIDInfrastructure.jpg" alt="Infrastructure et infogérance">
        <div id="caption2"  class="carousel-caption d-block mx-auto text-center">
          <h1 id="caption2-h1">Maintenance et infogérance</h1>
          <p id="caption2-p"> Confiez tout ou partie de la gestion de votre infrastructure à notre équipe d'experts.</p>
            <p><a class="btn btn-danger d-flex justify-content-center d-md-table mx-auto" href="https://www.gid.fr/contact.php" role="button">En savoir plus</a></p>
        </div>
      </div>

      <div class="carousel-item">
        <img class="d-block w-100" src="img/Carroussel/CarrousselGIDWavesoft.jpg" alt="ERP Wavesoft">
        <div id="caption2"  class="carousel-caption d-block mx-auto text-center">
          <h1 id="caption2-h1">ERP Wavesoft</h1>
          <p id="caption2-p"> Nous sommes partenaire et intégrateur de la solution Wavesoft : votre gestion complète et simplifiée en un seul logiciel </p>
            <p><a class="btn btn-info d-flex justify-content-center d-md-table mx-auto" href="https://www.gid.fr/contact.php" role="button">En savoir plus</a></p>
        </div>
      </div>
      <!--
      <div class="carousel-item">
        <img class="d-block w-100" src="img/server.jpg" alt="Third slide">
      </div>
      -->
    </div>
  </div>
    </header>

    <!--*************************************SECTION NOTRE SAVOIR FAIRE********************************************************-->
      <section class="savoirfaire">
          <div class="container">
              <div class="row justify-content-center">
                  <div class="col-xs-12">
                       <span class="titre-rouge center-block"><br>NOTRE SAVOIR FAIRE<br><br></span>
                  </div>
              </div>
              <div class="row justify-content-center">
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <img src="img/Icones/IconeServeur.png" alt="Infrastructure" class="mx-auto  d-block" title="infrastructure">
                        <h2 class="titre-service">Infrastructure</h2>
                        <p class="service">Avec plus de 30 années d'expertise système et réseau, GID vous accompagne dans la gestion de vos infrastructures. Nous bâtissons des réseaux résilients en utilisant les nouvelles technologies.<br><br></p>
                        <hr>
                        <ul class="list-unstyled">
                          <li><a href="audit.php" title="Audit" class="lienrouge">> Audit</a></li>
                          <li><a href="infogerance.php" title="Infogérance" class="lienrouge">> Infogérance</a></li>
                          <li><a href="messagerie.php" title="Messagerie" class="lienrouge">> Messagerie</a></li>
                          <li><a href="virtualisation.php" title="Virtualisation" class="lienrouge">> Virtualisation</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <img src="img/Icones/IconeSécurité.png" alt="Sécurité informatique" class="mx-auto d-block" title="sécurité">
                        <h2 class="titre-service">Sécurité informatique</h2>
                        <p class="service">Notre équipe vous accompagne dans la mise en place d'une stratégie de sécurité pour votre système d'information. Nous supervisons vos infrastructures de manière proactive.<br><br></p>
                        <hr>
                        <ul class="list-unstyled">
                          <li><a href="securite-informatique.php" title="Sécurité" class="lienrouge">> Sécurité</a></li>
                          <li><a href="sauvegarde.php" title="Sauvegarde" class="lienrouge">> Sauvegarde</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <img src="img/Icones/IconeMatériel.png" alt="Vente matériel informatique" class="mx-auto d-block" title="materiel">
                        <h2 class="titre-service">Vente matériel informatique</h2>
                        <p class="service">Nous proposons la vente et la location de matériels informatiques et licences logiciels. Nous avons sélectionné pour vous les plus grandes marques vous permettant de garantir des performances optimales.</p>
                        <hr>
                        <ul class="list-unstyled">
                          <li><a href="vente-materiel.php" title="Matériel" class="lienrouge">> Vente de matériel</a></li>
                          <li><a href="leasing.php" title="Leasing" class="lienrouge">> Leasing</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <img src="img/Icones/IconeVoip1.png" alt="Voip" class="mx-auto d-block" title="voip">
                        <h2 class="titre-service">VoIP 3CX</h2>
                        <p class="service">Grâce au standard téléphonique IP dernière génération de 3CX, économisez sur les coûts, pas sur les fonctionnalités : communicaitons unifiées, mobilité, visioconférence, applications Android et iOS, ...</p>
                        <hr>
                        <ul class="list-unstyled">
						  <li><a href="telephonie-ip.php" title="Facture" class="lienvert">> Téléphonie sur IP : explications</a></li>
                          <li><a href="3cx-reduire-facture-telephonie-ip.php" title="Facture" class="lienvert">> Réduisez vos factures</a></li>
                          <li><a href="voip.php" title="Fonctionnalités3CX" class="lienvert">> Fonctionnalités de 3CX</a></li>
						  <li><a href="3cx-migration.php" title="Migration3CX" class="lienvert">> Migrer vers la VOIP</a></li>
                        </ul>
                    </div>
              </div>
              <div class="row justify-content-center">
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <img src="img/Icones/IconeDeveloppement1.png" alt="Développement logiciels" class="mx-auto d-block" title="voip">
                        <h2 class="titre-service">Développement logiciel</h2>
                        <p class="service">Notre équipe développe des logiciels métiers multi plateformes et simples d'utilisation avec les technologies de PCSoft : Windev, Webdev et Windev mobile.</p>
                        <hr>
                        <ul class="list-unstyled">
                          <li><a href="developpement.php" title="Développement" class="liencyan">> Développement sur mesure</a></li>
                          <li><a href="maintenance-logiciel.php" title="TMA" class="liencyan">> Tierce maintenance applicative</a></li>
                          <li><a href="migration-logiciel.php" title="Migration logiciel" class="liencyan">> Migration de logiciel</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <img src="img/Icones/IconeAudit1.png" alt="Audit logiciels et bases de données" class="mx-auto d-block" title="voip">
                        <h2 class="titre-service">Audit logiciel et base de données</h2>
                        <p class="service">Nous réalisons des missions d'audit technique de vos applications et bases de données.<br><br></p>
                        <hr>
                        <ul class="list-unstyled">
                          <li><a href="audit-logiciel.php" title="audit code source" class="liencyan">> Audit du code source</a></li>
                          <li><a href="audit-logiciel.php#base" title="audit base de données" class="liencyan">> Audit de base de données</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <img src="img/Icones/IconeERP1.png" alt="ERP Wavesoft" class="mx-auto d-block" title="voip">
                        <h2 class="titre-service">Intégrateur ERP Wavesoft</h2>
                        <p class="service">GID est partenaire et intégrateur de l'ERP Wavesoft, conçu pour les TPE, PME et PMI de tous secteurs d'activité.<br><br></p>
                        <hr>
                        <ul class="list-unstyled">
                          <li><a href="logiciel-wavesoft.php" title="presentation wavesoft" class="liencyan">> Présentation de Wavesoft</a></li>
                          <li><a href="developpement-wavesoft.php" title="developpement wavesoft" class="liencyan">> Développement Wavesoft</a></li>
                          <li><a href="documentation-wavesoft.php" title="documentation wavesoft" class="liencyan">> Documentation</a></li>
                          <li><a href="videos-wavesoft.php" title="videos wavesoft" class="liencyan">> Vidéos</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <img src="img/Icones/IconeRGPD1.png" alt="RGPD" class="mx-auto d-block" title="voip">
                        <h2 class="titre-service">Audit RGPD</h2>
                        <p class="service">GID vous propose des solutions et conseils pour vous aider à protéger vos données à caractère personnelle.<br><br></p>
                        <hr>
                        <ul class="list-unstyled">
                          <li><a href="logiciel-rgpd.php" title="solutions protection RGPD" class="liencyan">> Solutions logiciels</a></li>
                          <li><a href="audit-rgpd.php" title="audit RGPD" class="liencyan">> Audit RGPD</a></li>
                        </ul>
                    </div>
              </div>
          </div>
      </section>
    <br>


    <!--*************************************ARTICLE NOS ENGAGEMENTS********************************************************-->
    <article class="engagements">
    	<div class="container-fluid">
      	<div class="row">
          <div class="col-lg-6 d-none d-lg-block">
                <img src="img/engagements.jpg" alt="Engagements" class="img-fluid" style="height:100%" title="Nos engagements">
          </div>
      		<div class="col-xs-12 col-lg-6 text-center" >
        		<span class="titre-rouge">NOS ENGAGEMENTS</span><br><br>
            <dl>
              <div class="item1 text-left">
              	<dt>Proximité</dt>
              	<dd>Nos équipes sont proches de nos clients et à l'écoute de vos besoins. Nous travaillons en totale confiance avec nos clients.</dd><br>
              </div>
              <div class="item2 text-left">
                <dt>Réactivité</dt>
                <dd>Notre disponibilité et notre réactivité sont reconnues et très appréciées de nos clients et partenaires.</dd><br>
              </div>
              <div class="item3 text-left">
              	<dt>Honnêteté</dt>
              	<dd>Nous vous proposons les solutions informatiques dont vous avez besoin sans surenchère fonctionnelle.</dd><br>
              </div>
              <div class="item4 text-left">
              	<dt>Qualité de service</dt>
              	<dd>Nous développons constamment le savoir-faire de nos équipes afin de vous délivrer le meilleur service possible.</dd><br>
              </div>
              <div class="item5 text-left">
                <dt>Responsabilité</dt>
                <dd>Nous nous engageons à respecter les conditions et les délais impartis dans toutes nos collaborations.</dd><br>
              </div>
            </dl>
      	   </div>
      	</div>
    	</div>
    </article>

    <!--*************************************BARRES DE PROGRESSION CERCLE********************************************************-->
    <div class="container-fluid" id="waypoint1">
       <br><br>
    		<div class="row text-center">
    	     <div class="col-sm-6 col-lg-3">
    	        <div class="counter">
                <i class="far fa-calendar fa-4x"></i>
                <p class="timer count-title count-number-années" data-to="36" data-speed="2000">-</p>
                 <p class="count-text">A votre service depuis + de 36 ans</p>
              </div>
    	     </div>
        <div class="col-sm-6 col-lg-3">
            <div class="counter">
                <i class="fas fa-fighter-jet fa-4x"></i>
                <p class="timer count-title count-number-heures" data-to="4" data-speed="2000">-</p>
                <p class="count-text">Interventions réalisées en - de 4 h</p>
            </div>
        </div>
        <div class="col-sm-6 col-lg-3">
             <div class="counter">
                <i class="fas fa-users fa-4x"></i>
                <p class="timer count-title count-number-plus" data-to="850" data-speed="2000">-</p>
                <p class="count-text">clients nous font confiance</p>
            </div>
        </div>
        <div class="col-sm-6 col-lg-3">
             <div class="counter">
                <i class="far fa-smile fa-4x"></i>
                <p class="timer count-title count-number" data-to="100" data-speed="2000">-</p>
                <p class="count-text">100 % de nos salariés en CDI</p>
            </div>
        </div>
       </div>
    </div>
    <br>

    <!--*************************************ILS NOUS FONT CONFIANCE********************************************************-->
    <section class="partenaires">
      <div class="container-fluid">
          <div class="row justify-content-center">
              <div class="col-xs-12">
                   <span class="titre-rouge titre-gros center-block"><br>NOS PARTENAIRES<br><br></span>
              </div>
          </div>
          <div class="row justify-content-center">
                <div class="col-xs-12 col-sm-4 col-lg-2">
                    <img src="img/Partenaires/Partner-Microsoft.png" class="mx-auto d-block" alt="Partenaire Microsoft" title="Partenaire Microsoft">
                    <br><h2 class="titre-service">Microsoft Windows Server</h2><br>
                </div>
                <div class="col-xs-12 col-sm-4 col-lg-2">
                    <img src="img/Partenaires/Partner-Veeam.png" class="mx-auto d-block" alt="Partenaire Veeam" title="Partenaire Veeam">
                    <br><h2 class="titre-service">Veeam backup & Réplication</h2><br>
                </div>
                <div class="col-xs-12 col-sm-4 col-lg-2">
                    <img src="img/Partenaires/Partner-Fortinet.png" class="mx-auto d-block" alt="Partenaire Fortinet" title="Partenaire Fortinet">
                    <br><h2 class="titre-service">Firewall Fortinet</h2><br>
                </div>
                <div class="col-xs-12 col-sm-4 col-lg-2">
                    <img src="img/Partenaires/Partner-3CX.png" class="mx-auto d-block" alt="Partenaire 3CX" title="Partenaire 3CX">
                    <br><h2 class="titre-service">Standard IP 3CX</h2><br>
                </div>
                <div class="col-xs-12 col-sm-4 col-lg-2">
                    <img src="img/Partenaires/Partner-Wavesoft.png" class="mx-auto d-block" alt="ERP Wavesoft" title="ERP Wavesoft">
                    <br><h2 class="titre-service">ERP Wavesoft</h2><br>
                </div>
                <div class="col-xs-12 col-sm-4 col-lg-2">
                    <img src="img/Partenaires/Partner-Pcsoft.png" class="mx-auto d-block" alt="Développement Windev, Webdev et Windev mobile" title="Développement Windev, Webdev et Windev mobile">
                    <br><h2 class="titre-service">Développement Windev, Webdev et Windev mobile</h2><br>
                </div>
          </div>
          <div class="row justify-content-center">
              <div class="col-xs-12">
                   <p><a class="btn btn-outline-danger d-flex justify-content-center d-md-table mx-auto" href="technologies.php" role="button">Découvrez nos technologies</a></p>
              </div>
          </div>
      </div>
      <br>

      <div class="container-fluid">
        <div class="row align-items-center">
            <img src="img/Clients/Références.png">
          <div id="text-over-image">
            <p>Ils nous font confiance et vous ?</p>
            <p><a class="btn btn-outline-light" href="references.php" role="button">Découvrez nos références</a></p>
          </div>
        </div>
      </div>
    </section>

    <!--*************************************FOOTER********************************************************-->
    <footer>
          <div class="container-fluid text-white bg-dark" id="Footer">
  <div class="row" id="footer-trait-rouge">
  </div>
  <div class="container-fluid">
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3" align="center">
            <br>
            <img src="img/LogoGID180Transparent.png" alt="GID" title="GID">
            <br>
            <br>
            <img src="img/cybermalveillance.png" alt="Cybermalveillance" title="Cybermalveillance">
            <!--
            <h4 class="titre-service">GID Informatique</h4>
            <span>
            <a href="contact.php" class="lienblanc">309 rue de Cambrai</a><br><a href="contact.php" class="lienblanc"> 59500 Douai </a><br>
            <i class="fa fa-phone "></i> <a href="tel:0327958600" class="lienblanc">03 27 95 86 00</a><br>
            <i class="fa fa-envelope"></i> <a href="contact.php" class="lienblanc">contact@gid.fr</a>
            </span>-->
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
            <br><p class="footer-titre"><b>A PROPOS</b><p>
            <p>
              <b>GID Informatique</b> : société de services et d'ingénierie informatique
              intervenant dans les Hauts de France: Lille, Douai,
              Lens, Arras, Valenciennes, Amiens, Cambrai, Dunkerque, ...
            </p>
            <p>
              GID est le spécialiste :
              <ul>
              <li>- Des Infrastructures et de l'<b>infogérance informatique</b></li>
              <li>- Du développement de <b>logiciels sur mesure</b></li>
              <li>- De la <b>téléphonie sur IP</b></li>
              </ul>
            </p>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">
          <br><p class="footer-titre"><b>EN SAVOIR PLUS</b><p>
            <p>
              <ul>
              <li><a href="recrutement.php" class="lienblanc">> Recrutement</a></li><hr>
              <li><a href="mentions-legales.php" class="lienblanc">> Mentions légales</a></li><hr>
              <li><a href="charte-rgpd.php" class="lienblanc">> Gestion des données personnelles</a></li><hr>
              </ul>
            </p>
          <p>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">
          <br><p class="footer-titre"><b>CONTACT</b><p>
            <p>
            <a href="contact.php" class="lienblanc">309 rue de Cambrai</a><br><a href="contact.php" class="lienblanc"> 59500 Douai </a><br><br>
            <i class="fa fa-phone"></i> <a href="tel:0327958600" class="lienblanc">03 27 95 86 00</a><br>
            <i class="fa fa-envelope"></i> <a href="contact.php" class="lienblanc">contact@gid.fr</a>
            <ul class="social-network social-circle">
                <li><a href="https://www.facebook.com/gidinformatique" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                <li><a href="https://twitter.com/InformatiqueGid" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
            </ul>
            </p>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-8 col-lg-2"  align="center"><br>
        <a class="twitter-timeline" href="https://twitter.com/InformatiqueGid?ref_src=twsrc%5Etfw" data-height="300">Tweets by InformatiqueGid</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
        </div>
    </div>
  </div>
</div>
<div class="container-fluid">
  <div class="row justify-content-center align-self-center" id="footer-noir">
      {{copyright}}
  </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
  const app = new Vue({
    el: "#footer-noir",
    computed: {
					copyright() {
						const currentYear = new Date().getFullYear()
            return `${currentYear} - Tous droits réservés - Réalisé par GID à Douai (59) - Nord-Pas-de-Calais`
          }
        }
  })
</script>

<!-- START Bootstrap-Cookie-Alert -->
<div class="alert text-center cookiealert" role="alert">
    Notre site web utilise des cookies pour l'analyse  de votre navigation et dans le but d'améliorer votre expérience.
    En poursuivant votre navigation, vous acceptez cette utilisation. <a href="mentions-legales.php#cookies" target="_blank">En savoir plus</a>

    <button type="button" class="btn btn-primary btn-sm acceptcookies">
        Je suis d'accord
    </button>
</div>

<!-- END Bootstrap-Cookie-Alert -->
    </footer>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->

    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
    <script src="js/counter.js"></script>
    <script src="js/cookiealert.js"></script>
<!-- End CountUP -->
  </body>
</html>