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.

legal_mentions.html 9.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
  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" content="Additional information and legal mentions of the pard0x freelancers association.">
  8. <meta name="keywords" content="IT, cloud computing, mobile systems, IoT, legal, pard0x">
  9. <title>Legal mentions | pard0x</title>
  10. <!-- pard0x favicon © -->
  11. <link rel="icon" type="image/png" href="./assets/logo/logo_favicon.png" sizes="32x32"/>
  12. <!-- pard0x favicon © -->
  13. <link rel="icon" type="image/png" href="./assets/logo/logo_favicon.png" sizes="32x32"/>
  14. <!-- Bootstrap core CSS -->
  15. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  16. <link href="vendor/mdb/css/mdb.min.css" rel="stylesheet">
  17. <!-- Modern-business CSS -->
  18. <link href="css/modern-business.css" rel="stylesheet">
  19. <!-- Pard0x CSS -->
  20. <link href="css/custom.css" rel="stylesheet">
  21. <!-- Font Awesome -->
  22. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  23. <!-- Temporary navbar container fix -->
  24. <style>
  25. .navbar-toggler {
  26. z-index: 1;
  27. }
  28. @media (max-width: 576px) {
  29. nav > .container {
  30. width: 100%;
  31. }
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <header>
  37. <!-- Navigation -->
  38. <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse top-nav-collapse">
  39. <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
  40. data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false"
  41. aria-label="Toggle navigation">
  42. <span class="navbar-toggler-icon"></span>
  43. </button>
  44. <div class="container">
  45. <a class="navbar-brand animated infinite pulse" href="home.html"><img class="prdx-navbar-logo"
  46. src="./assets/logo/logo_white-64.png"
  47. alt="pard0x logo"></a>
  48. <div class="collapse navbar-collapse" id="navbarExample">
  49. <ul class="navbar-nav ml-auto">
  50. <li class="nav-item">
  51. <a class="nav-link" href="home.html">Home</a>
  52. </li>
  53. <li class="nav-item">
  54. <a class="nav-link" href="about.html">About</a>
  55. </li>
  56. <li class="nav-item">
  57. <a class="nav-link" href="services.html">Services</a>
  58. </li>
  59. <li class="nav-item">
  60. <a class="nav-link" href="portfolio_home.html">Portfolio</a>
  61. </li>
  62. <li class="nav-item">
  63. <a class="nav-link" href="testimonials.html">Testimonials</a>
  64. </li>
  65. <li class="nav-item">
  66. <a class="nav-link" href="home.html#contact">Contact</a>
  67. </li>
  68. <!-- Place holder for better rendering of Language flags -->
  69. <li class="nav-item" style="padding-left: 10px; padding-right: 10px;">
  70. </li>
  71. <li class="nav-item">
  72. <a href="#"><img src="assets/img/en_flag.png" alt="English language" class="lang-flag"></a>
  73. <a href="mentions_legales.html"><img src="assets/img/fr_flag.png" alt="Langage français"
  74. class="lang-flag"></a>
  75. </li>
  76. </ul>
  77. </div>
  78. </div>
  79. </nav>
  80. </header>
  81. <!-- Page Content -->
  82. <main id="main-site-area">
  83. <div class="container pb-4 mb-4">
  84. <!-- Page Heading/Breadcrumbs -->
  85. <h1 class="mt-4 mb-3">Legal mentions</h1>
  86. <ol class="breadcrumb">
  87. <li class="breadcrumb-item">
  88. <a href="home.html">Home</a>
  89. </li>
  90. <li class="breadcrumb-item active">Legal mentions</li>
  91. </ol>
  92. <img alt="pard0x logo" src="assets/logo/pard0x_typo_black.png" class="pard0x-typo-medium mt-4 mb-1">
  93. <div class="row mt-3">
  94. <div class="col-lg-12 mb-2">
  95. [TBA]
  96. </div>
  97. </div>
  98. <h3 class="mt-4 mb-2">Freelancers</h3>
  99. <div class="row">
  100. <table class="table mb-3" style="width: 90%; margin: auto; border: 1px lightgrey">
  101. <thead>
  102. <tr>
  103. <th></th>
  104. <th><strong>Vincent Kherbache</strong></th>
  105. <th><strong>Gaëtan Hurel</strong></th>
  106. </tr>
  107. </thead>
  108. <tbody>
  109. <tr>
  110. <td><i class="fa fa-info-circle" aria-hidden="true"></i></td>
  111. <td>[TBA]</td>
  112. <td>Gaëtan Hurel Conseil<br>French Entreprise Individuelle</td>
  113. </tr>
  114. <tr>
  115. <td><i class="fa fa-id-card" aria-hidden="true"></i></td>
  116. <td>[TBA]</td>
  117. <td>SIRET 834 666 489 00010</td>
  118. </tr>
  119. <tr>
  120. <td><i class="fa fa-location-arrow" aria-hidden="true"></i></td>
  121. <td>[TBA]</td>
  122. <td>10 Parc Club du Millenaire<br>1025 avenue Henri Becquerel<br>34000 Montpellier</td>
  123. </tr>
  124. <tr>
  125. <td><i class="fa fa-envelope" aria-hidden="true"></i></td>
  126. <td><code><a href="mailto:zvinzcentz@pazrdz0x.cozm" rel="nofollow"
  127. onmouseover="this.href=this.href.replace(/z/g,'');">vincent [at] pard0x.com</a></code>
  128. </td>
  129. <td><code><a href="mailto:zgzz@pazrdz0x.cozm" rel="nofollow"
  130. onmouseover="this.href=this.href.replace(/z/g,'');">g [at] pard0x.com</a></code></td>
  131. </tr>
  132. </tbody>
  133. </table>
  134. </div>
  135. <h3 class="mt-4 mb-3">Privacy considerations</h3>
  136. <div class="row">
  137. <div class="col-lg-12">
  138. <p>We do not transmit any information to third-party entities. The only data our web server engine keeps
  139. track of is:</p>
  140. <ul>
  141. <li>date and access time;</li>
  142. <li>IP address;</li>
  143. <li>accessed pages;</li>
  144. <li>browser's user-agent.</li>
  145. </ul>
  146. </div>
  147. </div>
  148. </div>
  149. </main>
  150. <!-- Footer -->
  151. <footer class="py-3 bg-inverse" id="footer">
  152. <div class="container mt-2 text-center text-md-left">
  153. <div class="row mt-3">
  154. <div class="col-md-3 col-lg-2 col-xl-2 mb-r text-white">
  155. <h6 class="title font-bold"><strong>Other links</strong></h6>
  156. <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
  157. <p><a target="_blank" href="https://gitea.pard0x.com" class="white-text">Our Gitea</a></p>
  158. <p><a target="_blank" href="https://gitea.pard0x.com/pard0x/official-website/src/branch/master"
  159. class="white-text">Site source code</a></p>
  160. <p><a href="#" class="white-text">Legal mentions</a></p>
  161. <p><a href="./sitemap.xml" class="white-text">Sitemap</a></p>
  162. </div>
  163. <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-r text-white">
  164. <h6 class="title font-bold"><strong>pard0x</strong></h6>
  165. <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
  166. <p>The union of two freelancers working together to enhance the IT world of private individuals,
  167. associations and corporates.</p>
  168. </div>
  169. <div class="col-md-4 col-lg-3 col-xl-3 text-white">
  170. <h6 class="title font-bold"><strong>Contact</strong></h6>
  171. <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
  172. <p><i class="fa fa-home mr-3"></i> 10 Parc Club du Millenaire, 1025 avenue Henri Becquerel, 34000
  173. Montpellier, France</p>
  174. <p><i class="fa fa-envelope mr-3"></i> <a class="text-white" href="mailto:conztzact@pard0zxz.cozm"
  175. rel="nofollow"
  176. onmouseover="this.href=this.href.replace(/z/g,'');">contact
  177. [at] pard0x.com</a></p>
  178. <p><i class="fa fa-phone mr-3"></i> +33 07 82 00 81 06</p>
  179. </div>
  180. </div>
  181. </div>
  182. <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"
  183. class="prdx-typo-footer">&nbsp; &copy; 2017-2018
  184. </p>
  185. </footer>
  186. <!-- Bootstrap core JavaScript -->
  187. <script src="vendor/jquery/jquery.min.js"></script>
  188. <script src="vendor/tether/tether.min.js"></script>
  189. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  190. <script src="vendor/mdb/js/mdb.min.js"></script>
  191. <script src="vendor/mdb/js/jarallax.js"></script>
  192. <!-- Contact form JavaScript -->
  193. <!-- 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. -->
  194. <script src="js/jqBootstrapValidation.js"></script>
  195. <script src="js/contact_me.js"></script>
  196. <!-- Pard0x Javascript -->
  197. <script src="js/custom.js"></script>
  198. </body>
  199. </html>