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.

home.html 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485
  1. <!DOCTYPE html>
  2. <html lang="en">
  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="pardOx is the association of two freelancers providing simple and secure solutions to enhance the IT world of corporations, organisations and private individuals.">
  9. <meta name="keywords" content="IT, cloud computing, mobile systems, 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="pardOx is the association of two freelancers providing simple and secure solutions to enhance the IT world of corporations, organisations and private individuals." />
  13. <meta property="og:url" content="https://www.pard0x.com/home.html" />
  14. <title>Home - IT, Cloud and IoT solutions | 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="home.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="#">Home</a>
  57. </li>
  58. <li class="nav-item">
  59. <a class="nav-link" href="about.html">About</a>
  60. </li>
  61. <li class="nav-item">
  62. <a class="nav-link" href="services.html">Services</a>
  63. </li>
  64. <li class="nav-item">
  65. <a class="nav-link" href="portfolio_home.html">Portfolio</a>
  66. </li>
  67. <li class="nav-item">
  68. <a class="nav-link" href="testimonials.html">Testimonials</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="#"><img src="assets/img/en_flag.png" alt="English language" class="lang-flag"></a>
  78. <a href="accueil.html"><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 in secure IT,<br/>efficient cloud
  111. and smart things.</h5>
  112. <br/>
  113. <a class="btn btn-outline-black btn-lg wow fadeIn smooth-scroll btn-prdx" href="#services"
  114. data-wow-delay="1s">What we do<i class="fa fa-angle-down ml-2"></i></a>
  115. <a class="btn btn-outline-black btn-lg wow fadeIn smooth-scroll btn-prdx" href="about.html"
  116. data-wow-delay="1s">Who we are<i class="fa fa-chevron-circle-right ml-2"></i></a>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <div class="prdx-section-auto-margin"></div>
  122. </section>
  123. <section id="services" class="d-flex">
  124. <div class="prdx-section-auto-margin"></div>
  125. <div class="container mb-4">
  126. <!-- Service Section -->
  127. <div class="row prdx-section-heading">
  128. <a class="prdx-holder-anchor"><h2>Our Expertise</h2></a>
  129. </div>
  130. <div class="row alert-blue">
  131. <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-2">
  132. <div class="card h-100 z-depth-5 wow fadeInLeft" data-wow-delay="0.3s" data-wow-duration="0.5s">
  133. <h4 class="card-header">IT and Infosec</h4>
  134. <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/what_we_do/it.jpg"
  135. alt="IT icon; created by Pablo A from the Noun Project">
  136. <div class="card-block z-depth-3">
  137. <p class="card-text"> We assist and provide consulting to IT teams, whether it be for
  138. implementing new functionalities, integrating hardened services or securing systems and
  139. data.</p>
  140. </div>
  141. </div>
  142. </div>
  143. <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-2">
  144. <div class="card h-100 z-depth-5 wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="0.5s">
  145. <h4 class="card-header">Cloud computing</h4>
  146. <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/what_we_do/cloud.jpg"
  147. alt="Cloud computing icon; created by Symbolon from the Noun Project">
  148. <div class="card-block z-depth-3">
  149. <p class="card-text">We devise advanced cloud solutions leveraging
  150. orchestrated virtualization, to efficiently handle huge workloads or to deploy services
  151. with high availabity.</p>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-2">
  156. <div class="card h-100 z-depth-5 wow fadeInRight" data-wow-delay="0.3s" data-wow-duration="0.5s">
  157. <h4 class="card-header">Smart systems</h4>
  158. <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/what_we_do/iot1.jpg"
  159. alt="Mobile systems icon; created by Davo Sime from the Noun Project.">
  160. <div class="card-block z-depth-3">
  161. <p class="card-text">We provide solutions for mobile and smart systems, including innovative
  162. technologies such as blockchain-based networks and smart contracts management.</p>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. </div>
  168. <div class="container-fluid prdx-band-separator ss-style-roundedsplit"></div>
  169. <div class="flex-center">
  170. <div class="text-center prdx-btn-livetour-holder">
  171. <a class="btn btn-prdx-blue wow zoomIn smooth-scroll btn-prdx" href="#portfolio"
  172. data-wow-delay="0.3s" data-wow-duration="0.3s">Portfolio<i
  173. class="fa fa-angle-down ml-2"></i></a>
  174. <a class="btn btn-prdx-blue wow zoomIn btn-prdx" href="services.html" data-wow-delay="0.3s"
  175. data-wow-duration="0.3s">See more<i class="fa fa-chevron-circle-right ml-2"></i></a>
  176. </div>
  177. </div>
  178. <div class="container-fluid prdx-band-separator"></div>
  179. <div class="prdx-section-auto-margin"></div>
  180. </section>
  181. <section id="portfolio" class="d-flex">
  182. <div style="height:48px; background-color: white;"></div>
  183. <svg id="bigHalfCircleReverse" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="80"
  184. viewBox="0 0 100 100" preserveAspectRatio="none">
  185. <path d="M0 0 C40 100 60 100 100 0 Z"/>
  186. </svg>
  187. <div class="prdx-section-auto-margin"></div>
  188. <div class="container mb-4">
  189. <!-- Portfolio Section -->
  190. <div class="row prdx-section-heading">
  191. <a class="prdx-holder-anchor"><h2>Portfolio </h2></a>
  192. </div>
  193. <div class="row">
  194. <div class="col-lg-4 col-sm-6 portfolio-item div-center mb-4">
  195. <a href="portfolio_en/ae-platform.html">
  196. <div class="card h-100 wow fadeInLeft prdx-card" data-wow-duration="0.7s">
  197. <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/portfolio/activeeon.png"
  198. alt="ActiveEon logo">
  199. <div class="card-block z-depth-3">
  200. <h4 class="prdx-card-title">AE Automation Platform</h4>
  201. <p class="card-text">A cloud-based platform built on Azure IaaS with Kubernetes,
  202. combining high-availability and fault tolerance for optimised HPC.</p>
  203. </div>
  204. </div>
  205. </a>
  206. </div>
  207. <!--div class="col-lg-4 col-sm-6 portfolio-item div-center mb-4">
  208. <a href="portfolio_en/cryptobot.html">
  209. <div class="card h-100 wow fadeInUp prdx-card" data-wow-duration="0.7s">
  210. <img class="card-img-top img-fluid prdx-card-img" src="./assets/img/portfolio/cryptobot.png"
  211. alt="cryptobot logo">
  212. <div class="card-block z-depth-3">
  213. <h4 class="prdx-card-title">CryptoBot</h4>
  214. <p class="card-text">A Node.js bot leveraging the Bittrex platform API to perform
  215. autonomous trading of crypto-currencies with pre-defined criteria.</p>
  216. </div>
  217. </div>
  218. </a>
  219. </div-->
  220. </div>
  221. </div>
  222. <div class="flex-center">
  223. <div class="text-center prdx-btn-livetour-holder">
  224. <a class="btn btn-prdx-orange wow zoomIn smooth-scroll btn-prdx" href="#testimonials"
  225. data-wow-delay="0.3s " data-wow-duration="0.3s">Testimonials<i class="fa fa-angle-down ml-2"></i></a>
  226. <a class="btn btn-prdx-orange wow zoomIn btn-prdx" href="portfolio_home.html" data-wow-delay="0.3s"
  227. data-wow-duration="0.3s">See all<i class="fa fa-chevron-circle-right ml-2"></i></a>
  228. </div>
  229. </div>
  230. <div class="prdx-section-auto-margin"></div>
  231. <svg id="bigHalfCircle" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="80"
  232. viewBox="0 0 100 100" preserveAspectRatio="none">
  233. <path d="M0 100 C40 0 60 0 100 100 Z"/>
  234. </svg>
  235. </section>
  236. <section id="testimonials" class="d-flex">
  237. <div class="prdx-section-auto-margin"></div>
  238. <div class="container mb-4">
  239. <!-- Testimonials Section -->
  240. <div class="row prdx-section-heading">
  241. <a class="prdx-holder-anchor"><h2>Testimonials</h2></a>
  242. </div>
  243. <div class="row">
  244. <div class="col-md-4">
  245. <img class="card-img-top img-fluid prdx-card-img-testimonials prdx-card-img-rounded"
  246. src="assets/img/testimonials/brian_amedro.jpg" alt="Brian Amedro">
  247. </div>
  248. <div class="col-md-8 px-3">
  249. <div class="card-block px-3">
  250. <h5 class="card-title">Brian Amedro, CTO at <a target="_blank" href="https://activeeon.com/">ActiveEon</a>
  251. </h5>
  252. <p class="card-text text-justify"><i class="fa fa-quote-left" aria-hidden="true"></i> Gaetan is
  253. a very talented system engineer. He adapts very quickly to projects’ technical and
  254. functional needs and delivers a very high quality work. As an Activeeon employee, then as a
  255. freelancer with pard0x, he proved several times his skills, being in charge of complex time
  256. constrainted projects. Gaetan is a confident, hard worker and enthusiastic person. It is
  257. always a great pleasure to work with him. <i class="fa fa-quote-right"
  258. aria-hidden="true"></i></p>
  259. <a href="portfolio_en/ae-platform.html">See related project</a>
  260. </div>
  261. </div>
  262. </div>
  263. </div>
  264. <div class="container-fluid prdx-band-separator"></div>
  265. <div class="flex-center">
  266. <div class="text-center prdx-btn-livetour-holder">
  267. <a class="btn btn-prdx-blue wow zoomIn smooth-scroll btn-prdx" href="#contact" data-wow-delay="0.3s"
  268. data-wow-duration="0.3s">Contact<i class="fa fa-angle-down ml-2"></i></a>
  269. <a class="btn btn-prdx-blue wow zoomIn btn-prdx" href="testimonials.html" data-wow-delay="0.3s"
  270. data-wow-duration="0.3s">See all<i class="fa fa-chevron-circle-right ml-2"></i></a>
  271. </div>
  272. </div>
  273. <div class="container-fluid prdx-band-separator"></div>
  274. <div class="prdx-section-auto-margin"></div>
  275. <svg id="trianglePath" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100"
  276. viewBox="0 0 100 100" preserveAspectRatio="none">
  277. <path id="trianglePath1" d="M0 0 L50 100 L100 0 Z"/>
  278. <path id="trianglePath2" d="M50 100 L100 40 L100 0 Z"/>
  279. </svg>
  280. </section>
  281. <section id="contact" class="d-flex">
  282. <div class="prdx-section-auto-margin"></div>
  283. <div class="container">
  284. <!-- Contact Section -->
  285. <div class="row prdx-section-heading">
  286. <a class="prdx-holder-anchor"><h2>Contact</h2></a>
  287. </div>
  288. <div class="row mb-4">
  289. <div class="col-md-5 col-sm-6">
  290. <p>You have a question to ask or a project to carry out? You can contact us using our respective
  291. email
  292. address or using this contact form.</p>
  293. <table class="prxd-contact-table-home">
  294. <tbody>
  295. <tr>
  296. <td><i class="fa fa-envelope" aria-hidden="true"></i></td>
  297. <td style="padding-left: 1em;"><code><a href="mailto:zcoznztact@pard0zxz.cozm"
  298. rel="nofollow" target="_blank"
  299. onmouseover="this.href=this.href.replace(/z/g,'');">contact
  300. [at] pard0x.com</a></code></td>
  301. </tr>
  302. <tr>
  303. <td><i class="fa fa-key" aria-hidden="true"></i></td>
  304. <td style="padding-left: 1em;"><code><a target="_blank"
  305. href="https://pgp.mit.edu/pks/lookup?op=get&search=0xE687428A7578B6D1">7578B6D1</a></code>
  306. </td>
  307. </tr>
  308. </tbody>
  309. </table>
  310. <table class="mt-3">
  311. <tbody>
  312. <tr>
  313. <td><i class="fa fa-envelope" aria-hidden="true"></i></td>
  314. <td style="padding-left: 1em;"><code><a href="mailto:zviznzcentzz.kzherbzzache@pard0zxz.cozm"
  315. rel="nofollow" target="_blank"
  316. onmouseover="this.href=this.href.replace(/z/g,'');">vincent.kherbache
  317. [at] pard0x.com</a></code></td>
  318. </tr>
  319. <tr>
  320. <td><i class="fa fa-key" aria-hidden="true"></i></td>
  321. <td style="padding-left: 1em;"><code><a target="_blank"
  322. href="https://pgp.mit.edu/pks/lookup?op=get&search=0x2DF101C084CC1C42">32A811E9</a></code>
  323. </td>
  324. </tr>
  325. </tbody>
  326. </table>
  327. <table class="mt-3">
  328. <tbody>
  329. <tr>
  330. <td><i class="fa fa-envelope" aria-hidden="true"></i></td>
  331. <td class="prdx-table-cell-lp-1"><code><a href="mailto:zgaeztanz.huzrel@pard0zxz.cozm" rel="nofollow" target="_blank"
  332. onmouseover="this.href=this.href.replace(/z/g,'');">gaetan.hurel
  333. [at] pard0x.com</a></code></td>
  334. </tr>
  335. <tr>
  336. <td><i class="fa fa-key" aria-hidden="true"></i></td>
  337. <td class="prdx-table-cell-lp-1"><code><a target="_blank"
  338. href="https://pgp.mit.edu/pks/lookup?op=get&search=0x2DF101C084CC1C42">84CC1C42</a></code>
  339. </td>
  340. </tr>
  341. </tbody>
  342. </table>
  343. </div>
  344. <div class="col-md-7 mb-3">
  345. <form name="sentMessage" id="contactForm" novalidate>
  346. <div class="md-form form-sm control-group">
  347. <i class="fa fa-user prefix grey-text"></i>
  348. <input type="text" class="form-control" id="name" required
  349. data-validation-required-message="Please enter your name.">
  350. <label for="name">Your name</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-envelope prefix grey-text"></i>
  355. <input type="email" class="form-control" id="email" required
  356. data-validation-required-message="Please enter your email address.">
  357. <label for="email">Your email</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-tag prefix grey-text"></i>
  362. <input type="text" class="form-control" id="subject" required
  363. data-validation-required-message="Please enter a subject.">
  364. <label for="subject">Subject</label>
  365. <p class="help-block custom-help-block-pard0x"></p>
  366. </div>
  367. <div class="md-form form-sm control-group">
  368. <i class="fa fa-pencil prefix grey-text"></i>
  369. <textarea id="message" class="md-textarea form-control" style="height: 100px" required
  370. data-validation-required-message="Please enter your message"></textarea>
  371. <label for="message">Your message</label>
  372. <p class="help-block custom-help-block-pard0x"></p>
  373. </div>
  374. <div id="success"></div>
  375. <div class="text-center">
  376. <button type="submit" class="btn btn-prdx-orange" style="margin-bottom: 20px">Send <i
  377. class="fa fa-paper-plane-o ml-1"></i></button>
  378. </div>
  379. </form>
  380. </div>
  381. </div>
  382. </div>
  383. <div class="prdx-section-auto-margin"></div>
  384. </section>
  385. </main>
  386. <!-- Footer -->
  387. <footer class="py-3 bg-inverse" id="footer">
  388. <div class="container mt-2 text-center text-md-left">
  389. <div class="row mt-3">
  390. <div class="col-md-3 col-lg-2 col-xl-2 mb-r text-white">
  391. <h6 class="title font-bold"><strong>Other links</strong></h6>
  392. <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
  393. <p><a target="_blank" href="https://gitea.pard0x.com" class="white-text">Our Gitea</a></p>
  394. <p><a target="_blank" href="https://gitea.pard0x.com/pard0x/official-website/src/branch/master"
  395. class="white-text">Site source code</a></p>
  396. <p><a href="./legal_mentions.html" class="white-text">Legal mentions</a></p>
  397. <p><a href="./sitemap.xml" class="white-text">Sitemap</a></p>
  398. </div>
  399. <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-r text-white">
  400. <h6 class="title font-bold"><strong>pard0x</strong></h6>
  401. <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
  402. <p>The union of two freelancers working together to enhance the information world of private
  403. individuals,
  404. associations and corporates.</p>
  405. </div>
  406. <div class="col-md-4 col-lg-3 col-xl-3 text-white">
  407. <h6 class="title font-bold"><strong>Contact</strong></h6>
  408. <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
  409. <p><i class="fa fa-home mr-3"></i> 10 Parc Club du Millenaire, 1025 avenue Henri Becquerel, 34000
  410. Montpellier, France</p>
  411. <p><i class="fa fa-envelope mr-3"></i> <a class="text-white" href="mailto:conztzact@pard0zxz.cozm"
  412. rel="nofollow"
  413. onmouseover="this.href=this.href.replace(/z/g,'');">contact
  414. [at] pard0x.com</a></p>
  415. <p><i class="fa fa-phone mr-3"></i> +33 07 82 00 81 06</p>
  416. </div>
  417. </div>
  418. </div>
  419. <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"
  420. class="prdx-typo-footer">&nbsp;; &copy; 2017-2018
  421. </p>
  422. </footer>
  423. <!-- Bootstrap core JavaScript -->
  424. <script src="vendor/jquery/jquery.min.js"></script>
  425. <script src="vendor/tether/tether.min.js"></script>
  426. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  427. <script src="vendor/mdb/js/mdb.min.js"></script>
  428. <script src="vendor/mdb/js/jarallax.js"></script>
  429. <!-- Contact form JavaScript -->
  430. <!-- 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. -->
  431. <script src="js/jqBootstrapValidation.js"></script>
  432. <script src="js/contact_me.js"></script>
  433. <!-- Pard0x Javascript -->
  434. <script src="js/custom.js"></script>
  435. </body>
  436. </html>