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.

prestations.html 9.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description"
  7. content="pard0x fournit des solutions simples et sécurisées pour les infrastructures IT, le cloud computing et les systèmes intelligents.">
  8. <meta name="keywords" content="prestations, sécurité, IT, cloud computing, systemes intelligents, pard0x">
  9. <title>Prestations - Nos services et notre expertise | pard0x</title>
  10. <!-- pard0x favicon © -->
  11. <link rel="icon" type="image/png" href="./assets/logo/logo_favicon.png" sizes="32x32"/>
  12. <!-- Bootstrap core CSS -->
  13. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  14. <link href="vendor/mdb/css/mdb.min.css" rel="stylesheet">
  15. <!-- Modern-business CSS -->
  16. <link href="css/modern-business.css" rel="stylesheet">
  17. <!-- Pard0x CSS -->
  18. <link href="css/custom.css" rel="stylesheet">
  19. <!-- Font Awesome -->
  20. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
  21. <!-- Temporary navbar container fix -->
  22. <style>
  23. .navbar-toggler {
  24. z-index: 1;
  25. }
  26. @media (max-width: 576px) {
  27. nav > .container {
  28. width: 100%;
  29. }
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <header>
  35. <!-- Navigation -->
  36. <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse top-nav-collapse">
  37. <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
  38. data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false"
  39. aria-label="Toggle navigation">
  40. <span class="navbar-toggler-icon"></span>
  41. </button>
  42. <div class="container">
  43. <a class="navbar-brand animated infinite pulse" href="accueil.html"><img class="prdx-navbar-logo"
  44. src="./assets/logo/logo_white-64.png"
  45. alt="pard0x logo"></a>
  46. <div class="collapse navbar-collapse" id="navbarExample">
  47. <ul class="navbar-nav ml-auto">
  48. <li class="nav-item">
  49. <a class="nav-link" href="accueil.html">Accueil</a>
  50. </li>
  51. <li class="nav-item">
  52. <a class="nav-link" href="apropos.html">À propos</a>
  53. </li>
  54. <li class="nav-item">
  55. <a class="nav-link" href="prestations.html">Prestations</a>
  56. </li>
  57. <li class="nav-item">
  58. <a class="nav-link" href="portfolio_accueil.html">Portfolio</a>
  59. </li>
  60. <li class="nav-item">
  61. <a class="nav-link" href="temoignages.html">Témoignages</a>
  62. </li>
  63. <li class="nav-item">
  64. <a class="nav-link smooth-scroll" href="accueil.html#contact">Contact</a>
  65. </li>
  66. <!-- Place holder for better rendering of Language flags -->
  67. <li class="nav-item" style="padding-left: 10px; padding-right: 10px;">
  68. </li>
  69. <li class="nav-item">
  70. <a href="services.html"><img src="assets/img/en_flag.png" alt="English language"
  71. class="lang-flag"></a>
  72. <a href="#"><img src="assets/img/fr_flag.png" alt="Langage français"
  73. class="lang-flag"></a>
  74. </li>
  75. </ul>
  76. </div>
  77. </div>
  78. </nav>
  79. </header>
  80. <!-- Page Content -->
  81. <main id="main-site-area">
  82. <div class="container mb-2">
  83. <!-- Page Heading/Breadcrumbs -->
  84. <h1 class="mt-4 mb-3">Prestations</h1>
  85. <ol class="breadcrumb">
  86. <li class="breadcrumb-item">
  87. <a href="accueil.html">Accueil</a>
  88. </li>
  89. <li class="breadcrumb-item active">Prestations</li>
  90. </ol>
  91. <!-- Image Header -->
  92. <div class="div-center">
  93. <img class="img-fluid rounded mb-4 animated zoomIn prdx-svc-img" src="./assets/img/what_we_do/prestations.svg"
  94. alt="pard0x services">
  95. </div>
  96. <!-- Description Content -->
  97. <div class="row div-center">
  98. <div class="col-lg-6 div-center">
  99. Nos prestations incluent sans s'y limiter:
  100. <ul>
  101. <li>Configuration et sécurisation des systèmes, services et données</li>
  102. <li>Solutions cloud et plans de migrations</li>
  103. <li>Technologies blockchain et applications</li>
  104. <li>Développement de frameworks pour systèmes mobiles et intelligents</li>
  105. <li>Conseil, audit de sécurité, investigation et plan de recouvrement</li>
  106. </ul>
  107. <br>
  108. <p>
  109. Nous vivons dans une ère cybernétique. La majorité des organisations se basent sur l'informatique
  110. pour répondre
  111. à leur besoins variés. Bénéficier d'un parc IT robuste et fonctionnel, gérer de lourdes de tâches de
  112. calcul, travailler
  113. de n'importe où, sont maintenant devenus les piliers d'une productivité de qualité.
  114. <br><br>
  115. Dans cette optique, nous décidons à <img alt="pard0x logo" src="assets/logo/pard0x_typo_black.png"
  116. class="prdx-inline-typo"> d'employer une approche
  117. holistique lorsque nous résolvons les problèmes
  118. qui nous sont donnés. Tandis que chacun de ces besoins pourraient être satisfait par des services
  119. indépendants mais isolés, nous croyons que mettre
  120. ces derniers en interaction apporte une réelle plus value.
  121. <br><br>
  122. Nous ne faisons pas que construire des programmes qui fonctionnent. Nous trouvons des idées et les
  123. concrétisons en solutions qui aident.
  124. </p>
  125. </div>
  126. </div>
  127. <!-- /.row -->
  128. <br>
  129. </div>
  130. <!-- /.container -->
  131. </main>
  132. <!-- Footer -->
  133. <footer class="py-3 bg-inverse" id="footer">
  134. <div class="container mt-2 text-center text-md-left">
  135. <div class="row mt-3">
  136. <div class="col-md-3 col-lg-2 col-xl-2 mb-r text-white">
  137. <h6 class="title font-bold"><strong>Autres liens</strong></h6>
  138. <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
  139. <p><a target="_blank" href="https://gitea.pard0x.com" class="white-text">Notre Gitea</a></p>
  140. <p><a target="_blank" href="https://gitea.pard0x.com/pard0x/official-website/src/branch/master"
  141. class="white-text">Code source du site</a></p>
  142. <p><a href="./mentions_legales.html" class="white-text">Mentions légales</a></p>
  143. <p><a href="./sitemap.xml" class="white-text">Sitemap</a></p>
  144. </div>
  145. <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-r text-white">
  146. <h6 class="title font-bold"><strong>pard0x</strong></h6>
  147. <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
  148. <p>L'association de deux freelancers travaillant ensemble pour améliorer le monde informatisé des
  149. entreprises, organisations et particuliers.</p>
  150. </div>
  151. <div class="col-md-4 col-lg-3 col-xl-3 text-white">
  152. <h6 class="title font-bold"><strong>Contact</strong></h6>
  153. <hr class="blue mb-4 mt-0 d-inline-block mx-auto prdx-footer-title">
  154. <p><i class="fa fa-home mr-3"></i> 10 Parc Club du Millenaire, 1025 avenue Henri Becquerel, 34000
  155. Montpellier, France</p>
  156. <p><i class="fa fa-envelope mr-3"></i> <a class="text-white" href="mailto:conztzact@pard0zxz.cozm"
  157. rel="nofollow"
  158. onmouseover="this.href=this.href.replace(/z/g,'');">contact
  159. [at] pard0x.com</a></p>
  160. <p><i class="fa fa-phone mr-3"></i> +33 07 82 00 81 06</p>
  161. </div>
  162. </div>
  163. </div>
  164. <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"
  165. class="prdx-typo-footer">&nbsp; &copy; 2017-2018
  166. </p>
  167. </footer>
  168. <!-- Bootstrap core JavaScript -->
  169. <script src="vendor/jquery/jquery.min.js"></script>
  170. <script src="vendor/tether/tether.min.js"></script>
  171. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  172. <script src="vendor/mdb/js/mdb.min.js"></script>
  173. <script src="vendor/mdb/js/jarallax.js"></script>
  174. <!-- Pard0x Javascript -->
  175. <script src="js/custom.js"></script>
  176. </body>
  177. </html>