CV page added with Formation and Expériences

But tiny columns

.idea/workspace.xml

@@ -2,6 +2,9 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="458baa9a-0ac3-475e-8174-3ab8ea444385" name="Default Changelist" comment="">
+      <change afterPath="$PROJECT_DIR$/cv.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/custom/main.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/custom/main.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/home.html" beforeDir="false" afterPath="$PROJECT_DIR$/home.html" afterDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
@@ -14,12 +17,21 @@
     <option name="LAST_RESOLUTION" value="IGNORE" />
   </component>
   <component name="FileEditorManager">
-    <leaf>
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
       <file pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/home.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="576">
-              <caret line="58" column="41" selection-start-line="58" selection-start-column="41" selection-end-line="58" selection-end-column="41" />
+            <state relative-caret-position="311">
+              <caret line="42" column="36" lean-forward="true" selection-start-line="42" selection-start-column="36" selection-end-line="42" selection-end-column="36" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/cv.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="651">
+              <caret line="206" column="39" selection-start-line="206" selection-start-column="39" selection-end-line="206" selection-end-column="39" />
             </state>
           </provider>
         </entry>
@@ -27,8 +39,8 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/css/custom/main.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="-8">
-              <caret line="5" column="23" selection-start-line="5" selection-start-column="23" selection-end-line="5" selection-end-column="23" />
+            <state relative-caret-position="51">
+              <caret line="3" column="13" selection-start-line="3" selection-start-column="1" selection-end-line="3" selection-end-column="13" />
             </state>
           </provider>
         </entry>
@@ -38,8 +50,8 @@
   <component name="FileTemplateManagerImpl">
     <option name="RECENT_TEMPLATES">
       <list>
-        <option value="HTML File" />
         <option value="CSS File" />
+        <option value="HTML File" />
       </list>
     </option>
   </component>
@@ -50,15 +62,16 @@
     <option name="CHANGED_PATHS">
       <list>
         <option value="$PROJECT_DIR$/css/custom/main.css" />
+        <option value="$PROJECT_DIR$/cv.html" />
         <option value="$PROJECT_DIR$/home.html" />
       </list>
     </option>
   </component>
-  <component name="ProjectFrameBounds" extendedState="6">
+  <component name="ProjectFrameBounds">
     <option name="x" value="-3" />
     <option name="y" value="25" />
-    <option name="width" value="1606" />
-    <option name="height" value="878" />
+    <option name="width" value="1602" />
+    <option name="height" value="885" />
   </component>
   <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
   <component name="ProjectView">
@@ -66,6 +79,7 @@
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
+      <pane id="Scope" />
       <pane id="ProjectPane">
         <subPane>
           <expand>
@@ -81,13 +95,19 @@
             <path>
               <item name="StaticJovian" type="b2602c69:ProjectViewProjectNode" />
               <item name="StaticJovian" type="462c0819:PsiDirectoryNode" />
-              <item name="js" type="462c0819:PsiDirectoryNode" />
+              <item name="css" type="462c0819:PsiDirectoryNode" />
+              <item name="custom" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="StaticJovian" type="b2602c69:ProjectViewProjectNode" />
+              <item name="StaticJovian" type="462c0819:PsiDirectoryNode" />
+              <item name="css" type="462c0819:PsiDirectoryNode" />
+              <item name="bootstrap.css" type="620a8d5e:NestingTreeNode" />
             </path>
           </expand>
           <select />
         </subPane>
       </pane>
-      <pane id="Scope" />
     </panes>
   </component>
   <component name="PropertiesComponent">
@@ -118,24 +138,21 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1544351302156</updated>
-      <workItem from="1544351313044" duration="4424000" />
+      <workItem from="1544351313044" duration="4545000" />
+      <workItem from="1544467535946" duration="3212000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="4424000" />
+    <option name="totallyTimeSpent" value="7757000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="-3" y="25" width="1606" height="878" extended-state="6" />
+    <frame x="-3" y="25" width="1602" height="885" extended-state="0" />
     <editor active="true" />
     <layout>
-      <window_info id="Favorites" side_tool="true" />
-      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.12999366" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.13032421" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
-      <window_info anchor="bottom" id="Docker" show_stripe_button="false" />
-      <window_info anchor="bottom" id="Version Control" />
-      <window_info anchor="bottom" id="Terminal" />
-      <window_info anchor="bottom" id="Event Log" side_tool="true" />
+      <window_info id="Favorites" order="2" side_tool="true" />
       <window_info anchor="bottom" id="Message" order="0" />
       <window_info anchor="bottom" id="Find" order="1" />
       <window_info anchor="bottom" id="Run" order="2" />
@@ -143,30 +160,45 @@
       <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
       <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
       <window_info anchor="bottom" id="TODO" order="6" />
+      <window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Version Control" order="8" />
+      <window_info anchor="bottom" id="Terminal" order="9" />
+      <window_info anchor="bottom" id="Event Log" order="10" side_tool="true" />
       <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
       <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
       <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
     </layout>
   </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="1" />
+  </component>
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/html/home.html">
+    <entry file="file://$PROJECT_DIR$/html/home.html" />
+    <entry file="file://$PROJECT_DIR$/css/custom/main.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="30">
-          <caret line="2" column="6" lean-forward="true" selection-start-line="2" selection-start-column="6" selection-end-line="2" selection-end-column="6" />
+        <state relative-caret-position="51">
+          <caret line="3" column="13" selection-start-line="3" selection-start-column="1" selection-end-line="3" selection-end-column="13" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/custom/main.css">
+    <entry file="file://$PROJECT_DIR$/css/bootstrap.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-2021">
+          <caret line="6474" column="3" selection-start-line="6474" selection-start-column="3" selection-end-line="6474" selection-end-column="3" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/cv.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="-8">
-          <caret line="5" column="23" selection-start-line="5" selection-start-column="23" selection-end-line="5" selection-end-column="23" />
+        <state relative-caret-position="651">
+          <caret line="206" column="39" selection-start-line="206" selection-start-column="39" selection-end-line="206" selection-end-column="39" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/home.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="576">
-          <caret line="58" column="41" selection-start-line="58" selection-start-column="41" selection-end-line="58" selection-end-column="41" />
+        <state relative-caret-position="311">
+          <caret line="42" column="36" lean-forward="true" selection-start-line="42" selection-start-column="36" selection-end-line="42" selection-end-column="36" />
         </state>
       </provider>
     </entry>

css/custom/main.css

@@ -1,7 +1,7 @@
 body {
     padding-top: 5rem;
 }
-.starter-template {
+.focus-center {
     padding: 3rem 1.5rem;
     text-align: center;
 }

cv.html

@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Page description -->
+    <meta name="description" content="The official website of Jovian Hersemeule.">
+    <meta name="author" content="Jovian Hersemeule">
+
+    <!-- Style sheet -->
+    <link href="css/custom/main.css" rel="stylesheet">
+    <link href="css/bootstrap.css" rel="stylesheet">
+
+    <title>CV - Jovian Hersemeule</title>
+</head>
+<body>
+<!-- Navbar -->
+<nav class="navbar navbar-expand-md navbar-dark bg-success fixed-top">
+    <a class="navbar-brand" href="home.html">Jovian Hersemeule</a>
+
+    <ul class="navbar-nav mr-auto">
+        <li class="nav-item">
+            <a class="nav-link" href="home.html">Accueil</a>
+        </li>
+        <li class="nav-item active">
+            <a class="nav-link" href="#">CV</a>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
+               aria-haspopup="true" aria-expanded="false">Projets de programmation</a>
+            <div class="dropdown-menu" aria-labelledby="dropdown01">
+                <a class="dropdown-item" href="#">Jovian Website</a>
+                <a class="dropdown-item" href="#">ASCII Space Destroyer</a>
+                <a class="dropdown-item" href="#">Pulsar</a>
+            </div>
+        </li>
+    </ul>
+</nav>
+
+<main role="main" class="container">
+    <div class="focus-center">
+        <h1>
+            CV
+        </h1>
+        <h2>
+            Curriculum Vitae
+        </h2>
+    </div>
+    <div class="row">
+        <div class="col-lg-12 col-xl-6">
+            <h1>Formation</h1>
+            <div class="row">
+                <!-- Centrale -->
+                <div class="col-4">
+                    2017 - aujourd'hui
+                </div>
+                <div class="col-8">
+                    <b>École Centrale</b> – <em>Nantes</em>
+                    <br/>
+                    Formation ingénieur généraliste
+                </div>
+
+                <!-- Chateaubriand -->
+                <div class="col-4">
+                    2015 - 2017
+                </div>
+                <div class="col-8">
+                    <b>Lycée Chateaubriand</b> : Classe Préparatoire Grandes Écoles – <em>Rennes</em>
+                    <br/>
+                    Filière MPSI (Maths Physique Sciences de l'Ingénieur) – MP* (Maths Physique)
+                    <br/>
+                    option informatique
+                </div>
+
+                <!-- Réaumur -->
+                <div class="col-4">
+                    juin 2015
+                </div>
+                <div class="col-8">
+                    <b>Lycée Réaumur</b> – <em>Laval</em>
+                    <br/>
+                    Baccalauréat Scientifique spécialité Sciences de l'Ingénieur
+                    <br/>
+                    mention Très Bien
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-12 col-xl-6">
+            <h1>Expériences</h1>
+            <div class="row">
+                <div class="col-lg-12 col-xl-6">
+                    <h2>Monde de l'entreprise</h2>
+                    <!-- LTI -->
+                    <div class="col-4">
+                        étés 2016-17
+                    </div>
+                    <div class="row">
+                        <div class="col-8">
+                            <b>LTI</b> : La Technique Industrielle – <em>Bain de Bretagne</em>
+                            <br/>
+                            job d'été en intérimaire
+                            <br/>
+                            assistant métallier
+                        </div>
+                    </div>
+                    <!-- ARA-Technology -->
+                    <div class="col-4">
+                        avril 2014
+                    </div>
+                    <div class="row">
+                        <div class="col-8">
+                            <b>ARA-Technology</b> – <em>Laval</em>
+                            stage d'observation
+                            <br/>
+                            start-up spécialisée en
+                            réalité augmentée sur supports
+                            mobiles (développement sur Unity)
+                        </div>
+                    </div>
+                    <!-- Le Cube -->
+                    <div class="col-4">
+                        mai 2012
+                    </div>
+                    <div class="row">
+                        <div class="col-8">
+                            <b>Le Cube</b> – <em>St Denis de Gastines</em>
+                            stage d'observation
+                            <br/>
+                            studio d'enregistrement de musique
+                        </div>
+                    </div>
+                    <!-- AutoCast Industry -->
+                    <div class="col-4">
+                        juin 2011
+                    </div>
+                    <div class="row">
+                        <div class="col-8">
+                            <b>AutoCast Industry</b> – <em>Laval</em>
+                            stage d'observation
+                            <br/>
+                            fonderie de pièces automobiles
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-lg-12 col-xl-6">
+                    <h2>Projets scolaires</h2>
+                    <!-- TIPE -->
+                    <div class="col-4">
+                        2016-2017
+                    </div>
+                    <div class="row">
+                        <div class="col-8">
+                            <b>TIPE</b> : Travaux d'Initiative Personnelle Encadrés
+                            Projet de concours
+                            <br/>
+                            développement d'intelligences
+                            artificielles sur un jeu de stratégie
+                            <br/>
+                            20/20 au concours Centrale
+                        </div>
+                    </div>
+                    <!-- PPE -->
+                    <div class="col-4">
+                        avril 2014
+                    </div>
+                    <div class="row">
+                        <div class="col-8">
+                            <b>PPE</b> : Projet Pluridisciplinaire Encadré
+                            projet de baccalauréat
+                            <br/>
+                            automatisation d'un distributeur autonome de
+                            nourriture pour chats
+                        </div>
+                    </div>
+                    <!-- Club-Programmation informatique -->
+                    <div class="col-4">
+                        2013-2015
+                    </div>
+                    <div class="row">
+                        <div class="col-8">
+                            <b>Club-Programmation informatique</b>
+                            fondation et animation 4h/semaine
+                            <br/>
+                            travail en projets
+                            <br/>
+                            partage de connaissances
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-12 col-xl-6">
+            <h1>Compétences</h1>
+        </div>
+        <div class="col-lg-12 col-xl-6">
+            <h1>Intérêts</h1>
+        </div>
+    </div>
+
+</main>
+
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+        crossorigin="anonymous"></script>
+<script src="js/bootstrap.js"></script>
+</body>
+</html>

home.html

@@ -15,45 +15,43 @@
     <title>Home - Jovian Hersemeule</title>
 </head>
 <body>
+
 <!-- Navbar -->
 <nav class="navbar navbar-expand-md navbar-dark bg-success fixed-top">
     <a class="navbar-brand" href="#">Jovian Hersemeule</a>
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
-            aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-    </button>
-
-    <div class="collapse navbar-collapse" id="navbarsExampleDefault">
-        <ul class="navbar-nav mr-auto">
-            <li class="nav-item active">
-                <a class="nav-link" href="#">Accueil</a>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link" href="#">CV</a>
-            </li>
-            <li class="nav-item dropdown">
-                <a class="nav-link dropdown-toggle" href="https://example.com" id="dropdown01" data-toggle="dropdown"
-                   aria-haspopup="true" aria-expanded="false">Projets de programmation</a>
-                <div class="dropdown-menu" aria-labelledby="dropdown01">
-                    <a class="dropdown-item" href="#">Jovian Website</a>
-                    <a class="dropdown-item" href="#">ASCII Space Destroyer</a>
-                    <a class="dropdown-item" href="#">Pulsar</a>
-                </div>
-            </li>
-        </ul>
-    </div>
+
+    <ul class="navbar-nav mr-auto">
+        <li class="nav-item active">
+            <a class="nav-link" href="#">Accueil</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="cv.html">CV</a>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
+               aria-haspopup="true" aria-expanded="false">Projets de programmation</a>
+            <div class="dropdown-menu" aria-labelledby="dropdown01">
+                <a class="dropdown-item" href="#">Jovian Website</a>
+                <a class="dropdown-item" href="#">ASCII Space Destroyer</a>
+                <a class="dropdown-item" href="#">Pulsar</a>
+            </div>
+        </li>
+    </ul>
 </nav>
 
+<!-- Content -->
 <main role="main" class="container">
 
-    <div class="starter-template">
+    <div class="focus-center">
         <h1>Jovian Hersemeule</h1>
         <h2>Bienvenue sur mon site internet. :-)</h2>
         <p class="lead">Vous trouverez ici les principales informations me concernant : qui je suis, mon parcours, mon
             expérience professionnelle et mes projets de programmation.<br>Bonne visite !</p>
     </div>
 
-</main><!-- /.container -->
+</main>
+
+<!-- Scripts -->
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
         crossorigin="anonymous"></script>