123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474 |
- <!DOCTYPE html>
- <html lang="fr">
-
- <head>
-
- <meta charset="utf-8">
- <meta name="viewport"
- content="width=device-width, initial-scale=1, shrink-to-fit=yes">
- <meta name="description"
- content="pard0x est l'association de deux freelancers travaillant ensemble pour améliorer le monde informatisé des entreprises, organisations et particuliers.">
- <meta name="keywords" content="IT, sécurité, cloud computing, systèmes intelligents, IoT, pard0x">
-
- <meta property="og:title" content="pard0x freelancers" />
- <meta property="og:image" content="https://www.pard0x.com/assets/logo/logo_black_linkedin.png" />
- <meta property="og:description" content="pard0x est l'association de deux freelancers travaillant ensemble pour améliorer le monde informatisé des entreprises, organisations et particuliers." />
- <meta property="og:url" content="https://www.pard0x.com/accueil.html" />
-
- <title>Accueil - Solutions IT, cloud computing et Internet des Objets | pard0x</title>
-
- <!-- pard0x favicon © -->
- <link rel="icon" type="image/png" href="./assets/logo/logo_favicon.png" sizes="32x32"/>
-
- <!-- Bootstrap core CSS -->
- <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
- <link href="vendor/mdb/css/mdb-lp.min.css" rel="stylesheet">
-
- <!-- Modern-business CSS -->
- <link href="css/modern-business.css" rel="stylesheet">
-
- <!-- Pard0x CSS -->
- <link href="css/custom.css" rel="stylesheet">
- <link href="css/home.css" rel="stylesheet">
-
- <!-- Font Awesome -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
-
- <!-- Temporary navbar container fix -->
- <style>
- .navbar-toggler {
- z-index: 1;
- }
- @media (max-width: 576px) {
- nav > .container {
- width: 100%;
- }
- }
- </style>
- </head>
-
- <body id="home">
- <!-- Home banner -->
- <header id="header">
-
-
- <!-- Navigation -->
- <nav class="navbar scrolling-navbar fixed-top navbar-toggleable-md navbar-inverse">
- <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
- data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false"
- aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="container">
- <a class="navbar-brand animated infinite pulse" href="accueil.html"><img class="prdx-navbar-logo"
- src="./assets/logo/logo_white-64.png"
- alt="pard0x logo"></a>
- <div class="collapse navbar-collapse" id="navbarExample">
- <ul class="navbar-nav ml-auto">
- <li class="nav-item">
- <a class="nav-link" href="#">Accueil</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="apropos.html">À propos</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="prestations.html">Prestations</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="portfolio_accueil.html">Portfolio</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="temoignages.html">Témoignages</a>
- </li>
- <li class="nav-item">
- <a class="nav-link smooth-scroll" href="#contact">Contact</a>
- </li>
- <!-- Place holder for better rendering of Language flags -->
- <li class="nav-item" style="padding-left: 10px; padding-right: 10px;">
- </li>
- <li class="nav-item">
- <a href="home.html"><img src="assets/img/en_flag.png" alt="English language" class="lang-flag"></a>
- <a href="#"><img src="assets/img/fr_flag.png" alt="Langage français"
- class="lang-flag"></a>
- </li>
- </ul>
- </div>
- </div>
- </nav>
-
- </header>
-
- <!-- Page Content -->
- <main id="main-site-area">
-
- <section id="intro" class="d-flex rounded-symmetric">
- <div class="prdx-section-auto-margin"></div>
- <div class="container-fluid full-bg-img d-flex align-items-center justify-content-center prdx-banner">
-
- <div class="row d-flex justify-content-center">
-
- <div class="col-md-10 text-center" style="margin-top: -5em;">
-
- <!-- Heading -->
- <div class="prdx-header-typo">
- <img alt="pard0x_landing_logo_part_1" style="width: 60%; height: auto; display: inline-block;"
- src="assets/logo/pard0x_black_cut_pard.png" class="wow fadeIn" data-wow-delay="0.3s"
- data-wow-duration="2s"/>
- <img alt="pard0x_landing_logo_part_2" style="width: 16%; height: auto; display: inline-block;; margin-left: 2px;"
- src="assets/logo/pard0x_red_cut_0.png" class="wow bounceInDown" data-wow-delay=".3s"
- data-wow-duration="1s" data-wow-iteration="1"/>
- <img alt="pard0x_landing_logo_part_3" style="width: 14%; height: auto; display: inline-block;; "
- src="assets/logo/pard0x_black_cut_x.png" class="wow fadeIn" data-wow-delay="0.3s"
- data-wow-duration="2s"/>
- </div>
-
- <br>
- <hr class="hr-dark wow fadeIn" data-wow-delay="0.7s">
- <br>
- <div>
- <!-- Description -->
- <h5 class="black-text wow fadeIn" data-wow-delay="1s">Freelancers dans l'IT sécurisée,<br/>le cloud optimisé et les systèmes intelligents.</h5>
- <br/>
- <a class="btn btn-outline-black btn-lg wow fadeIn smooth-scroll btn-prdx" href="#services"
- data-wow-delay="1s">Nos services<i class="fa fa-angle-down ml-2"></i></a>
- <a class="btn btn-outline-black btn-lg wow fadeIn smooth-scroll btn-prdx" href="apropos.html"
- data-wow-delay="1s">À propos<i class="fa fa-chevron-circle-right ml-2"></i></a>
- </div>
- </div>
- </div>
- </div>
- <div class="prdx-section-auto-margin"></div>
- </section>
-
- <section id="services" class="d-flex">
- <div class="prdx-section-auto-margin"></div>
-
- <div class="container mb-4">
-
- <!-- Service Section -->
- <div class="row prdx-section-heading">
- <a class="prdx-holder-anchor"><h2>Notre Expertise</h2></a>
- </div>
- <div class="row alert-blue">
- <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-2">
- <div class="card h-100 z-depth-5 wow fadeInLeft" data-wow-delay="0.3s" data-wow-duration="0.5s">
- <h4 class="card-header">IT et sécurité</h4>
- <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/what_we_do/it.jpg"
- alt="IT icon; created by Pablo A from the Noun Project">
- <div class="card-block z-depth-3">
- <p class="card-text"> Nous assistons et conseillons les équipes IT, que ce soit pour l'implémentation de nouvelles fonctionnalités, l'intégration
- de services endurcis ou la sécurisation des systèmes et des données.</p>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-2">
- <div class="card h-100 z-depth-5 wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="0.5s">
- <h4 class="card-header">Cloud computing</h4>
- <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/what_we_do/cloud.jpg"
- alt="Cloud computing icon; created by Symbolon from the Noun Project">
- <div class="card-block z-depth-3">
- <p class="card-text">Nous concevons des solutions cloud avancées à base de virtualisation orchestrée, pour le traitement efficace des
- tâches lourdes, ou le déploiement de services à très forte disponibilité.</p>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-2">
- <div class="card h-100 z-depth-5 wow fadeInRight" data-wow-delay="0.3s" data-wow-duration="0.5s">
- <h4 class="card-header">Systèmes intelligents</h4>
- <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/what_we_do/iot1.jpg"
- alt="Mobile systems icon; created by Davo Sime from the Noun Project.">
- <div class="card-block z-depth-3">
- <p class="card-text">Nous fournissons des applications pour les systèmes mobiles et intelligents, incluant les technologies
- novatrices telles que les réseaux de type blockchain et la gestion de contrats intelligents.</p>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <div class="container-fluid prdx-band-separator ss-style-roundedsplit"></div>
- <div class="flex-center">
- <div class="text-center prdx-btn-livetour-holder">
- <a class="btn btn-prdx-blue wow zoomIn smooth-scroll btn-prdx" href="#portfolio"
- data-wow-delay="0.3s" data-wow-duration="0.3s">Portfolio<i
- class="fa fa-angle-down ml-2"></i></a>
- <a class="btn btn-prdx-blue wow zoomIn btn-prdx" href="prestations.html" data-wow-delay="0.3s"
- data-wow-duration="0.3s">En savoir plus<i class="fa fa-chevron-circle-right ml-2"></i></a>
- </div>
- </div>
- <div class="container-fluid prdx-band-separator"></div>
- <div class="prdx-section-auto-margin"></div>
- </section>
-
- <section id="portfolio" class="d-flex">
- <div style="height:48px; background-color: white;"></div>
- <svg id="bigHalfCircleReverse" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="80"
- viewBox="0 0 100 100" preserveAspectRatio="none">
- <path d="M0 0 C40 100 60 100 100 0 Z"/>
- </svg>
-
- <div class="prdx-section-auto-margin"></div>
-
- <div class="container mb-4">
- <!-- Portfolio Section -->
- <div class="row prdx-section-heading">
- <a class="prdx-holder-anchor"><h2>Portfolio </h2></a>
- </div>
- <div class="row">
- <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-4">
- <a href="portfolio_fr/ae-platform.html">
- <div class="card h-100 wow fadeInLeft prdx-card" data-wow-duration="0.7s">
- <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/portfolio/activeeon.png"
- alt="ActiveEon logo">
- <div class="card-block z-depth-3">
- <h4 class="prdx-card-title">AE Automation Platform</h4>
- <p class="card-text">Une plateforme cloud construite sur l'infrastructure Azure avec Kubernetes, combinant très forte disponibilité et tolérance
- aux pannes pour du calcul HPC optimisé.</p>
- </div>
- </div>
- </a>
- </div>
- <!--div class="col-lg-4 col-sm-6 portfolio-item div-center mb-4">
- <a href="portfolio_fr/cryptobot.html">
- <div class="card h-100 wow fadeInUp prdx-card" data-wow-duration="0.7s">
- <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/portfolio/cryptobot.png"
- alt="cryptobot logo">
- <div class="card-block z-depth-3">
- <h4 class="prdx-card-title">CryptoBot</h4>
- <p class="card-text">Un bot en Node.js tirant profit de l'API Bittrex, incluant des algorithmes d'apprentissage pour trader les crypto-monnaies
- de façon autonome selon les critères choisis.</p>
- </div>
- </div>
- </a>
- </div-->
- </div>
- </div>
- <div class="flex-center">
- <div class="text-center prdx-btn-livetour-holder">
- <a class="btn btn-prdx-orange wow zoomIn smooth-scroll btn-prdx" href="#testimonials"
- data-wow-delay="0.3s " data-wow-duration="0.3s">Témoignages<i class="fa fa-angle-down ml-2"></i></a>
- <a class="btn btn-prdx-orange wow zoomIn btn-prdx" href="portfolio_accueil.html" data-wow-delay="0.3s"
- data-wow-duration="0.3s">Tout voir<i class="fa fa-chevron-circle-right ml-2"></i></a>
- </div>
- </div>
- <div class="prdx-section-auto-margin"></div>
- <svg id="bigHalfCircle" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
- <path d="M0 100 C40 0 60 0 100 100 Z" />
- </svg>
- </section>
-
- <section id="testimonials" class="d-flex">
-
- <div class="prdx-section-auto-margin"></div>
-
- <div class="container mb-4">
- <!-- Testimonials Section -->
- <div class="row prdx-section-heading">
- <a class="prdx-holder-anchor"><h2>Témoignages</h2></a>
- </div>
- <div class="row">
- <div class="col-md-4">
- <img class="card-img-top img-fluid prdx-card-img-testimonials prdx-card-img-rounded"
- src="assets/img/testimonials/brian_amedro.jpg" alt="Brian Amedro">
- </div>
- <div class="col-md-8 px-3">
- <div class="card-block px-3">
- <h5 class="card-title">Brian Amedro, Directeur technique à <a target="_blank" href="https://activeeon.com/">ActiveEon</a>
- </h5>
- <p class="card-text text-justify"><i class="fa fa-quote-left" aria-hidden="true"></i> Gaëtan est un
- ingénieur système très talentueux. Il s'adapte rapidement au besoins fonctionnels et techniques des projets,
- et délivre du travail de qualité. En tant qu'employé à ActiveEon, puis freelancer à pard0x, il a prouvé son expertise
- à plusieurs reprises en prenant en charge des projets compliqués et à marge réduite. Gaëtan est un freelancer enthousiaste sur qui
- l'on peut compter, et c'est toujours un plaisir de travailler avec lui.<i class="fa fa-quote-right"
- aria-hidden="true"></i></p>
- <a href="portfolio_fr/ae-platform.html">Voir le projet</a>
- </div>
- </div>
- </div>
- </div>
- <div class="container-fluid prdx-band-separator"></div>
- <div class="flex-center">
- <div class="text-center prdx-btn-livetour-holder">
- <a class="btn btn-prdx-blue wow zoomIn smooth-scroll btn-prdx" href="#contact" data-wow-delay="0.3s"
- data-wow-duration="0.3s">Contact<i class="fa fa-angle-down ml-2"></i></a>
- <a class="btn btn-prdx-blue wow zoomIn btn-prdx" href="temoignages.html" data-wow-delay="0.3s"
- data-wow-duration="0.3s">Tout voir<i class="fa fa-chevron-circle-right ml-2"></i></a>
- </div>
- </div>
- <div class="container-fluid prdx-band-separator"></div>
- <div class="prdx-section-auto-margin"></div>
- <svg id="trianglePath" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
- <path id="trianglePath1" d="M0 0 L50 100 L100 0 Z" />
- <path id="trianglePath2" d="M50 100 L100 40 L100 0 Z" />
- </svg>
- </section>
-
- <section id="contact" class="d-flex">
-
- <div class="prdx-section-auto-margin"></div>
-
- <div class="container">
- <!-- Contact Section -->
- <div class="row prdx-section-heading">
- <a class="prdx-holder-anchor"><h2>Contact</h2></a>
- </div>
- <div class="row mb-4">
- <div class="col-md-5 col-sm-6">
- <p>Vous avez une question à poser ou un projet à réaliser? Vous pouvez nous contacter sur nos adresses email respectives ou via le formulaire
- de contact ci-contre.</p>
- <table class="prxd-contact-table-home">
- <tbody>
- <tr>
- <td><i class="fa fa-envelope" aria-hidden="true"></i></td>
- <td style="padding-left: 1em;"><code><a href="mailto:zcoznztact@pard0zxz.cozm"
- rel="nofollow" target="_blank"
- onmouseover="this.href=this.href.replace(/z/g,'');">contact
- [at] pard0x.com</a></code></td>
- </tr>
- <tr>
- <td><i class="fa fa-key" aria-hidden="true"></i></td>
- <td style="padding-left: 1em;"><code><a target="_blank"
- href="https://pgp.mit.edu/pks/lookup?op=get&search=0xE687428A7578B6D1">7578B6D1</a></code>
- </td>
- </tr>
- </tbody>
- </table>
- <table class="mt-3">
- <tbody>
- <tr>
- <td><i class="fa fa-envelope" aria-hidden="true"></i></td>
- <td style="padding-left: 1em;"><code><a href="mailto:zviznzcent.kzzherbazchze@pard0zxz.cozm"
- rel="nofollow" target="_blank"
- onmouseover="this.href=this.href.replace(/z/g,'');">vincent.kherbache
- [at] pard0x.com</a></code></td>
- </tr>
- <tr>
- <td><i class="fa fa-key" aria-hidden="true"></i></td>
- <td style="padding-left: 1em;"><code><a target="_blank"
- href="https://pgp.mit.edu/pks/lookup?op=get&search=0x2DF101C084CC1C42">32A811E9</a></code>
- </td>
- </tr>
- </tbody>
- </table>
- <table class="mt-3">
- <tbody>
- <tr>
- <td><i class="fa fa-envelope" aria-hidden="true"></i></td>
- <td class="prdx-table-cell-lp-1"><code><a href="mailto:zgaetzanz.huzrzel@pard0zxz.cozm" rel="nofollow" target="_blank"
- onmouseover="this.href=this.href.replace(/z/g,'');">gaetan.hurel
- [at] pard0x.com</a></code></td>
- </tr>
- <tr>
- <td><i class="fa fa-key" aria-hidden="true"></i></td>
- <td class="prdx-table-cell-lp-1"><code><a target="_blank"
- href="https://pgp.mit.edu/pks/lookup?op=get&search=0x2DF101C084CC1C42">84CC1C42</a></code>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
-
- <div class="col-md-7 mb-3">
- <form name="sentMessage" id="contactForm" novalidate>
- <div class="md-form form-sm control-group">
- <i class="fa fa-user prefix grey-text"></i>
- <input type="text" class="form-control" id="name" required
- data-validation-required-message="Please enter your name.">
- <label for="name">Votre nom</label>
- <p class="help-block custom-help-block-pard0x"></p>
- </div>
- <div class="md-form form-sm control-group">
- <i class="fa fa-envelope prefix grey-text"></i>
- <input type="email" class="form-control" id="email" required
- data-validation-required-message="Please enter your email address.">
- <label for="email">Votre email</label>
- <p class="help-block custom-help-block-pard0x"></p>
- </div>
- <div class="md-form form-sm control-group">
- <i class="fa fa-tag prefix grey-text"></i>
- <input type="text" class="form-control" id="subject" required
- data-validation-required-message="Please enter a subject.">
- <label for="subject">Sujet</label>
- <p class="help-block custom-help-block-pard0x"></p>
- </div>
- <div class="md-form form-sm control-group">
- <i class="fa fa-pencil prefix grey-text"></i>
- <textarea id="message" class="md-textarea form-control" style="height: 100px" required
- data-validation-required-message="Please enter your message"></textarea>
- <label for="message">Message</label>
- <p class="help-block custom-help-block-pard0x"></p>
- </div>
- <div id="success"></div>
- <div class="text-center">
- <button type="submit" class="btn btn-prdx-orange" style="margin-bottom: 20px">Envoyer <i
- class="fa fa-paper-plane-o ml-1"></i></button>
- </div>
- </form>
- </div>
- </div>
- </div>
-
- <div class="prdx-section-auto-margin"></div>
-
- </section>
- </main>
-
-
- <!-- Footer -->
- <footer class="py-3 bg-inverse" id="footer">
- <div class="container mt-2 text-center text-md-left">
- <div class="row mt-3">
-
- <div class="col-md-3 col-lg-2 col-xl-2 mb-r text-white">
- <h6 class="title font-bold"><strong>Autres liens</strong></h6>
- <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
- <p><a target="_blank" href="https://gitea.pard0x.com" class="white-text">Notre Gitea</a></p>
- <p><a target="_blank" href="https://gitea.pard0x.com/pard0x/official-website/src/branch/master"
- class="white-text">Code source du site</a></p>
- <p><a href="./mentions_legales.html" class="white-text">Mentions légales</a></p>
- <p><a href="./sitemap.xml" class="white-text">Sitemap</a></p>
- </div>
-
- <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-r text-white">
- <h6 class="title font-bold"><strong>pard0x</strong></h6>
- <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
- <p>L'association de deux freelancers travaillant ensemble pour améliorer le monde informatisé des entreprises, organisations et particuliers.</p>
- </div>
-
- <div class="col-md-4 col-lg-3 col-xl-3 text-white">
- <h6 class="title font-bold"><strong>Contact</strong></h6>
- <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
- <p><i class="fa fa-home mr-3"></i> 10 Parc Club du Millenaire, 1025 avenue Henri Becquerel, 34000 Montpellier, France</p>
- <p><i class="fa fa-envelope mr-3"></i> <a class="text-white" href="mailto:conztzact@pard0zxz.cozm"
- rel="nofollow"
- onmouseover="this.href=this.href.replace(/z/g,'');">contact
- [at] pard0x.com</a></p>
- <p><i class="fa fa-phone mr-3"></i> +33 07 82 00 81 06</p>
- </div>
-
- </div>
- </div>
- <p class="m-0 text-center text-white mt-3 mb-2">Copyright <img alt="pard0x footer logo" src="assets/logo/pard0x_typo_white_small.png"
- class="prdx-typo-footer"> © 2017-2018
- </p>
- </footer>
-
- <!-- Bootstrap core JavaScript -->
- <script src="vendor/jquery/jquery.min.js"></script>
- <script src="vendor/tether/tether.min.js"></script>
- <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
- <script src="vendor/mdb/js/mdb.min.js"></script>
- <script src="vendor/mdb/js/jarallax.js"></script>
-
- <!-- Contact form JavaScript -->
- <!-- Do not edit these files! In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
- <script src="js/jqBootstrapValidation.js"></script>
- <script src="js/contact_me.js"></script>
-
- <!-- Pard0x Javascript -->
- <script src="js/custom.js"></script>
-
-
- </body>
-
- </html>
|