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.

accueil.html 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport"
  6. content="width=device-width, initial-scale=1, shrink-to-fit=yes">
  7. <meta name="description"
  8. content="pard0x est l'association de deux freelancers travaillant ensemble pour améliorer le monde informatisé des entreprises, organisations et particuliers.">
  9. <meta name="keywords" content="IT, sécurité, cloud computing, systèmes intelligents, IoT, pard0x">
  10. <meta property="og:title" content="pard0x freelancers" />
  11. <meta property="og:image" content="https://www.pard0x.com/assets/logo/logo_black_linkedin.png" />
  12. <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." />
  13. <meta property="og:url" content="https://www.pard0x.com/accueil.html" />
  14. <title>Accueil - Solutions IT, cloud computing et Internet des Objets | pard0x</title>
  15. <!-- pard0x favicon © -->
  16. <link rel="icon" type="image/png" href="./assets/logo/logo_favicon.png" sizes="32x32"/>
  17. <!-- Bootstrap core CSS -->
  18. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  19. <link href="vendor/mdb/css/mdb-lp.min.css" rel="stylesheet">
  20. <!-- Modern-business CSS -->
  21. <link href="css/modern-business.css" rel="stylesheet">
  22. <!-- Pard0x CSS -->
  23. <link href="css/custom.css" rel="stylesheet">
  24. <link href="css/home.css" rel="stylesheet">
  25. <!-- Font Awesome -->
  26. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
  27. <!-- Temporary navbar container fix -->
  28. <style>
  29. .navbar-toggler {
  30. z-index: 1;
  31. }
  32. @media (max-width: 576px) {
  33. nav > .container {
  34. width: 100%;
  35. }
  36. }
  37. </style>
  38. </head>
  39. <body id="home">
  40. <!-- Home banner -->
  41. <header id="header">
  42. <!-- Navigation -->
  43. <nav class="navbar scrolling-navbar fixed-top navbar-toggleable-md navbar-inverse">
  44. <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
  45. data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false"
  46. aria-label="Toggle navigation">
  47. <span class="navbar-toggler-icon"></span>
  48. </button>
  49. <div class="container">
  50. <a class="navbar-brand animated infinite pulse" href="accueil.html"><img class="prdx-navbar-logo"
  51. src="./assets/logo/logo_white-64.png"
  52. alt="pard0x logo"></a>
  53. <div class="collapse navbar-collapse" id="navbarExample">
  54. <ul class="navbar-nav ml-auto">
  55. <li class="nav-item">
  56. <a class="nav-link" href="#">Accueil</a>
  57. </li>
  58. <li class="nav-item">
  59. <a class="nav-link" href="apropos.html">À propos</a>
  60. </li>
  61. <li class="nav-item">
  62. <a class="nav-link" href="prestations.html">Prestations</a>
  63. </li>
  64. <li class="nav-item">
  65. <a class="nav-link" href="portfolio_accueil.html">Portfolio</a>
  66. </li>
  67. <li class="nav-item">
  68. <a class="nav-link" href="temoignages.html">Témoignages</a>
  69. </li>
  70. <li class="nav-item">
  71. <a class="nav-link smooth-scroll" href="#contact">Contact</a>
  72. </li>
  73. <!-- Place holder for better rendering of Language flags -->
  74. <li class="nav-item" style="padding-left: 10px; padding-right: 10px;">
  75. </li>
  76. <li class="nav-item">
  77. <a href="home.html"><img src="assets/img/en_flag.png" alt="English language" class="lang-flag"></a>
  78. <a href="#"><img src="assets/img/fr_flag.png" alt="Langage français"
  79. class="lang-flag"></a>
  80. </li>
  81. </ul>
  82. </div>
  83. </div>
  84. </nav>
  85. </header>
  86. <!-- Page Content -->
  87. <main id="main-site-area">
  88. <section id="intro" class="d-flex rounded-symmetric">
  89. <div class="prdx-section-auto-margin"></div>
  90. <div class="container-fluid full-bg-img d-flex align-items-center justify-content-center prdx-banner">
  91. <div class="row d-flex justify-content-center">
  92. <div class="col-md-10 text-center" style="margin-top: -5em;">
  93. <!-- Heading -->
  94. <div class="prdx-header-typo">
  95. <img alt="pard0x_landing_logo_part_1" style="width: 60%; height: auto; display: inline-block;"
  96. src="assets/logo/pard0x_black_cut_pard.png" class="wow fadeIn" data-wow-delay="0.3s"
  97. data-wow-duration="2s"/>
  98. <img alt="pard0x_landing_logo_part_2" style="width: 16%; height: auto; display: inline-block;; margin-left: 2px;"
  99. src="assets/logo/pard0x_red_cut_0.png" class="wow bounceInDown" data-wow-delay=".3s"
  100. data-wow-duration="1s" data-wow-iteration="1"/>
  101. <img alt="pard0x_landing_logo_part_3" style="width: 14%; height: auto; display: inline-block;; "
  102. src="assets/logo/pard0x_black_cut_x.png" class="wow fadeIn" data-wow-delay="0.3s"
  103. data-wow-duration="2s"/>
  104. </div>
  105. <br>
  106. <hr class="hr-dark wow fadeIn" data-wow-delay="0.7s">
  107. <br>
  108. <div>
  109. <!-- Description -->
  110. <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>
  111. <br/>
  112. <a class="btn btn-outline-black btn-lg wow fadeIn smooth-scroll btn-prdx" href="#services"
  113. data-wow-delay="1s">Nos services<i class="fa fa-angle-down ml-2"></i></a>
  114. <a class="btn btn-outline-black btn-lg wow fadeIn smooth-scroll btn-prdx" href="apropos.html"
  115. data-wow-delay="1s">À propos<i class="fa fa-chevron-circle-right ml-2"></i></a>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <div class="prdx-section-auto-margin"></div>
  121. </section>
  122. <section id="services" class="d-flex">
  123. <div class="prdx-section-auto-margin"></div>
  124. <div class="container mb-4">
  125. <!-- Service Section -->
  126. <div class="row prdx-section-heading">
  127. <a class="prdx-holder-anchor"><h2>Notre Expertise</h2></a>
  128. </div>
  129. <div class="row alert-blue">
  130. <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-2">
  131. <div class="card h-100 z-depth-5 wow fadeInLeft" data-wow-delay="0.3s" data-wow-duration="0.5s">
  132. <h4 class="card-header">IT et sécurité</h4>
  133. <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/what_we_do/it.jpg"
  134. alt="IT icon; created by Pablo A from the Noun Project">
  135. <div class="card-block z-depth-3">
  136. <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
  137. de services endurcis ou la sécurisation des systèmes et des données.</p>
  138. </div>
  139. </div>
  140. </div>
  141. <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-2">
  142. <div class="card h-100 z-depth-5 wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="0.5s">
  143. <h4 class="card-header">Cloud computing</h4>
  144. <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/what_we_do/cloud.jpg"
  145. alt="Cloud computing icon; created by Symbolon from the Noun Project">
  146. <div class="card-block z-depth-3">
  147. <p class="card-text">Nous concevons des solutions cloud avancées à base de virtualisation orchestrée, pour le traitement efficace des
  148. tâches lourdes, ou le déploiement de services à très forte disponibilité.</p>
  149. </div>
  150. </div>
  151. </div>
  152. <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-2">
  153. <div class="card h-100 z-depth-5 wow fadeInRight" data-wow-delay="0.3s" data-wow-duration="0.5s">
  154. <h4 class="card-header">Systèmes intelligents</h4>
  155. <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/what_we_do/iot1.jpg"
  156. alt="Mobile systems icon; created by Davo Sime from the Noun Project.">
  157. <div class="card-block z-depth-3">
  158. <p class="card-text">Nous fournissons des applications pour les systèmes mobiles et intelligents, incluant les technologies
  159. novatrices telles que les réseaux de type blockchain et la gestion de contrats intelligents.</p>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. <div class="container-fluid prdx-band-separator ss-style-roundedsplit"></div>
  166. <div class="flex-center">
  167. <div class="text-center prdx-btn-livetour-holder">
  168. <a class="btn btn-prdx-blue wow zoomIn smooth-scroll btn-prdx" href="#portfolio"
  169. data-wow-delay="0.3s" data-wow-duration="0.3s">Portfolio<i
  170. class="fa fa-angle-down ml-2"></i></a>
  171. <a class="btn btn-prdx-blue wow zoomIn btn-prdx" href="prestations.html" data-wow-delay="0.3s"
  172. data-wow-duration="0.3s">En savoir plus<i class="fa fa-chevron-circle-right ml-2"></i></a>
  173. </div>
  174. </div>
  175. <div class="container-fluid prdx-band-separator"></div>
  176. <div class="prdx-section-auto-margin"></div>
  177. </section>
  178. <section id="portfolio" class="d-flex">
  179. <div style="height:48px; background-color: white;"></div>
  180. <svg id="bigHalfCircleReverse" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="80"
  181. viewBox="0 0 100 100" preserveAspectRatio="none">
  182. <path d="M0 0 C40 100 60 100 100 0 Z"/>
  183. </svg>
  184. <div class="prdx-section-auto-margin"></div>
  185. <div class="container mb-4">
  186. <!-- Portfolio Section -->
  187. <div class="row prdx-section-heading">
  188. <a class="prdx-holder-anchor"><h2>Portfolio </h2></a>
  189. </div>
  190. <div class="row">
  191. <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-4">
  192. <a href="portfolio_fr/ae-platform.html">
  193. <div class="card h-100 wow fadeInLeft prdx-card" data-wow-duration="0.7s">
  194. <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/portfolio/activeeon.png"
  195. alt="ActiveEon logo">
  196. <div class="card-block z-depth-3">
  197. <h4 class="prdx-card-title">AE Automation Platform</h4>
  198. <p class="card-text">Une plateforme cloud construite sur l'infrastructure Azure avec Kubernetes, combinant très forte disponibilité et tolérance
  199. aux pannes pour du calcul HPC optimisé.</p>
  200. </div>
  201. </div>
  202. </a>
  203. </div>
  204. <!--div class="col-lg-4 col-sm-6 portfolio-item div-center mb-4">
  205. <a href="portfolio_fr/cryptobot.html">
  206. <div class="card h-100 wow fadeInUp prdx-card" data-wow-duration="0.7s">
  207. <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/portfolio/cryptobot.png"
  208. alt="cryptobot logo">
  209. <div class="card-block z-depth-3">
  210. <h4 class="prdx-card-title">CryptoBot</h4>
  211. <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
  212. de façon autonome selon les critères choisis.</p>
  213. </div>
  214. </div>
  215. </a>
  216. </div-->
  217. </div>
  218. </div>
  219. <div class="flex-center">
  220. <div class="text-center prdx-btn-livetour-holder">
  221. <a class="btn btn-prdx-orange wow zoomIn smooth-scroll btn-prdx" href="#testimonials"
  222. data-wow-delay="0.3s " data-wow-duration="0.3s">Témoignages<i class="fa fa-angle-down ml-2"></i></a>
  223. <a class="btn btn-prdx-orange wow zoomIn btn-prdx" href="portfolio_accueil.html" data-wow-delay="0.3s"
  224. data-wow-duration="0.3s">Tout voir<i class="fa fa-chevron-circle-right ml-2"></i></a>
  225. </div>
  226. </div>
  227. <div class="prdx-section-auto-margin"></div>
  228. <svg id="bigHalfCircle" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
  229. <path d="M0 100 C40 0 60 0 100 100 Z" />
  230. </svg>
  231. </section>
  232. <section id="testimonials" class="d-flex">
  233. <div class="prdx-section-auto-margin"></div>
  234. <div class="container mb-4">
  235. <!-- Testimonials Section -->
  236. <div class="row prdx-section-heading">
  237. <a class="prdx-holder-anchor"><h2>Témoignages</h2></a>
  238. </div>
  239. <div class="row">
  240. <div class="col-md-4">
  241. <img class="card-img-top img-fluid prdx-card-img-testimonials prdx-card-img-rounded"
  242. src="assets/img/testimonials/brian_amedro.jpg" alt="Brian Amedro">
  243. </div>
  244. <div class="col-md-8 px-3">
  245. <div class="card-block px-3">
  246. <h5 class="card-title">Brian Amedro, Directeur technique à <a target="_blank" href="https://activeeon.com/">ActiveEon</a>
  247. </h5>
  248. <p class="card-text text-justify"><i class="fa fa-quote-left" aria-hidden="true"></i> Gaëtan est un
  249. ingénieur système très talentueux. Il s'adapte rapidement au besoins fonctionnels et techniques des projets,
  250. et délivre du travail de qualité. En tant qu'employé à ActiveEon, puis freelancer à pard0x, il a prouvé son expertise
  251. à plusieurs reprises en prenant en charge des projets compliqués et à marge réduite. Gaëtan est un freelancer enthousiaste sur qui
  252. l'on peut compter, et c'est toujours un plaisir de travailler avec lui.<i class="fa fa-quote-right"
  253. aria-hidden="true"></i></p>
  254. <a href="portfolio_fr/ae-platform.html">Voir le projet</a>
  255. </div>
  256. </div>
  257. </div>
  258. </div>
  259. <div class="container-fluid prdx-band-separator"></div>
  260. <div class="flex-center">
  261. <div class="text-center prdx-btn-livetour-holder">
  262. <a class="btn btn-prdx-blue wow zoomIn smooth-scroll btn-prdx" href="#contact" data-wow-delay="0.3s"
  263. data-wow-duration="0.3s">Contact<i class="fa fa-angle-down ml-2"></i></a>
  264. <a class="btn btn-prdx-blue wow zoomIn btn-prdx" href="temoignages.html" data-wow-delay="0.3s"
  265. data-wow-duration="0.3s">Tout voir<i class="fa fa-chevron-circle-right ml-2"></i></a>
  266. </div>
  267. </div>
  268. <div class="container-fluid prdx-band-separator"></div>
  269. <div class="prdx-section-auto-margin"></div>
  270. <svg id="trianglePath" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
  271. <path id="trianglePath1" d="M0 0 L50 100 L100 0 Z" />
  272. <path id="trianglePath2" d="M50 100 L100 40 L100 0 Z" />
  273. </svg>
  274. </section>
  275. <section id="contact" class="d-flex">
  276. <div class="prdx-section-auto-margin"></div>
  277. <div class="container">
  278. <!-- Contact Section -->
  279. <div class="row prdx-section-heading">
  280. <a class="prdx-holder-anchor"><h2>Contact</h2></a>
  281. </div>
  282. <div class="row mb-4">
  283. <div class="col-md-5 col-sm-6">
  284. <p>Vous avez une question à poser ou un projet à réaliser? Vous pouvez nous contacter sur nos adresses email respectives ou via le formulaire
  285. de contact ci-contre.</p>
  286. <table class="prxd-contact-table-home">
  287. <tbody>
  288. <tr>
  289. <td><i class="fa fa-envelope" aria-hidden="true"></i></td>
  290. <td style="padding-left: 1em;"><code><a href="mailto:zcoznztact@pard0zxz.cozm"
  291. rel="nofollow" target="_blank"
  292. onmouseover="this.href=this.href.replace(/z/g,'');">contact
  293. [at] pard0x.com</a></code></td>
  294. </tr>
  295. <tr>
  296. <td><i class="fa fa-key" aria-hidden="true"></i></td>
  297. <td style="padding-left: 1em;"><code><a target="_blank"
  298. href="https://pgp.mit.edu/pks/lookup?op=get&search=0xE687428A7578B6D1">7578B6D1</a></code>
  299. </td>
  300. </tr>
  301. </tbody>
  302. </table>
  303. <table class="mt-3">
  304. <tbody>
  305. <tr>
  306. <td><i class="fa fa-envelope" aria-hidden="true"></i></td>
  307. <td style="padding-left: 1em;"><code><a href="mailto:zviznzcent.kzzherbazchze@pard0zxz.cozm"
  308. rel="nofollow" target="_blank"
  309. onmouseover="this.href=this.href.replace(/z/g,'');">vincent.kherbache
  310. [at] pard0x.com</a></code></td>
  311. </tr>
  312. <tr>
  313. <td><i class="fa fa-key" aria-hidden="true"></i></td>
  314. <td style="padding-left: 1em;"><code><a target="_blank"
  315. href="https://pgp.mit.edu/pks/lookup?op=get&search=0x2DF101C084CC1C42">32A811E9</a></code>
  316. </td>
  317. </tr>
  318. </tbody>
  319. </table>
  320. <table class="mt-3">
  321. <tbody>
  322. <tr>
  323. <td><i class="fa fa-envelope" aria-hidden="true"></i></td>
  324. <td class="prdx-table-cell-lp-1"><code><a href="mailto:zgaetzanz.huzrzel@pard0zxz.cozm" rel="nofollow" target="_blank"
  325. onmouseover="this.href=this.href.replace(/z/g,'');">gaetan.hurel
  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 class="prdx-table-cell-lp-1"><code><a target="_blank"
  331. href="https://pgp.mit.edu/pks/lookup?op=get&search=0x2DF101C084CC1C42">84CC1C42</a></code>
  332. </td>
  333. </tr>
  334. </tbody>
  335. </table>
  336. </div>
  337. <div class="col-md-7 mb-3">
  338. <form name="sentMessage" id="contactForm" novalidate>
  339. <div class="md-form form-sm control-group">
  340. <i class="fa fa-user prefix grey-text"></i>
  341. <input type="text" class="form-control" id="name" required
  342. data-validation-required-message="Please enter your name.">
  343. <label for="name">Votre nom</label>
  344. <p class="help-block custom-help-block-pard0x"></p>
  345. </div>
  346. <div class="md-form form-sm control-group">
  347. <i class="fa fa-envelope prefix grey-text"></i>
  348. <input type="email" class="form-control" id="email" required
  349. data-validation-required-message="Please enter your email address.">
  350. <label for="email">Votre email</label>
  351. <p class="help-block custom-help-block-pard0x"></p>
  352. </div>
  353. <div class="md-form form-sm control-group">
  354. <i class="fa fa-tag prefix grey-text"></i>
  355. <input type="text" class="form-control" id="subject" required
  356. data-validation-required-message="Please enter a subject.">
  357. <label for="subject">Sujet</label>
  358. <p class="help-block custom-help-block-pard0x"></p>
  359. </div>
  360. <div class="md-form form-sm control-group">
  361. <i class="fa fa-pencil prefix grey-text"></i>
  362. <textarea id="message" class="md-textarea form-control" style="height: 100px" required
  363. data-validation-required-message="Please enter your message"></textarea>
  364. <label for="message">Message</label>
  365. <p class="help-block custom-help-block-pard0x"></p>
  366. </div>
  367. <div id="success"></div>
  368. <div class="text-center">
  369. <button type="submit" class="btn btn-prdx-orange" style="margin-bottom: 20px">Envoyer <i
  370. class="fa fa-paper-plane-o ml-1"></i></button>
  371. </div>
  372. </form>
  373. </div>
  374. </div>
  375. </div>
  376. <div class="prdx-section-auto-margin"></div>
  377. </section>
  378. </main>
  379. <!-- Footer -->
  380. <footer class="py-3 bg-inverse" id="footer">
  381. <div class="container mt-2 text-center text-md-left">
  382. <div class="row mt-3">
  383. <div class="col-md-3 col-lg-2 col-xl-2 mb-r text-white">
  384. <h6 class="title font-bold"><strong>Autres liens</strong></h6>
  385. <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
  386. <p><a target="_blank" href="https://gitea.pard0x.com" class="white-text">Notre Gitea</a></p>
  387. <p><a target="_blank" href="https://gitea.pard0x.com/pard0x/official-website/src/branch/master"
  388. class="white-text">Code source du site</a></p>
  389. <p><a href="./mentions_legales.html" class="white-text">Mentions légales</a></p>
  390. <p><a href="./sitemap.xml" class="white-text">Sitemap</a></p>
  391. </div>
  392. <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-r text-white">
  393. <h6 class="title font-bold"><strong>pard0x</strong></h6>
  394. <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
  395. <p>L'association de deux freelancers travaillant ensemble pour améliorer le monde informatisé des entreprises, organisations et particuliers.</p>
  396. </div>
  397. <div class="col-md-4 col-lg-3 col-xl-3 text-white">
  398. <h6 class="title font-bold"><strong>Contact</strong></h6>
  399. <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
  400. <p><i class="fa fa-home mr-3"></i> 10 Parc Club du Millenaire, 1025 avenue Henri Becquerel, 34000 Montpellier, France</p>
  401. <p><i class="fa fa-envelope mr-3"></i> <a class="text-white" href="mailto:conztzact@pard0zxz.cozm"
  402. rel="nofollow"
  403. onmouseover="this.href=this.href.replace(/z/g,'');">contact
  404. [at] pard0x.com</a></p>
  405. <p><i class="fa fa-phone mr-3"></i> +33 07 82 00 81 06</p>
  406. </div>
  407. </div>
  408. </div>
  409. <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"
  410. class="prdx-typo-footer">&nbsp; &copy; 2017-2018
  411. </p>
  412. </footer>
  413. <!-- Bootstrap core JavaScript -->
  414. <script src="vendor/jquery/jquery.min.js"></script>
  415. <script src="vendor/tether/tether.min.js"></script>
  416. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  417. <script src="vendor/mdb/js/mdb.min.js"></script>
  418. <script src="vendor/mdb/js/jarallax.js"></script>
  419. <!-- Contact form JavaScript -->
  420. <!-- 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. -->
  421. <script src="js/jqBootstrapValidation.js"></script>
  422. <script src="js/contact_me.js"></script>
  423. <!-- Pard0x Javascript -->
  424. <script src="js/custom.js"></script>
  425. </body>
  426. </html>