Add many flat icons in CV

Titles h3
Navbar

.idea/StaticJovian.iml

@@ -8,5 +8,6 @@
     </content>
     <orderEntry type="inheritedJdk" />
     <orderEntry type="sourceFolder" forTests="false" />
+    <orderEntry type="library" name="jquery-3.3.1.slim" level="application" />
   </component>
 </module>

.idea/jsLibraryMappings.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptLibraryMappings">
+    <file url="PROJECT" libraries="{jquery-3.3.1.slim}" />
+  </component>
+</project>

.idea/workspace.xml

@@ -2,6 +2,8 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="458baa9a-0ac3-475e-8174-3ab8ea444385" name="Default Changelist" comment="">
+      <change afterPath="$PROJECT_DIR$/.idea/jsLibraryMappings.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/StaticJovian.iml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/StaticJovian.iml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/cv.html" beforeDir="false" afterPath="$PROJECT_DIR$/cv.html" afterDir="false" />
     </list>
@@ -28,11 +30,8 @@
       <file pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/cv.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="493">
-              <caret line="50" column="33" selection-start-line="50" selection-start-column="33" selection-end-line="50" selection-end-column="33" />
-              <caret line="51" column="33" selection-start-line="51" selection-start-column="33" selection-end-line="51" selection-end-column="33" />
-              <caret line="52" column="33" selection-start-line="52" selection-start-column="33" selection-end-line="52" selection-end-column="33" />
-              <caret line="55" column="33" selection-start-line="55" selection-start-column="33" selection-end-line="55" selection-end-column="33" />
+            <state relative-caret-position="503">
+              <caret line="39" column="12" selection-start-line="39" selection-start-column="12" selection-end-line="39" selection-end-column="12" />
               <folding>
                 <element signature="n#style#0;n#img#0;n#div#1;n#div#0;n#div#0;n#main#0;n#body#0;n#html#0;n#!!top" expanded="true" />
               </folding>
@@ -139,12 +138,12 @@
       <updated>1544351302156</updated>
       <workItem from="1544351313044" duration="4545000" />
       <workItem from="1544467535946" duration="8368000" />
-      <workItem from="1544552178602" duration="2343000" />
+      <workItem from="1544552178602" duration="4780000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="15256000" />
+    <option name="totallyTimeSpent" value="17693000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="-3" y="25" width="1602" height="885" extended-state="0" />
@@ -197,11 +196,8 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/cv.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="493">
-          <caret line="50" column="33" selection-start-line="50" selection-start-column="33" selection-end-line="50" selection-end-column="33" />
-          <caret line="51" column="33" selection-start-line="51" selection-start-column="33" selection-end-line="51" selection-end-column="33" />
-          <caret line="52" column="33" selection-start-line="52" selection-start-column="33" selection-end-line="52" selection-end-column="33" />
-          <caret line="55" column="33" selection-start-line="55" selection-start-column="33" selection-end-line="55" selection-end-column="33" />
+        <state relative-caret-position="503">
+          <caret line="39" column="12" selection-start-line="39" selection-start-column="12" selection-end-line="39" selection-end-column="12" />
           <folding>
             <element signature="n#style#0;n#img#0;n#div#1;n#div#0;n#div#0;n#main#0;n#body#0;n#html#0;n#!!top" expanded="true" />
           </folding>

cv.html

@@ -21,14 +21,23 @@
 
     <ul class="navbar-nav mr-auto">
         <li class="nav-item">
-            <a class="nav-link" href="home.html">Accueil</a>
+            <a class="nav-link" href="home.html">
+                <img src="https://img.icons8.com/color/48/000000/city.png">
+                Accueil
+            </a>
         </li>
         <li class="nav-item active">
-            <a class="nav-link" href="#">CV</a>
+            <a class="nav-link" href="#">
+                <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png">
+                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>
+               aria-haspopup="true" aria-expanded="false">
+                <img src="https://img.icons8.com/color/48/000000/code.png">
+                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>
@@ -44,6 +53,7 @@
         <h1>
             CV
         </h1>
+        <img src="https://img.icons8.com/color/96/000000/parse-from-clipboard.png" alt="cv flat icon">
         <h2>
             Curriculum Vitae
         </h2>
@@ -58,8 +68,12 @@
             </div>
         </div>
     </div>
-    <h3>Formation</h3>
+    <h3>
+        <img src="https://img.icons8.com/color/50/000000/student-male.png" alt="v ">
+        Formation
+    </h3>
     <div class="row">
+
         <!-- Centrale -->
         <div class="col-3">
             2017 - aujourd'hui
@@ -95,7 +109,10 @@
             mention Très Bien
         </div>
     </div>
-    <h3>Expériences</h3>
+    <h3>
+        <img src="https://img.icons8.com/color/48/000000/compass.png" alt="v ">
+        Expériences
+    </h3>
     <div class="row">
         <div class="col-lg-12 col-xl-6">
             <h4>Monde de l'entreprise</h4>
@@ -231,7 +248,10 @@
         </div>
     </div>
 
-    <h3>Compétences</h3>
+    <h3>
+        <img src="https://img.icons8.com/color/48/000000/development-skill.png" alt="v ">
+        Compétences
+    </h3>
 
     <div class="row">
         <div class="col-lg-12 col-xl-6">
@@ -330,7 +350,10 @@
             </div>
         </div>
     </div>
-    <h3>Intérêts</h3>
+    <h3>
+        <img src="https://img.icons8.com/color/48/000000/treble-clef.png" alt="v ">
+        Intérêts
+    </h3>
 
     <div class="row">
         <div class="col-md-12 col-lg-6 col-xl-4">
@@ -362,6 +385,13 @@
         </div>
     </div>
 
+    <h5>Images sources : ICON8</h5>
+    <p><a href="https://icons8.com/icon/23319/student-male">Student Male icon by Icons8</a></p>
+    <p><a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a></p>
+    <p><a href="https://icons8.com/icon/12810/treble-clef">Treble Clef icon by Icons8</a></p>
+    <p><a href="https://icons8.com/icon/104084/city">City icon by Icons8</a></p>
+    <p><a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a></p>
+
 </main>
 
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"