Outiref

Code source de l'URL : https://www.em-p.fr/

<!DOCTYPE html>
    <html lang="fr">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    
    <!-- SEO  -->
    <title>EMP - Maintenance de parc informatique</title>
    <meta name="description" content="EMP se positionne comme un expert de l'informatique auprès des PME et collectivités locales de la région toulousaine depuis plus de 10 ans." />
    <meta name="author" content="EMP" />
    <meta name="robots" content="index,follow" />
    <!-- FAVICON -->
    <link rel="shortcut icon" href="img/icons/icone.png" type="image/png">
    <link rel="icon" href="img/icons/icone.png" type="image/png">
    
    <!-- SOCIAL MEDIA SHARING -->
    
    <meta property="og:url"                content="https://www.em-p.fr/" />
    <meta property="og:type"               content="article" />
    <meta property="og:title"              content="EMP - Maintenance de parc informatique" />
    <meta property="og:description"        content="EMP se positionne comme un expert de l'informatique auprès des PME et collectivités locales de la région toulousaine depuis plus de 10 ans." />
    <meta property="og:image"              content="https://www.em-p.fr/img/img-share.jpg"/>
    <!-- CSS  -->
    <link rel="stylesheet" href="css/style.min.css">
    <!-- Global site tag (gtag.js) - Google Analytics 4 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-QWZ7P2V60X"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-QWZ7P2V60X');
    </script>
</head>    <body id="top-page" class="accueil">
        <div id="wrapper" class="blanc-bg">
        <nav class="p-nav">
            <div class="container">
                <div class="row p-nav_global">
                    <div class="col-xs-12 col-md-3 col-xl-3 p-nav_right">
                        <div class="p-nav_logo">
                            <a href="index.php" title=""><img src="img/logo.png" alt="Logo em-p"></a>
                        </div>
                        <p>Tel : <a href="tel:05 82 95 51 14" class="no-link-desktop"> 05 82 95 51 14</a></p>

                        <button id="bt-menu" class="js-menu">
                            <span class="barre"></span>
                        </button>
                    </div>
                    <ul class=" col-xs-12 col-md-9 col-xl-9 p-nav_menu">
                        <li>
                            <a href="#qui" class="scroll">Qui sommes-nous</a>
                        </li>
                        <li>
                            <a href="#prestations" class="scroll">Nos prestations</a>
                        </li>
                        <li>
                            <a href="#infogerance" class="scroll">Infogérance</a>
                        </li>
                        <li>
                            <a href="#references" class="scroll">Nos références</a>
                        </li>
                        <li>
                            <a href="#contact" class="scroll">Contact</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <header class="p-header" id="header">
            <div class="container-fluid">
                <div class="row global_header">
                    <div class="p-header_titre">
                        <h1 class="h1">Infogérance et Maintenance <br>de Parc Informatique</h1>
                        <h2 class="h1">Solutions de travail collaboratif</h2>
                        <h2 class="h1">Sécurisation et sauvegarde de données</h2>
                        <h2 class="h1">Gestion des services d'impression</h2>
                        <button class="btn_support"><a class="js-mail" data-user="support" data-domain="em-p.fr" href="#"><span>contacter le Support </span></a></button>
                    </div>
                    <div class="p-header_scroll">
                        <button class="ripple button" type="button">
                            <a href="#section-top" class="scroll"><img src="img/icons/arrow_down.png" alt="Explorer le bas de la page" title="Explorer le bas de la page"></a>
                        </button>
                    </div>
                    <div class="p-header_bg">
                        <img src="img/em-p_maintenance_informatique_cropped.png" alt="em-p Maintenance de parc informatique">
                    </div>
                </div>
            </div>
        </header>
            <div id="rappel_modal" class="modal">
    <div class="modal-content" id ="modal_form">
        <span class="close">&times;</span>
        <h2>Demande de rappel</h2>
        <form class="c-formulaire" action="form/form-mail-rappel.php" method="post" id="form-rappel">
            <div class="row fields">
                <div class="col-xs-12 col-xl-8">
                    <div id="field-company" class="c-formulaire_field">
                        <input id="company" name="company" placeholder="Société*" type="text">
                    </div>
                    <div id="field-name" class="c-formulaire_field">
                        <input id="name" name="name" placeholder="Nom*" type="text">
                    </div>
                    <div id="field-phone" class="c-formulaire_field">
                        <input id="phone" name="phone" placeholder="Téléphone*" type="tel">
                    </div>
                </div>
            </div>
            <div class="send">
                <div aria-hidden="true" style="position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden">
                    <label for="url-rappel">Laissez ce champ vide</label>
                    <input id="url-rappel" name="url" type="text" tabindex="-1" autocomplete="off" value="">
                </div>
                <input type="hidden" name="ts" value="1792764080">
                <div id="field-consentement" class="c-formulaire_field">
                    <div class="form-radio">
                        <input id="consentementRappel" name="consentementRappel" type="checkbox" value="Oui"/>
                        <label for="consentementRappel" class="consentementRappel">En soumettant ce formulaire, j'accepte que les données transmises soient exploitées par EMP dans le cadre de ma prise de contact.</label>
                    </div>
                </div>
                <button id="send" name="send" type="submit" class="button button-filled-amber-white opacity envoyer">envoyer <span class="icon-arrow-big"></span></button>
            </div>
        </form>
    </div>
</div>

<div class="sidebar">
    <a href="assistance-emp.html" target="_blank" rel="noopener"><button class="btn_support"><div class="text">Support</div></button></a>
    <button class="btn_rappel" id="btn_open_modal"><img src="img/icons/ico phone.png" alt="icône téléphone"><div class="text">DEMANDE DE RAPPEL</div></button>
</div>
<section id="section-top" class="section-top">
    <section class="section1" id="qui">
        <div class="container-fluid" id="scroll_next">
            <div class="row">
                <div class="col-xl-8 col-xl-offset-2 pres">
                    <div class="pres_entreprise woow anim-bottom" data-woow-offset="80">
                        <h2>10 ans d'expertise, <br> une expérience solide</h2>
                        <p>EMP se positionne comme un expert de l'informatique auprès des PME et collectivités locales de la région toulousaine depuis plus de 10 ans. Composé d’une équipe formée et qualifiée, EMP est un vrai partenaire ayant une connaissance parfaite de vos besoins et des outils nécessaires pour atteindre vos objectifs.</p>
                        <p>L'entreprise EMP c'est : des processus simples,  sécurisés, efficaces pour une gestion pérenne de votre système informatique.</p>
                    </div>
                    <div class="pres_icons woow anim-bottom" data-woow-offset="80">
                        <figure>
                            <div class="experience">
                                <img src="img/icons/experience.png" alt="em-p expérience">
                            </div>
                            <figcaption class="figcaption_exp">Expérience</figcaption>
                        </figure>
                        <figure>
                            <div>
                                <img src="img/icons/flexibilite.png" alt="em-p flexibilité">
                            </div>
                            <figcaption>Flexibilité</figcaption>
                        </figure>
                        <figure>
                            <div>
                                <img src="img/icons/reactivite.png" alt="em-p réactivité">
                            </div>
                            <figcaption>Réactivité</figcaption>
                        </figure>
                        <figure>
                            <div>
                                <img src="img/icons/relation_client.png" alt="em-p relation client">
                            </div>
                            <figcaption>Relation client</figcaption>
                        </figure>
                    </div>
                    <div class="container-scroll center">
                        <button class="ripple button" type="button">
                            <a href="#prestations" class="scroll"><img src="img/icons/arrow_down.png" alt="Explorer le bas de la page" title="Explorer le bas de la page"></a>
                        </button>
                    </div>
                    <div class="img1 fadeIn woow anim-opacity" data-woow-offset="80">
                        <img src="img/em-p_nos_prestations_cropped.png" alt="em-p nos prestations">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="section2" id="prestations">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 col-xl-offset-2 prestations">
                    <div class="presta woow anim-bottom" data-woow-offset="80">
                        <h2>Nos prestations</h2>
                        <p>Grâce à nos différents services, EMP vous conseille et supervise votre infrastructure informatique afin de vous garantir la sécurité et la mobilité de votre activité :</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="wheel woow anim-bottom" data-woow-offset="80">
            <div class="round" id="round">
                <img src="img/logomarkW.png" alt="logo em-p">
                <ul class="wheel_items">
                    <li class="wheel_items_item active" id="wheel_details1" data-btn="1"><span class="puce"></span><span>Infogérance et maintenance</span></li>
                    <li class="wheel_items_item" id="wheel_details2" data-btn="2"><span class="puce"></span><span>Sécurité & sauvegarde</span></li>
                    <li class="wheel_items_item" id="wheel_details3" data-btn="3"><span class="puce"></span><span>Cloud</span></li>
                    <li class="wheel_items_item" id="wheel_details4" data-btn="4"><span class="puce"></span><span>Gestion des services d'impression</span></li>
                    <li class="wheel_items_item" id="wheel_details5" data-btn="5"><span class="puce"></span><span>Téléphonie et internet</span></li>
                </ul>
            </div>
            <div class="hidden_details" id="hidden_details">
                <div class="wheel_details active" id="wheel_details1" data-content="1">
                    <ul>
                        <li>- Gestion et déploiement du parc informatique</li>
                        <li>- Installation de matériels et logiciels adaptés</li>
                        <li>- Assistance illimitée sur site ou à distance</li>
                    </ul>
                </div>
                <div class="wheel_details" id="wheel_details2" data-content="2">
                    <ul>
                        <li>- Administration du réseau et serveurs</li>
                        <li>- Solution centralisée pour l’antivirus</li>
                        <li>- Sauvegarde externalisée sur des serveurs français</li>
                    </ul>
                </div>
                <div class="wheel_details" id="wheel_details3" data-content="3">
                    <ul>
                        <li>- Solutions collaboratives Microsoft Office 365</li>
                        <li>- Messagerie, calendriers partagés, visioconférence</li>
                        <li>- Partage et stockage de fichiers sécurisés</li>
                    </ul>
                </div>
                <div class="wheel_details" id="wheel_details4" data-content="4">
                    <ul>
                        <li>- Solution sur mesure</li>
                        <li>- Gestion des consommables</li>
                        <li>- Maîtrise budgétaire</li>
                        <li>- Garantie sur site du matériel d'impression</li>
                    </ul>
                </div>
                <div class="wheel_details" id="wheel_details5" data-content="5">
                    <ul>
                        <li>- Accès internet fibre pour votre entreprise</li>
                        <li>- Téléphonie mobile 5G</li>
                        <li>- Installation et gestion de votre standard téléphonique</li>
                    </ul>
                </div>
            </div>
        </div>   
    </section>
    <div class="container-scroll center">
        <button class="ripple button" type="button">
            <a href="#infogerance" class="scroll"><img src="img/icons/arrow_down.png" alt="Explorer le bas de la page" title="Explorer le bas de la page"></a>
        </button>
    </div>
    <section class="section3" id="infogerance">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 infogerance">
                    <h2 class="woow anim-bottom" data-woow-offset="80">L'infogérance par EMP</h2>
                    <p class="center mildgrey subtitle">Inventaire permanent de votre parc, gestion proactive du matériel avec Plan de Reprise d'Activité.<br> Nous vous offrons une vision claire de vos outils informatiques afin de vous focaliser sur votre métier en toute sérénité.</p>
                    <div class="info woow anim-bottom" data-woow-offset="80">
                        <figure>
                            <img src="img/em-p_supervision_temps_reel.jpg" alt="em-p supervision en temps réel">
                            <figcaption>Une <strong>supervision</strong> en temps réel de vos postes, serveurs, NAS et périphériques.</figcaption>
                        </figure>
                        <figure>
                            <img src="img/em-p_support_illimite.jpg" alt="em-p support illimité">
                            <figcaption>Un <strong>support</strong> illimité en maintenance préventive ou corrective en télémaintenance ou sur site.</figcaption>
                        </figure>
                        <figure>
                            <img src="img/em-p_gestion_per_tickets.jpg" alt="em-p gestion par tickets">
                            <figcaption>Une <strong>gestion</strong> par tickets de vos demandes, questions ou incidents. <br>Ainsi vous êtes informé de l’état d’avancement de votre dossier.</figcaption>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="container-scroll center">
        <button class="ripple button" type="button">
            <a href="#references" class="scroll"><img src="img/icons/arrow_down.png" alt="Explorer le bas de la page" title="Explorer le bas de la page"></a>
        </button>
    </div>
    <section class="section4 references" id="references">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 woow anim-bottom" data-woow-offset="80">
                    <h2 class="center">Nos références</h2>
                </div>
            </div>
            <div class="row woow anim-bottom" data-woow-offset="80">
                <div class="col-xs-12 col-md-3">
                    <h3>Nos clients</h3>
                </div>
                <div class="col-xs-12 col-md-7">
                    <div class="references_logos">
                        <div class="logo berat">
                            <img src="img/logoMairie_de_Berat.png" alt="logoMairie_de_Berat">
                        </div>
                        <div class="logo bio">
                            <img src="img/logo_bio_energies_diffusion.png" alt="logo_bio_energies_diffusion">
                        </div>
                        <div class="logo fldi">
                            <img src="img/groupe_fldi.png" alt="lgroupe_fldi">
                        </div>
                        <div class="logo fenetres">
                            <img src="img/logo-mode_et_fenetres.png" alt="logo-mode_et_fenetres">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row woow anim-bottom" data-woow-offset="80">
                <div class="col-xs-12 col-md-3">
                    <h3>Nos certifications</h3>
                </div>
                <div class="col-xs-12 col-md-7">
                    <div class="references_logos">
                        <div class="logo bitdef">
                            <img src="img/Bitdef.png" alt="Bitdefender">
                        </div>
                        <div class="logo netgear">
                            <img src="img/logo-netgear-partner.png" alt="logo-netgear-partner">
                        </div>
                        <div class="logo epson">
                            <img src="img/Epson.png" alt="Epson">
                        </div>
                        <div class="logo microsoft">
                            <img src="img/Microsoft.png" alt="Microsoft">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</section>

    <footer class="p-footer blanc bg">
        <div class="container">
            <div class="row footer_top" id="contact">
                <div class="col-xl-12 contact">
                    <div class="info_contact">
                        <div>
                            <img src="img/logo.png" alt="logo em-p">
                        </div>
                        <p>Une question sur nos offres ou services ? <br> N’hésitez plus, contactez l'équipe de EMP qui sera à votre écoute pour toutes demandes de renseignements.</p>
                        <p><span>Support <a href="tel:0536091572" class="no-link-desktop">05 36 09 15 72</a>  </span> <br>Tél <a href="tel:0582955114" class="no-link-desktop">05 82 95 51 14</a>  <br>3 Chemin du Pigeonnier de la Cépière Bât C.<br>31100 Toulouse <br><a class="js-mail" data-user="contact" data-domain="em-p.fr" data-show href="#">contact [arobase] em-p.fr</a> </p>
                    </div>
                    <div class="form_contact">
                        <h2>Contact</h2>
                        <form class="c-formulaire" action="form/form-mail-contact.php" method="post" id="form-contact">
                            <div class="row fields">
                                <div class="col-xs-12 col-md-6">
                                    <div id="field-company" class="c-formulaire_field">
                                        <input id="company" name="company" placeholder="Société*" type="text">
                                    </div>
                                    <div id="field-firstname" class="c-formulaire_field">
                                        <input id="firstname" name="firstname" placeholder="Prénom*" type="text">
                                    </div>
                                    <div id="field-name" class="c-formulaire_field">
                                        <input id="name" name="name" placeholder="Nom*" type="text">
                                    </div>
                                    <div id="field-phone" class="c-formulaire_field">
                                        <input id="phone" name="phone" placeholder="Téléphone*" type="tel">
                                    </div>
                                    <div id="field-email" class="c-formulaire_field">
                                        <input id="email" name="email" placeholder="Mail*" type="email">
                                    </div>
                                </div>
                                <div class="col-xs-12 col-md-6">
                                    <div id="field-message" data-message="Votre Message" class="c-formulaire_field">
                                        <textarea id="message" name="message" placeholder="Votre Message*"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="send">
                                <div aria-hidden="true" style="position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden">
                                    <label for="url-contact">Laissez ce champ vide</label>
                                    <input id="url-contact" name="url" type="text" tabindex="-1" autocomplete="off" value="">
                                </div>
                                <input type="hidden" name="ts" value="1792764080">
                                <div id="field-consentement" class="c-formulaire_field">
                                    <div class="form-radio">
                                        <input id="consentement" name="consentement" type="checkbox" value="Oui"/><!--
                                    --><label for="consentement">En soumettant ce formulaire, j'accepte que les données transmises soient exploitées par EMP dans le cadre de ma prise de contact.</label>
                                    </div>
                                </div>
                                <div class="btn_wrapper">
                                    <button id="send" name="send" type="submit" class="envoyer">ENVOYER</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row footer_bottom">
                <div class="copyright">
                    <p>&copy; Copyright EMP 2020 - 2026 • Tous droits réservés • <a href="mentions-legales.php" target="_blank" rel="noopener">Mentions légales</a></p>
                </div>
                <div class="links">
                    <div class="fb">
                        <a href="https://www.linkedin.com/company/em-p/" title="Découvrez toute l'actualité de EMP sur Linkedin" target="_blank" rel="noopener" class="fb_button"><img src="img/icons/linkedin.png" alt="Linkedin EMP"></a>
                    </div>
                    <div class="ripple2">
                        <a href="#top-page" class="scroll btn-animated"><img src="img/icons/arrow_up.png" alt="Retourner en haut de page" title="Retourner en haut de page"></a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div class="u-banner-cookies">
        <div class="container-fluid">
            <div class="row">
                <p class="col-xs-12 col-sm-8 col-sm-offset-1 col-md-9 col-sm-offset-1 u-banner-cookies_texte">
                    En poursuivant votre navigation sur ce site, vous acceptez que nous utilisions des cookies pour mesurer l'audience de notre site. Pour en savoir plus et paramétrer vos cookies, <a href="mentions-legales.php#cookies" title="Mentions légales de www.em-p.fr" class="js-closeCookies">cliquez ici</a>.
                </p>
                <div class="col-xs-12 col-sm-3 col-md-2 u-banner-cookies_button">
                  <div class="u-banner-cookies_close js-closeCookies">J'accepte</div>
                </div>
            </div>
        </div>
    </div>
    <!-- Scripts -->
    <script>
    // Reconstitution des adresses mail côté navigateur (anti-aspirateurs)
    document.addEventListener('DOMContentLoaded', function () {
        var liens = document.querySelectorAll('a.js-mail');
        for (var i = 0; i < liens.length; i++) {
            var adresse = liens[i].getAttribute('data-user') + '@' + liens[i].getAttribute('data-domain');
            liens[i].setAttribute('href', 'mailto:' + adresse);
            if (liens[i].hasAttribute('data-show')) {
                liens[i].textContent = adresse;
            }
        }
    });
    </script>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <script src="js/script.min.js"></script>
    <!-- END WRAPPER -->
    </div>
  </body>
</html>