cv.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418
  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/bootstrap.css" rel="stylesheet">
  11. <link href="css/custom/main.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="index.html">Jovian Hersemeule</a>
  18. <img class="rounded-circle jovian-toggler" type="button" data-toggle="collapse" data-target="#joviaNav" aria-controls="joviaNav"
  19. aria-expanded="false" aria-label="Dérouler le menu" src="https://img.icons8.com/color/48/000000/menu-2.png" alt="V">
  20. <div class="collapse navbar-collapse" id="joviaNav">
  21. <ul class="navbar-nav mr-auto">
  22. <li class="nav-item">
  23. <a class="nav-link" href="index.html">
  24. <img src="https://img.icons8.com/color/48/000000/city.png" alt="|">
  25. Accueil
  26. </a>
  27. </li>
  28. <li class="nav-item active">
  29. <div class="nav-link">
  30. <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png" alt="|">
  31. CV
  32. </div>
  33. </li>
  34. <li class="nav-item dropdown">
  35. <a class="nav-link dropdown-toggle" href="projects.html" id="dropdown01" data-toggle="dropdown"
  36. aria-haspopup="true" aria-expanded="false">
  37. <img src="https://img.icons8.com/color/48/000000/code.png" alt="|">
  38. Projets
  39. </a>
  40. <div class="dropdown-menu" aria-labelledby="dropdown01">
  41. <a class="dropdown-item" href="projects.html">Liste des projets</a>
  42. <div class="dropdown-divider"></div>
  43. <a class="dropdown-item" href="projets/pro_static_site.html">
  44. Jovian Website
  45. </a>
  46. <a class="dropdown-item" href="projets/pro_ascii_space.html">
  47. ASCII Space Destroyer
  48. </a>
  49. <a class="dropdown-item" href="projets/pro_pulsar.html">
  50. Pulsar
  51. </a>
  52. <a class="dropdown-item" href="projets/pro_quoridor.html">
  53. Quoridor
  54. </a>
  55. </div>
  56. </li>
  57. </ul>
  58. </div>
  59. </nav>
  60. <main role="main" class="container">
  61. <div class="focus-center">
  62. <h1>
  63. CV
  64. </h1>
  65. <img src="https://img.icons8.com/color/96/000000/parse-from-clipboard.png" alt="cv flat icon">
  66. <h2>
  67. Curriculum Vitae
  68. </h2>
  69. <div class="row">
  70. <div class="col-lg-12 col-xl-6 lead">Étudiant alternant ingénieur généraliste à l'École Centrale</div>
  71. <div class="col-lg-12 col-xl-6 lead">Apprenti dans l'équipe STB Integration à Viaccess-Orca</div>
  72. <div class="col-lg-12 col-xl-6">
  73. <img src="images/logoCN.png" class="mx-auto" alt="Logo Centrale Nantes">
  74. </div>
  75. <div class="col-lg-12 col-xl-6">
  76. <img src="images/logoVO.png" class="mx-auto" style="height:100%" alt="Logo Viaccess Orca">
  77. </div>
  78. </div>
  79. </div>
  80. <h3>
  81. <img src="https://img.icons8.com/color/50/000000/student-male.png" alt="v ">
  82. Formation
  83. </h3>
  84. <div class="row">
  85. <!-- Centrale -->
  86. <div class="col-3">
  87. 2017 - aujourd'hui
  88. </div>
  89. <div class="col-9">
  90. <b>École Centrale</b> – <span class="city">Nantes</span>
  91. <br/>
  92. Formation ingénieur généraliste par Alternance
  93. Apprentissage effectué chez Viaccess-Orca
  94. </div>
  95. <!-- Chateaubriand -->
  96. <div class="col-3">
  97. 2015 - 2017
  98. </div>
  99. <div class="col-9">
  100. <b>Lycée Chateaubriand</b> : <span class="middle-info">Classe Préparatoire Grandes Écoles</span> – <span
  101. class="city">Rennes</span>
  102. <br/>
  103. Filière MPSI (Maths Physique Sciences de l'Ingénieur) – MP* (Maths Physique)
  104. <br/>
  105. option informatique
  106. </div>
  107. <!-- Réaumur -->
  108. <div class="col-3">
  109. juin 2015
  110. </div>
  111. <div class="col-9">
  112. <b>Lycée Réaumur</b> – <span class="city">Laval</span>
  113. <br/>
  114. Baccalauréat Scientifique spécialité Sciences de l'Ingénieur
  115. <br/>
  116. mention Très Bien
  117. </div>
  118. </div>
  119. <h3>
  120. <img src="https://img.icons8.com/color/48/000000/compass.png" alt="v ">
  121. Expériences
  122. </h3>
  123. <div class="row">
  124. <div class="col-lg-12 col-xl-6">
  125. <h4>Monde de l'entreprise</h4>
  126. <!-- Viaccess -->
  127. <div class="row">
  128. <div class="col-3">
  129. déc. 2017 - aujourd'hui
  130. </div>
  131. <div class="col-9">
  132. <b>Viaccess Orca</b> – <span class="city">Cesson Sévigné</span>
  133. <br/>
  134. Apprentissage par alternance effectué avec l'École Centrale de Nantes
  135. <br/>
  136. Développement informatique dans l'équipe Intégration décodeur
  137. <br/>
  138. > Application web de suivi de processus (Backend/Frontend)
  139. <br/>
  140. > Outil d'auto test (Tests décodeur)
  141. </div>
  142. </div>
  143. <!-- LTI -->
  144. <div class="row">
  145. <div class="col-3">
  146. étés 2016-17
  147. </div>
  148. <div class="col-9">
  149. <b>LTI</b> : <span class="middle-info">La Technique Industrielle</span> – <span class="city">Bain de Bretagne</span>
  150. <br/>
  151. job d'été en intérimaire
  152. <br/>
  153. assistant métallier
  154. </div>
  155. </div>
  156. <!-- ARA-Technology -->
  157. <div class="row">
  158. <div class="col-3">
  159. avril 2014
  160. </div>
  161. <div class="col-9">
  162. <b>ARA-Technology</b> – <span class="city">Laval</span>
  163. <br/>
  164. stage d'observation
  165. <br/>
  166. start-up spécialisée en
  167. réalité augmentée sur supports
  168. mobiles (développement sur Unity)
  169. </div>
  170. </div>
  171. <!-- Le Cube -->
  172. <div class="row">
  173. <div class="col-3">
  174. mai 2012
  175. </div>
  176. <div class="col-9">
  177. <b>Le Cube</b> – <span class="city">St Denis de Gastines</span>
  178. <br/>
  179. stage d'observation
  180. <br/>
  181. studio d'enregistrement de musique
  182. </div>
  183. </div>
  184. <!-- AutoCast Industry -->
  185. <div class="row">
  186. <div class="col-3">
  187. juin 2011
  188. </div>
  189. <div class="col-9">
  190. <b>AutoCast Industry</b> – <span class="city">Laval</span>
  191. <br/>
  192. stage d'observation
  193. <br/>
  194. fonderie de pièces automobiles
  195. </div>
  196. </div>
  197. </div>
  198. <div class="col-lg-12 col-xl-6">
  199. <h4>Projets scolaires</h4>
  200. <!-- TIPE -->
  201. <div class="row">
  202. <div class="col-3">
  203. 2016-2017
  204. </div>
  205. <div class="col-9">
  206. <b>TIPE</b> : <span class="middle-info">Travaux d'Initiative Personnelle Encadrés</span>
  207. <br/>
  208. Projet de concours
  209. <br/>
  210. développement d'intelligences
  211. artificielles sur un jeu de stratégie
  212. <br/>
  213. 20/20 au concours Centrale
  214. </div>
  215. </div>
  216. <!-- PPE -->
  217. <div class="row">
  218. <div class="col-3">
  219. avril 2014
  220. </div>
  221. <div class="col-9">
  222. <b>PPE</b> : <span class="middle-info">Projet Pluridisciplinaire Encadré</span>
  223. <br/>
  224. projet de baccalauréat
  225. <br/>
  226. automatisation d'un distributeur autonome de
  227. nourriture pour chats
  228. </div>
  229. </div>
  230. <!-- Club-Programmation informatique -->
  231. <div class="row">
  232. <div class="col-3">
  233. 2013-2015
  234. </div>
  235. <div class="col-9">
  236. <b>Club-Programmation informatique</b>
  237. <br/>
  238. fondation et animation 4h/semaine
  239. <br/>
  240. travail en projets
  241. <br/>
  242. partage de connaissances
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. <h3>
  248. <img src="https://img.icons8.com/color/48/000000/development-skill.png" alt="v ">
  249. Compétences
  250. </h3>
  251. <div class="row">
  252. <div class="col-lg-12 col-xl-6">
  253. <h4>Langues</h4><!-- Langues -->
  254. <div class="row">
  255. <!-- Français -->
  256. <b class="col-3">
  257. Français
  258. </b>
  259. <div class="col-9">
  260. Langue maternelle
  261. </div>
  262. <!-- Anglais -->
  263. <b class="col-3">
  264. Anglais
  265. </b>
  266. <div class="col-9">
  267. Fluide
  268. </div>
  269. <!-- Allemand -->
  270. <b class="col-3">
  271. Allemand
  272. </b>
  273. <div class="col-9">
  274. Bonnes bases
  275. </div>
  276. <br/>
  277. </div>
  278. </div>
  279. <div class="col-lg-12 col-xl-6">
  280. <h4>Informatique</h4><!-- Informatique -->
  281. <div class="row">
  282. <!-- C++ -->
  283. <b class="col-3">
  284. C++
  285. </b>
  286. <div class="col-4">
  287. Très bonne maîtrise
  288. </div>
  289. <em class="col-5">
  290. 7 ans d'expérience
  291. </em>
  292. <!-- Python -->
  293. <b class="col-3">
  294. Python
  295. </b>
  296. <div class="col-4">
  297. Bonne maîtrise
  298. </div>
  299. <em class="col-5">
  300. 4 ans d'expérience
  301. </em>
  302. <!-- Java -->
  303. <b class="col-3">
  304. Java
  305. </b>
  306. <div class="col-4">
  307. Bonne maîtrise
  308. </div>
  309. <em class="col-5">
  310. 1 ans d'expérience
  311. </em>
  312. <!-- GNU/Linux -->
  313. <b class="col-3">
  314. GNU/Linux
  315. </b>
  316. <div class="col-4">
  317. Niveau intermédiaire
  318. </div>
  319. <em class="col-5">
  320. 1 ans d'expérience
  321. </em>
  322. </div>
  323. <div class="row">
  324. <b class="col-3">
  325. Web
  326. </b>
  327. <div class="col-4">
  328. Novice
  329. </div>
  330. <em class="col-5">
  331. 1 ans d'expérience
  332. </em>
  333. </div>
  334. </div>
  335. </div>
  336. <h3>
  337. <img src="https://img.icons8.com/color/48/000000/treble-clef.png" alt="v ">
  338. Intérêts
  339. </h3>
  340. <div class="row">
  341. <div class="col-md-12 col-lg-6 col-xl-4">
  342. <h4>Sport</h4>
  343. Pratique du Badmindton
  344. <br/>
  345. Déplacements en vélo quotidiens
  346. </div>
  347. <div class="col-md-12 col-lg-6 col-xl-4">
  348. <h4>Voyages</h4>
  349. Touristiques : <em>Maroc, Angleterre, Italie, Espagne</em>
  350. <br/>
  351. Hébergé chez l'habitant : <em>Pays de Galles</em>
  352. <br/>
  353. Échanges et jumelage : <em>Allemagne</em>
  354. </div>
  355. <div class="col-md-12 col-lg-6 col-xl-4">
  356. <h4>Musique</h4>
  357. 7 ans de clarinette dont 3 de clarinette basse
  358. <br/>
  359. 4 ans membre de l'Harmonie d'Andouillé
  360. <br/>
  361. débutant en guitare
  362. </div>
  363. </div>
  364. <div class="sub">
  365. Images sources : ICON8
  366. <a href="https://icons8.com/icon/23319/student-male">Student Male icon by Icons8</a>
  367. <a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a>
  368. <a href="https://icons8.com/icon/12810/treble-clef">Treble Clef icon by Icons8</a>
  369. <a href="https://icons8.com/icon/104084/city">City icon by Icons8</a>
  370. <a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a>
  371. </div>
  372. </main>
  373. <!-- Scripts -->
  374. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
  375. integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
  376. crossorigin="anonymous"></script>
  377. <script src="js/bootstrap.js"></script>
  378. </body>
  379. </html>