cv.html 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  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. <!-- Page description -->
  7. <meta name="description" content="The official website of Jovian Hersemeule.">
  8. <meta name="author" content="Jovian Hersemeule">
  9. <!-- Style sheet -->
  10. <link href="css/custom/main.css" rel="stylesheet">
  11. <link href="css/bootstrap.css" rel="stylesheet">
  12. <title>CV - Jovian Hersemeule</title>
  13. </head>
  14. <body>
  15. <!-- Navbar -->
  16. <nav class="navbar navbar-expand-md navbar-dark bg-success fixed-top">
  17. <a class="navbar-brand" href="home.html">Jovian Hersemeule</a>
  18. <ul class="navbar-nav mr-auto">
  19. <li class="nav-item">
  20. <a class="nav-link" href="home.html">Accueil</a>
  21. </li>
  22. <li class="nav-item active">
  23. <a class="nav-link" href="#">CV</a>
  24. </li>
  25. <li class="nav-item dropdown">
  26. <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
  27. aria-haspopup="true" aria-expanded="false">Projets de programmation</a>
  28. <div class="dropdown-menu" aria-labelledby="dropdown01">
  29. <a class="dropdown-item" href="#">Jovian Website</a>
  30. <a class="dropdown-item" href="#">ASCII Space Destroyer</a>
  31. <a class="dropdown-item" href="#">Pulsar</a>
  32. </div>
  33. </li>
  34. </ul>
  35. </nav>
  36. <main role="main" class="container">
  37. <div class="focus-center">
  38. <h1>
  39. CV
  40. </h1>
  41. <h2>
  42. Curriculum Vitae
  43. </h2>
  44. </div>
  45. <div class="row">
  46. <div class="col-lg-12 col-xl-6">
  47. <h1>Formation</h1>
  48. <div class="row">
  49. <!-- Centrale -->
  50. <div class="col-4">
  51. 2017 - aujourd'hui
  52. </div>
  53. <div class="col-8">
  54. <b>École Centrale</b> – <em>Nantes</em>
  55. <br/>
  56. Formation ingénieur généraliste
  57. </div>
  58. <!-- Chateaubriand -->
  59. <div class="col-4">
  60. 2015 - 2017
  61. </div>
  62. <div class="col-8">
  63. <b>Lycée Chateaubriand</b> : Classe Préparatoire Grandes Écoles – <em>Rennes</em>
  64. <br/>
  65. Filière MPSI (Maths Physique Sciences de l'Ingénieur) – MP* (Maths Physique)
  66. <br/>
  67. option informatique
  68. </div>
  69. <!-- Réaumur -->
  70. <div class="col-4">
  71. juin 2015
  72. </div>
  73. <div class="col-8">
  74. <b>Lycée Réaumur</b> – <em>Laval</em>
  75. <br/>
  76. Baccalauréat Scientifique spécialité Sciences de l'Ingénieur
  77. <br/>
  78. mention Très Bien
  79. </div>
  80. </div>
  81. </div>
  82. <div class="col-lg-12 col-xl-6">
  83. <h1>Expériences</h1>
  84. <div class="row">
  85. <div class="col-lg-12 col-xl-6">
  86. <h2>Monde de l'entreprise</h2>
  87. <!-- LTI -->
  88. <div class="col-4">
  89. étés 2016-17
  90. </div>
  91. <div class="row">
  92. <div class="col-8">
  93. <b>LTI</b> : La Technique Industrielle – <em>Bain de Bretagne</em>
  94. <br/>
  95. job d'été en intérimaire
  96. <br/>
  97. assistant métallier
  98. </div>
  99. </div>
  100. <!-- ARA-Technology -->
  101. <div class="col-4">
  102. avril 2014
  103. </div>
  104. <div class="row">
  105. <div class="col-8">
  106. <b>ARA-Technology</b> – <em>Laval</em>
  107. stage d'observation
  108. <br/>
  109. start-up spécialisée en
  110. réalité augmentée sur supports
  111. mobiles (développement sur Unity)
  112. </div>
  113. </div>
  114. <!-- Le Cube -->
  115. <div class="col-4">
  116. mai 2012
  117. </div>
  118. <div class="row">
  119. <div class="col-8">
  120. <b>Le Cube</b> – <em>St Denis de Gastines</em>
  121. stage d'observation
  122. <br/>
  123. studio d'enregistrement de musique
  124. </div>
  125. </div>
  126. <!-- AutoCast Industry -->
  127. <div class="col-4">
  128. juin 2011
  129. </div>
  130. <div class="row">
  131. <div class="col-8">
  132. <b>AutoCast Industry</b> – <em>Laval</em>
  133. stage d'observation
  134. <br/>
  135. fonderie de pièces automobiles
  136. </div>
  137. </div>
  138. </div>
  139. <div class="col-lg-12 col-xl-6">
  140. <h2>Projets scolaires</h2>
  141. <!-- TIPE -->
  142. <div class="col-4">
  143. 2016-2017
  144. </div>
  145. <div class="row">
  146. <div class="col-8">
  147. <b>TIPE</b> : Travaux d'Initiative Personnelle Encadrés
  148. Projet de concours
  149. <br/>
  150. développement d'intelligences
  151. artificielles sur un jeu de stratégie
  152. <br/>
  153. 20/20 au concours Centrale
  154. </div>
  155. </div>
  156. <!-- PPE -->
  157. <div class="col-4">
  158. avril 2014
  159. </div>
  160. <div class="row">
  161. <div class="col-8">
  162. <b>PPE</b> : Projet Pluridisciplinaire Encadré
  163. projet de baccalauréat
  164. <br/>
  165. automatisation d'un distributeur autonome de
  166. nourriture pour chats
  167. </div>
  168. </div>
  169. <!-- Club-Programmation informatique -->
  170. <div class="col-4">
  171. 2013-2015
  172. </div>
  173. <div class="row">
  174. <div class="col-8">
  175. <b>Club-Programmation informatique</b>
  176. fondation et animation 4h/semaine
  177. <br/>
  178. travail en projets
  179. <br/>
  180. partage de connaissances
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. <div class="col-lg-12 col-xl-6">
  187. <h1>Compétences</h1>
  188. </div>
  189. <div class="col-lg-12 col-xl-6">
  190. <h1>Intérêts</h1>
  191. </div>
  192. </div>
  193. </main>
  194. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
  195. integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
  196. crossorigin="anonymous"></script>
  197. <script src="js/bootstrap.js"></script>
  198. </body>
  199. </html>