pard0x
/
official-website
Watch 2
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Pard0x website.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
253 Commits
3 Branches
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
official-website/accueil.html

accueil.html 26KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474 
  1. <!DOCTYPE html>

  2. <html lang="fr">

  3. 

  4. <head>

  5. 

  6.     <meta charset="utf-8">

  7.     <meta name="viewport"

  8.           content="width=device-width, initial-scale=1, shrink-to-fit=yes">

  9.     <meta name="description"

  10.           content="pard0x est l'association de deux freelancers travaillant ensemble pour améliorer le monde informatisé des entreprises, organisations et particuliers.">

  11.     <meta name="keywords" content="IT, sécurité, cloud computing, systèmes intelligents, IoT, pard0x">

  12. 

  13.     <meta property="og:title" content="pard0x freelancers" />

  14.     <meta property="og:image" content="https://www.pard0x.com/assets/logo/logo_black_linkedin.png" />

  15.     <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." />

  16.     <meta property="og:url" content="https://www.pard0x.com/accueil.html" />

  17. 

  18.     <title>Accueil - Solutions IT, cloud computing et Internet des Objets | pard0x</title>

  19. 

  20.     <!-- pard0x favicon © -->

  21.     <link rel="icon" type="image/png" href="./assets/logo/logo_favicon.png" sizes="32x32"/>

  22. 

  23.     <!-- Bootstrap core CSS -->

  24.     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  25.     <link href="vendor/mdb/css/mdb-lp.min.css" rel="stylesheet">

  26. 

  27.     <!-- Modern-business CSS -->

  28.     <link href="css/modern-business.css" rel="stylesheet">

  29. 

  30.     <!-- Pard0x CSS -->

  31.     <link href="css/custom.css" rel="stylesheet">

  32.     <link href="css/home.css" rel="stylesheet">

  33. 

  34.     <!-- Font Awesome -->

  35.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">

  36. 

  37.     <!-- Temporary navbar container fix -->

  38.     <style>

  39.     .navbar-toggler {

  40.         z-index: 1;

  41.     }

  42.     @media (max-width: 576px) {

  43.         nav > .container {

  44.             width: 100%;

  45.         }

  46.     }

  47.     </style>

  48. </head>

  49. 

  50. <body id="home">

  51. <!-- Home banner -->

  52. <header id="header">

  53. 

  54. 

  55.     <!-- Navigation -->

  56.     <nav class="navbar scrolling-navbar fixed-top navbar-toggleable-md navbar-inverse">

  57.         <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"

  58.                 data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false"

  59.                 aria-label="Toggle navigation">

  60.             <span class="navbar-toggler-icon"></span>

  61.         </button>

  62.         <div class="container">

  63.             <a class="navbar-brand animated infinite pulse" href="accueil.html"><img class="prdx-navbar-logo"

  64.                                                                                   src="./assets/logo/logo_white-64.png"

  65.                                                                                   alt="pard0x logo"></a>

  66.             <div class="collapse navbar-collapse" id="navbarExample">

  67.                 <ul class="navbar-nav ml-auto">

  68.                     <li class="nav-item">

  69.                         <a class="nav-link" href="#">Accueil</a>

  70.                     </li>

  71.                     <li class="nav-item">

  72.                         <a class="nav-link" href="apropos.html">À propos</a>

  73.                     </li>

  74.                     <li class="nav-item">

  75.                         <a class="nav-link" href="prestations.html">Prestations</a>

  76.                     </li>

  77.                     <li class="nav-item">

  78.                         <a class="nav-link" href="portfolio_accueil.html">Portfolio</a>

  79.                     </li>

  80.                     <li class="nav-item">

  81.                         <a class="nav-link" href="temoignages.html">Témoignages</a>

  82.                     </li>

  83.                     <li class="nav-item">

  84.                         <a class="nav-link smooth-scroll" href="#contact">Contact</a>

  85.                     </li>

  86.                     <!-- Place holder for better rendering of Language flags -->

  87.                     <li class="nav-item" style="padding-left: 10px; padding-right: 10px;">

  88.                     </li>

  89.                     <li class="nav-item">

  90.                         <a href="home.html"><img src="assets/img/en_flag.png" alt="English language" class="lang-flag"></a>

  91.                         <a href="#"><img src="assets/img/fr_flag.png" alt="Langage français"

  92.                                                     class="lang-flag"></a>

  93.                     </li>

  94.                 </ul>

  95.             </div>

  96.         </div>

  97.     </nav>

  98. 

  99. </header>

  100. 

  101. <!-- Page Content -->

  102. <main id="main-site-area">

  103. 

  104.     <section id="intro" class="d-flex rounded-symmetric">

  105.         <div class="prdx-section-auto-margin"></div>

  106.         <div class="container-fluid full-bg-img d-flex align-items-center justify-content-center prdx-banner">

  107. 

  108.             <div class="row d-flex justify-content-center">

  109. 

  110.                 <div class="col-md-10 text-center" style="margin-top: -5em;">

  111. 

  112.                     <!-- Heading -->

  113.                     <div class="prdx-header-typo">

  114.                         <img alt="pard0x_landing_logo_part_1" style="width: 60%; height: auto; display: inline-block;"

  115.                              src="assets/logo/pard0x_black_cut_pard.png" class="wow fadeIn" data-wow-delay="0.3s"

  116.                              data-wow-duration="2s"/>

  117.                         <img alt="pard0x_landing_logo_part_2" style="width: 16%; height: auto; display: inline-block;; margin-left: 2px;"

  118.                              src="assets/logo/pard0x_red_cut_0.png" class="wow bounceInDown" data-wow-delay=".3s"

  119.                              data-wow-duration="1s" data-wow-iteration="1"/>

  120.                         <img alt="pard0x_landing_logo_part_3" style="width: 14%; height: auto; display: inline-block;; "

  121.                              src="assets/logo/pard0x_black_cut_x.png" class="wow fadeIn" data-wow-delay="0.3s"

  122.                              data-wow-duration="2s"/>

  123.                     </div>

  124. 

  125.                     <br>

  126.                     <hr class="hr-dark wow fadeIn" data-wow-delay="0.7s">

  127.                     <br>

  128.                     <div>

  129.                         <!-- Description -->

  130.                         <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>

  131.                         <br/>

  132.                         <a class="btn btn-outline-black btn-lg wow fadeIn smooth-scroll btn-prdx" href="#services"

  133.                            data-wow-delay="1s">Nos services<i class="fa fa-angle-down  ml-2"></i></a>

  134.                         <a class="btn btn-outline-black btn-lg wow fadeIn smooth-scroll btn-prdx" href="apropos.html"

  135.                            data-wow-delay="1s">À propos<i class="fa fa-chevron-circle-right  ml-2"></i></a>

  136.                     </div>

  137.                 </div>

  138.             </div>

  139.         </div>

  140.         <div class="prdx-section-auto-margin"></div>

  141.     </section>

  142. 

  143.     <section id="services" class="d-flex">

  144.         <div class="prdx-section-auto-margin"></div>

  145. 

  146.         <div class="container mb-4">

  147. 

  148.             <!-- Service Section -->

  149.             <div class="row prdx-section-heading">

  150.                 <a class="prdx-holder-anchor"><h2>Notre Expertise</h2></a>

  151.             </div>

  152.             <div class="row alert-blue">

  153.                 <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-2">

  154.                     <div class="card h-100 z-depth-5 wow fadeInLeft" data-wow-delay="0.3s" data-wow-duration="0.5s">

  155.                         <h4 class="card-header">IT et sécurité</h4>

  156.                         <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/what_we_do/it.jpg"

  157.                              alt="IT icon; created by Pablo A from the Noun Project">

  158.                         <div class="card-block z-depth-3">

  159.                             <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

  160.                                 de services endurcis ou la sécurisation des systèmes et des données.</p>

  161.                         </div>

  162.                     </div>

  163.                 </div>

  164.                 <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-2">

  165.                     <div class="card h-100 z-depth-5 wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="0.5s">

  166.                         <h4 class="card-header">Cloud computing</h4>

  167.                         <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/what_we_do/cloud.jpg"

  168.                              alt="Cloud computing icon; created by Symbolon from the Noun Project">

  169.                         <div class="card-block z-depth-3">

  170.                             <p class="card-text">Nous concevons des solutions cloud avancées à base de virtualisation orchestrée, pour le traitement efficace des

  171.                                 tâches lourdes, ou le déploiement de services à très forte disponibilité.</p>

  172.                         </div>

  173.                     </div>

  174.                 </div>

  175.                 <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-2">

  176.                     <div class="card h-100 z-depth-5 wow fadeInRight" data-wow-delay="0.3s" data-wow-duration="0.5s">

  177.                         <h4 class="card-header">Systèmes intelligents</h4>

  178.                         <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/what_we_do/iot1.jpg"

  179.                              alt="Mobile systems icon; created by Davo Sime from the Noun Project.">

  180.                         <div class="card-block z-depth-3">

  181.                             <p class="card-text">Nous fournissons des applications pour les systèmes mobiles et intelligents, incluant les technologies

  182.                             novatrices telles que les réseaux de type blockchain et la gestion de contrats intelligents.</p>

  183.                         </div>

  184.                     </div>

  185.                 </div>

  186.             </div>

  187.         </div>

  188. 

  189.         <div class="container-fluid prdx-band-separator ss-style-roundedsplit"></div>

  190.         <div class="flex-center">

  191.             <div class="text-center prdx-btn-livetour-holder">

  192.                 <a class="btn btn-prdx-blue wow zoomIn smooth-scroll btn-prdx" href="#portfolio"

  193.                    data-wow-delay="0.3s" data-wow-duration="0.3s">Portfolio<i

  194.                         class="fa fa-angle-down  ml-2"></i></a>

  195.                 <a class="btn btn-prdx-blue wow zoomIn btn-prdx" href="prestations.html" data-wow-delay="0.3s"

  196.                    data-wow-duration="0.3s">En savoir plus<i class="fa fa-chevron-circle-right ml-2"></i></a>

  197.             </div>

  198.         </div>

  199.         <div class="container-fluid prdx-band-separator"></div>

  200.         <div class="prdx-section-auto-margin"></div>

  201.     </section>

  202. 

  203.     <section id="portfolio" class="d-flex">

  204.         <div style="height:48px; background-color: white;"></div>

  205.         <svg id="bigHalfCircleReverse" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="80"

  206.              viewBox="0 0 100 100" preserveAspectRatio="none">

  207.             <path d="M0 0 C40 100 60 100 100 0 Z"/>

  208.         </svg>

  209. 

  210.         <div class="prdx-section-auto-margin"></div>

  211. 

  212.         <div class="container mb-4">

  213.             <!-- Portfolio Section -->

  214.             <div class="row prdx-section-heading">

  215.                 <a class="prdx-holder-anchor"><h2>Portfolio </h2></a>

  216.             </div>

  217.             <div class="row">

  218.                 <div class="col-lg-4 col-sm-6 portfolio-item div-center  mb-4">

  219.                     <a href="portfolio_fr/ae-platform.html">

  220.                         <div class="card h-100 wow fadeInLeft prdx-card" data-wow-duration="0.7s">

  221.                             <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/portfolio/activeeon.png"

  222.                                  alt="ActiveEon logo">

  223.                             <div class="card-block z-depth-3">

  224.                                 <h4 class="prdx-card-title">AE Automation Platform</h4>

  225.                                 <p class="card-text">Une plateforme cloud construite sur l'infrastructure Azure avec Kubernetes, combinant très forte disponibilité et tolérance

  226.                                     aux pannes pour du calcul HPC optimisé.</p>

  227.                             </div>

  228.                         </div>

  229.                     </a>

  230.                 </div>

  231.                 <!--div class="col-lg-4 col-sm-6 portfolio-item div-center mb-4">

  232.                     <a href="portfolio_fr/cryptobot.html">

  233.                         <div class="card h-100 wow fadeInUp prdx-card" data-wow-duration="0.7s">

  234.                             <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/portfolio/cryptobot.png"

  235.                                  alt="cryptobot logo">

  236.                             <div class="card-block z-depth-3">

  237.                                 <h4 class="prdx-card-title">CryptoBot</h4>

  238.                                 <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

  239.                                     de façon autonome selon les critères choisis.</p>

  240.                             </div>

  241.                         </div>

  242.                     </a>

  243.                 </div-->

  244.             </div>

  245.         </div>

  246.         <div class="flex-center">

  247.             <div class="text-center prdx-btn-livetour-holder">

  248.                 <a class="btn btn-prdx-orange wow zoomIn smooth-scroll btn-prdx" href="#testimonials"

  249.                    data-wow-delay="0.3s " data-wow-duration="0.3s">Témoignages<i class="fa fa-angle-down ml-2"></i></a>

  250.                 <a class="btn btn-prdx-orange wow zoomIn btn-prdx" href="portfolio_accueil.html" data-wow-delay="0.3s"

  251.                    data-wow-duration="0.3s">Tout voir<i class="fa fa-chevron-circle-right ml-2"></i></a>

  252.             </div>

  253.         </div>

  254.         <div class="prdx-section-auto-margin"></div>

  255.         <svg id="bigHalfCircle" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">

  256.             <path d="M0 100 C40 0 60 0 100 100 Z" />

  257.         </svg>

  258.     </section>

  259. 

  260.     <section id="testimonials" class="d-flex">

  261. 

  262.         <div class="prdx-section-auto-margin"></div>

  263. 

  264.         <div class="container mb-4">

  265.             <!-- Testimonials Section -->

  266.             <div class="row prdx-section-heading">

  267.                 <a class="prdx-holder-anchor"><h2>Témoignages</h2></a>

  268.             </div>

  269.             <div class="row">

  270.                 <div class="col-md-4">

  271.                     <img class="card-img-top img-fluid prdx-card-img-testimonials prdx-card-img-rounded"

  272.                          src="assets/img/testimonials/brian_amedro.jpg" alt="Brian Amedro">

  273.                 </div>

  274.                 <div class="col-md-8 px-3">

  275.                     <div class="card-block px-3">

  276.                         <h5 class="card-title">Brian Amedro, Directeur technique à <a target="_blank" href="https://activeeon.com/">ActiveEon</a>

  277.                         </h5>

  278.                         <p class="card-text text-justify"><i class="fa fa-quote-left" aria-hidden="true"></i> Gaëtan est un

  279.                             ingénieur système très talentueux. Il s'adapte rapidement au besoins fonctionnels et techniques des projets,

  280.                             et délivre du travail de qualité. En tant qu'employé à ActiveEon, puis freelancer à pard0x, il a prouvé son expertise

  281.                             à plusieurs reprises en prenant en charge des projets compliqués et à marge réduite. Gaëtan est un freelancer enthousiaste sur qui

  282.                             l'on peut compter, et c'est toujours un plaisir de travailler avec lui.<i class="fa fa-quote-right"

  283.                                                                          aria-hidden="true"></i></p>

  284.                         <a href="portfolio_fr/ae-platform.html">Voir le projet</a>

  285.                     </div>

  286.                 </div>

  287.             </div>

  288.         </div>

  289.         <div class="container-fluid prdx-band-separator"></div>

  290.         <div class="flex-center">

  291.             <div class="text-center prdx-btn-livetour-holder">

  292.                 <a class="btn btn-prdx-blue wow zoomIn smooth-scroll btn-prdx" href="#contact" data-wow-delay="0.3s"

  293.                    data-wow-duration="0.3s">Contact<i class="fa fa-angle-down ml-2"></i></a>

  294.                 <a class="btn btn-prdx-blue wow zoomIn btn-prdx" href="temoignages.html" data-wow-delay="0.3s"

  295.                    data-wow-duration="0.3s">Tout voir<i class="fa fa-chevron-circle-right ml-2"></i></a>

  296.             </div>

  297.         </div>

  298.         <div class="container-fluid prdx-band-separator"></div>

  299.         <div class="prdx-section-auto-margin"></div>

  300.         <svg id="trianglePath" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">

  301.            <path id="trianglePath1" d="M0 0 L50 100 L100 0 Z" />

  302.            <path id="trianglePath2" d="M50 100 L100 40 L100 0 Z" />

  303.         </svg>

  304.     </section>

  305. 

  306.     <section id="contact" class="d-flex">

  307. 

  308.         <div class="prdx-section-auto-margin"></div>

  309. 

  310.         <div class="container">

  311.             <!-- Contact Section -->

  312.             <div class="row prdx-section-heading">

  313.                 <a class="prdx-holder-anchor"><h2>Contact</h2></a>

  314.             </div>

  315.             <div class="row mb-4">

  316.                 <div class="col-md-5 col-sm-6">

  317.                     <p>Vous avez une question à poser ou un projet à réaliser? Vous pouvez nous contacter sur nos adresses email respectives ou via le formulaire

  318.                         de contact ci-contre.</p>

  319.                     <table class="prxd-contact-table-home">

  320.                         <tbody>

  321.                         <tr>

  322.                             <td><i class="fa fa-envelope" aria-hidden="true"></i></td>

  323.                             <td style="padding-left: 1em;"><code><a href="mailto:zcoznztact@pard0zxz.cozm"

  324.                                                                     rel="nofollow" target="_blank"

  325.                                                                     onmouseover="this.href=this.href.replace(/z/g,'');">contact

  326.                                 [at] pard0x.com</a></code></td>

  327.                         </tr>

  328.                         <tr>

  329.                             <td><i class="fa fa-key" aria-hidden="true"></i></td>

  330.                             <td style="padding-left: 1em;"><code><a target="_blank"

  331.                                                                     href="https://pgp.mit.edu/pks/lookup?op=get&search=0xE687428A7578B6D1">7578B6D1</a></code>

  332.                             </td>

  333.                         </tr>

  334.                         </tbody>

  335.                     </table>

  336.                     <table class="mt-3">

  337.                         <tbody>

  338.                         <tr>

  339.                             <td><i class="fa fa-envelope" aria-hidden="true"></i></td>

  340.                             <td style="padding-left: 1em;"><code><a href="mailto:zviznzcent.kzzherbazchze@pard0zxz.cozm"

  341.                                                                     rel="nofollow" target="_blank"

  342.                                                                     onmouseover="this.href=this.href.replace(/z/g,'');">vincent.kherbache

  343.                                 [at] pard0x.com</a></code></td>

  344.                         </tr>

  345.                         <tr>

  346.                             <td><i class="fa fa-key" aria-hidden="true"></i></td>

  347.                             <td style="padding-left: 1em;"><code><a target="_blank"

  348.                                                                     href="https://pgp.mit.edu/pks/lookup?op=get&search=0x2DF101C084CC1C42">32A811E9</a></code>

  349.                             </td>

  350.                         </tr>

  351.                         </tbody>

  352.                     </table>

  353.                     <table class="mt-3">

  354.                         <tbody>

  355.                         <tr>

  356.                             <td><i class="fa fa-envelope" aria-hidden="true"></i></td>

  357.                             <td class="prdx-table-cell-lp-1"><code><a href="mailto:zgaetzanz.huzrzel@pard0zxz.cozm" rel="nofollow" target="_blank"

  358.                                                                       onmouseover="this.href=this.href.replace(/z/g,'');">gaetan.hurel

  359.                                 [at] pard0x.com</a></code></td>

  360.                         </tr>

  361.                         <tr>

  362.                             <td><i class="fa fa-key" aria-hidden="true"></i></td>

  363.                             <td class="prdx-table-cell-lp-1"><code><a target="_blank"

  364.                                                                       href="https://pgp.mit.edu/pks/lookup?op=get&search=0x2DF101C084CC1C42">84CC1C42</a></code>

  365.                             </td>

  366.                         </tr>

  367.                         </tbody>

  368.                     </table>

  369.                 </div>

  370. 

  371.                 <div class="col-md-7 mb-3">

  372.                     <form name="sentMessage" id="contactForm" novalidate>

  373.                         <div class="md-form form-sm control-group">

  374.                             <i class="fa fa-user prefix grey-text"></i>

  375.                             <input type="text" class="form-control" id="name" required

  376.                                    data-validation-required-message="Please enter your name.">

  377.                             <label for="name">Votre nom</label>

  378.                             <p class="help-block custom-help-block-pard0x"></p>

  379.                         </div>

  380.                         <div class="md-form form-sm control-group">

  381.                             <i class="fa fa-envelope prefix grey-text"></i>

  382.                             <input type="email" class="form-control" id="email" required

  383.                                    data-validation-required-message="Please enter your email address.">

  384.                             <label for="email">Votre email</label>

  385.                             <p class="help-block custom-help-block-pard0x"></p>

  386.                         </div>

  387.                         <div class="md-form form-sm control-group">

  388.                             <i class="fa fa-tag prefix grey-text"></i>

  389.                             <input type="text" class="form-control" id="subject" required

  390.                                    data-validation-required-message="Please enter a subject.">

  391.                             <label for="subject">Sujet</label>

  392.                             <p class="help-block custom-help-block-pard0x"></p>

  393.                         </div>

  394.                         <div class="md-form form-sm control-group">

  395.                             <i class="fa fa-pencil prefix grey-text"></i>

  396.                             <textarea id="message" class="md-textarea form-control" style="height: 100px" required

  397.                                       data-validation-required-message="Please enter your message"></textarea>

  398.                             <label for="message">Message</label>

  399.                             <p class="help-block custom-help-block-pard0x"></p>

  400.                         </div>

  401.                         <div id="success"></div>

  402.                         <div class="text-center">

  403.                             <button type="submit" class="btn btn-prdx-orange" style="margin-bottom: 20px">Envoyer <i

  404.                                     class="fa fa-paper-plane-o ml-1"></i></button>

  405.                         </div>

  406.                     </form>

  407.                 </div>

  408.             </div>

  409.         </div>

  410. 

  411.         <div class="prdx-section-auto-margin"></div>

  412. 

  413.     </section>

  414. </main>

  415. 

  416. 

  417. <!-- Footer -->

  418. <footer class="py-3 bg-inverse" id="footer">

  419.     <div class="container mt-2 text-center text-md-left">

  420.         <div class="row mt-3">

  421. 

  422.             <div class="col-md-3 col-lg-2 col-xl-2 mb-r text-white">

  423.                 <h6 class="title font-bold"><strong>Autres liens</strong></h6>

  424.                 <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">

  425.                 <p><a target="_blank" href="https://gitea.pard0x.com" class="white-text">Notre Gitea</a></p>

  426.                 <p><a target="_blank" href="https://gitea.pard0x.com/pard0x/official-website/src/branch/master"

  427.                       class="white-text">Code source du site</a></p>

  428.                 <p><a href="./mentions_legales.html" class="white-text">Mentions légales</a></p>

  429.                 <p><a href="./sitemap.xml" class="white-text">Sitemap</a></p>

  430.             </div>

  431. 

  432.             <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-r text-white">

  433.                 <h6 class="title font-bold"><strong>pard0x</strong></h6>

  434.                 <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">

  435.                 <p>L'association de deux freelancers travaillant ensemble pour améliorer le monde informatisé des entreprises, organisations et particuliers.</p>

  436.             </div>

  437. 

  438.             <div class="col-md-4 col-lg-3 col-xl-3 text-white">

  439.                 <h6 class="title font-bold"><strong>Contact</strong></h6>

  440.                 <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">

  441.                 <p><i class="fa fa-home mr-3"></i> 10 Parc Club du Millenaire, 1025 avenue Henri Becquerel, 34000 Montpellier, France</p>

  442.                 <p><i class="fa fa-envelope mr-3"></i> <a class="text-white" href="mailto:conztzact@pard0zxz.cozm"

  443.                                                           rel="nofollow"

  444.                                                           onmouseover="this.href=this.href.replace(/z/g,'');">contact

  445.                     [at] pard0x.com</a></p>

  446.                 <p><i class="fa fa-phone mr-3"></i> +33 07 82 00 81 06</p>

  447.             </div>

  448. 

  449.         </div>

  450.     </div>

  451.     <p class="m-0 text-center text-white mt-3 mb-2">Copyright &nbsp; <img alt="pard0x footer logo" src="assets/logo/pard0x_typo_white_small.png"

  452.                                                                          class="prdx-typo-footer">&nbsp; &copy; 2017-2018

  453.     </p>

  454. </footer>

  455. 

  456. <!-- Bootstrap core JavaScript -->

  457. <script src="vendor/jquery/jquery.min.js"></script>

  458. <script src="vendor/tether/tether.min.js"></script>

  459. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

  460. <script src="vendor/mdb/js/mdb.min.js"></script>

  461. <script src="vendor/mdb/js/jarallax.js"></script>

  462. 

  463. <!-- Contact form JavaScript -->

  464. <!-- 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. -->

  465. <script src="js/jqBootstrapValidation.js"></script>

  466. <script src="js/contact_me.js"></script>

  467. 

  468. <!-- Pard0x Javascript -->

  469. <script src="js/custom.js"></script>

  470. 

  471. 

  472. </body>

  473. 

  474. </html>