diff --git a/assets/me.jpg b/assets/me.jpg
new file mode 100644
index 0000000..3d8f504
Binary files /dev/null and b/assets/me.jpg differ
diff --git a/index.html b/index.html
index acc8471..941258f 100644
--- a/index.html
+++ b/index.html
@@ -44,36 +44,22 @@
                         <li class="nav-item" id="about_menu">
                             <a class="nav-link waves-effect" href="javascript:page_selection('#about');">About Me</a>
                         </li>
+                        <li class="nav-item" id="formexp_menu">
+                            <a class="nav-link waves-effect" href="javascript:page_selection('#formexp');">Formations &#x26; Expériences Professionnelles </a>
+                        </li>
+                        <li class="nav-item" id="exp_menu">
+                            <a class="nav-link waves-effect" href="javascript:page_selection('#exp');"></a>
+                        </li>
                         <li class="nav-item" id="publications_menu">
                             <a class="nav-link waves-effect" href="javascript:page_selection('#publications');">Publications</a>
                         </li>
                         <li class="nav-item" id="teachings_menu">
-                            <a class="nav-link waves-effect" href="javascript:page_selection('#teachings');">Teachings</a>
+                            <a class="nav-link waves-effect" href="javascript:page_selection('#teachings');">Enseignements</a>
                         </li>
                         <li class="nav-item" id="projects_menu">
-                            <a class="nav-link waves-effect" href="javascript:page_selection('#projects');">Personal Projects</a>
-                        </li>
-                        <li class="nav-item" id="cv_menu">
-                            <a class="nav-link waves-effect" href="javascript:page_selection('#cv');">CV</a>
+                            <a class="nav-link waves-effect" href="javascript:page_selection('#projects');">Projects Personnels</a>
                         </li>
                     </ul>
-
-                    <!-- Right -->
-                    <ul class="navbar-nav nav-flex-icons">
-                        <a href="mailto:quentin@qrouland.com" target="_blank">
-                            <i class="far fa-envelope mr-3 fa-lg"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/in/qrouland" target="_blank">
-                            <i class="fab fa-linkedin mr-3 fa-lg"></i>
-                        </a>
-                        <a href="https://git.rdrive.ovh/QRouland" target="_blank">
-                            <i class="fab fa-git-square mr-3 fa-lg"></i>
-                        </a>
-                        <a href="https://github.com/QRouland" target="_blank">
-                            <i class="fab fa-github-square mr-3 fa-lg"></i>
-                        </a>
-                    </ul>
-
                 </div>
 
             </div>
@@ -88,61 +74,269 @@
 
         <!-- About container-->
         <div class="container" id="about" style="display:none;">
-            <!--Section: Jumbotron-->
-            <section class="card blue-gradient wow fadeIn" id="intro">
+            <section class="section pb-3 text-center">
+            <!--Grid row-->
+            <div class="row wow fadeIn mb-3">
 
-                <!-- Content -->
-                <div class="card-body text-white text-center py-5 px-5 my-5">
+                <!--Grid column-->
+                <div class="col-lg-4 col-md-3 mb-4">
 
-                    <h1 class="mb-4">
-                        <strong>About me</strong>
-                        <p class="text-center mb-5">Coming soon...</p>
-                    </h1>
+                    <!-- Card Regular -->
+                    <div class="card card-cascade text-justify">
+
+                      <!-- Card image -->
+                      <div class="view view-cascade overlay">
+              
+                        <img class="card-img-top rounded-circle mt-4 pr-5 pl-5" src="assets/me.jpg" alt="Card image cap">
+     
+                        <a>
+                          <div class="mask rgba-white-slight"></div>
+                        </a>
+                      </div>
+
+                      <!-- Card content -->
+                      <div class="card-body card-body-cascade text-center">
+
+                        <!-- Title -->
+                        <h4 class="card-title"><strong>Quentin Rouland</strong></h4>
+                        <!-- Subtitle -->
+                        <h6 class="font-weight-bold indigo-text py-2">Doctorant</h6>
+                        <!-- Social -->
+                        <div class="pb-2">
+                            <a href="mailto:quentin@qrouland.com" target="_blank">
+                                <i class="far fa-envelope mr-1 ml-1 fa-lg"></i>
+                            </a>
+                            <a href="https://www.linkedin.com/in/qrouland" target="_blank">
+                                <i class="fab fa-linkedin mr-1 ml-1 fa-lg"></i>
+                            </a>
+                            <a href="https://www.researchgate.net/profile/Quentin_Rouland/research">
+                                <i class="fab fa-researchgate mr-1 ml-1 fa-lg"></i>
+                            </a>
+                            <a href="https://git.rdrive.ovh/QRouland" target="_blank">
+                                <i class="fab fa-git-square mr-1 ml-1 fa-lg"></i>
+                            </a>
+                            <a href="https://github.com/QRouland" target="_blank">
+                                <i class="fab fa-github-square mr-1 ml-1 fa-lg"></i>
+                            </a>
+                        </div>
+                        <!-- Text -->
+                        <p class="card-text">.
+                            Toulouse, France
+                        </p>
+                      </div>
+
+                    </div>
+                    <!-- Card image -->
                 </div>
-                <!-- Content -->
+                <!--Grid column-->
+
+                <!--Grid column-->
+                <div class="col-lg-8 col-md-9 mb-4">
+                    <p class="mb-2 text-justify"></i>
+                        Après avoir suivi un parcours orienté developpement logiciel à l'<a href="https://www.univ-tlse2.fr/" class="text-primary">Université Toulouse 2 Jean-Jaurès</a>, je suis actuellement doctorant à l'<a href="https://irit.fr" class="text-primary">IRIT</a> dans l'équipe <a href="https://www.irit.fr/-Equipe-ARGOS-" class="text-primary">ARGOS</a>... 
+                        Je m'intéresse ... To be continued :)
+                    </p>                
+                </div>
+                <!--Grid column-->
+
+            </div>
+            <!--Grid row-->
             </section>
-            <!--Section: Jumbotron-->
 
         </div>
         <!--About container-->
 
+        <!-- FormationsExperiences container-->
+        <div class="container" id="formexp" style="display:none;">
+            <!--Grid row-->
+            <div class="row wow fadeIn mb-3">
+                <!--Grid column-->
+                <div mb-4">
+                    <h3 class="mb-3 font-weight-bold dark-grey-text">
+                        <strong>Expériences Professionelles</strong>
+                    </h3>
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Alternance Master ICE</strong> - Engie Ineo, Toulouse (31)<br>
+                        <span class="pl-3">Installation, configuration, sécurisation d’OS Linux (CentOS / Bash)<br>
+                        <span class="pl-3">Mise en Place de Machines et Réseau Virtuelle (KVM / Open VSwitch)<br>
+                        <span class="pl-3">Mise en Place de Surveillance Système et Réseau (Nagios / IPMI)<br>
+                        <span class="pl-3">MCO Système Industriel SCADA (C++ / Qt / Python)
+                    </p>       
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Stage Fin L3 MIASHS Informatique</strong> - Freescale Semiconducteur, Toulouse (31)<br>
+                        <span class="pl-3">Création d'un Service Web de Traitement et de Publication Statistiques de Données de Tests (Python [Django, Panda] / HTML / Js [D3.js, JQuery] / CSS)
+                    </p>
+                    <p class="text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Stage Fin DUT Informatique</strong> - Pancee des Plantes, Agen (47)<br>
+                        <span class="pl-3">Implémentation de Nouvelles Fonctionnalités sur un Site de E-Commerce (PHP / HTML / Js / CSS)
+                    </p>                          
+                </div>
+                <!--Grid column-->
+            </div>
+            <!--Grid row-->
+
+            <!--Grid row-->
+            <div class="row wow fadeIn mb-3">
+                <!--Grid column-->
+                <div mb-4">
+                    <h3 class="mb-3 font-weight-bold dark-grey-text">
+                        <strong>Formations</strong>
+                    </h3>
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Master ICE (Informatique Collaborative en Entreprise)</strong> - Université Toulouse 2 Jean-Jaurés, Toulouse (31)
+                    </p>       
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Licence MIASHS (Mathématiques, Informatique Appliquées et Sciences Humaines et Sociales)</strong> - Université Toulouse 2 Jean-Jaurés, Toulouse (31)
+                    </p>
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>DUT Informatique</strong> - IUT Blagnac, Blagnac (31)
+                    </p> 
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong> Baccalauréat Scientifique Science de l'Ingénieur option Mathématiques</strong> - Lycée François Mitterran, Moissac (82) 
+                    </p>                                    
+                </div>
+                <!--Grid column-->
+            </div>
+            <!--Grid row-->
+        </div>
+        <!--FormationsExperiences container-->
+
+
         <!-- Publications container-->
         <div class="container" id="publications" style="display:none;">
-            <!--Section: Jumbotron-->
-            <section class="card blue-gradient wow fadeIn" id="intro">
-
-                <!-- Content -->
-                <div class="card-body text-white text-center py-5 px-5 my-5">
-
-                    <h1 class="mb-4">
-                        <strong>Publications</strong>
-                        <p class="text-center mb-5">Coming soon...</p>
-                    </h1>
+            <!--Grid row-->
+            <div class="row wow fadeIn mb-3">
+                <!--Grid column-->
+                <div mb-4">
+                    <h3 class="mb-3 font-weight-bold dark-grey-text">
+                        <strong>Journal Articles</strong>
+                    </h3>
+                    <p class="grey-text">
+                        Nothing yet !
+                    </p>                
                 </div>
-                <!-- Content -->
-            </section>
-            <!--Section: Jumbotron-->
+                <!--Grid column-->
 
+            </div>
+            <!--Grid row-->
+
+            <!--Grid row-->
+            <div class="row wow fadeIn mb-3 ">
+                <!--Grid column-->
+                <div mb-4">
+                    <h3 class="mb-3 font-weight-bold dark-grey-text">
+                        <strong>Conference Proceedings</strong>
+                    </h3>
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Quentin Rouland</strong>, Brahim Hamid, Jason Jaskolka. <a class="text-primary" href="https://doi.org/10.1007/978-3-030-00856-7_13">Formalizing Reusable Communication Models for Distributed Systems Architecture</a> (regular paper). International Conference On Model and Data Engineering (MEDI 2018), Marrakesh, Morocco, 24/10/18-26/10/18, Ladjel Bellatreche (Eds.), Springer, p. 198-216, octobre 2018. 
+                    </p>                
+                </div>
+                <!--Grid column-->
+
+            </div>
+            <!--Grid row-->
+
+            <!--Grid row-->
+            <div class="row wow fadeIn mb-3">
+                <!--Grid column-->
+                <div mb-4">
+                    <h3 class="mb-3 font-weight-bold dark-grey-text">
+                        <strong>Theses</strong>
+                    </h3>
+                    <p class="grey-text">
+                        Nothing yet !
+                    </p>                
+                </div>
+                <!--Grid column-->
+
+            </div>
+            <!--Grid row-->
         </div>
         <!--Publications container-->
 
 
         <!-- Teachings container-->
         <div class="container" id="teachings" style="display:none;">
-            <!--Section: Jumbotron-->
-            <section class="card blue-gradient wow fadeIn" id="intro">
-
-                <!-- Content -->
-                <div class="card-body text-white text-center py-5 px-5 my-5">
-
-                    <h1 class="mb-4">
-                        <strong>Teachings</strong>
-                        <p class="text-center mb-5">Coming soon...</p>
-                    </h1>
+            <!--Grid row-->
+            <div class="row wow fadeIn mb-3">
+                <!--Grid column-->
+                <div mb-4">
+                    <h3 class="mb-3 font-weight-bold dark-grey-text">
+                        <strong>2019-2020</strong><span class="font-weight-light"> - Université Toulouse 3 Paul Sabatier</span>
+                    </h3>
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Modélisation et conception objet</strong> - Master 1 (16h TP)
+                    </p> 
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Génie logiciel</strong> - Licence 3 (20h TP)
+                    </p>       
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Algo</strong> - Licence 1 (28h TP)
+                    </p>
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Projet S2</strong> - Licence 1 (12h TP)
+                    </p>                            
                 </div>
-                <!-- Content -->
-            </section>
-            <!--Section: Jumbotron-->
+                <!--Grid column-->
+
+            </div>
+            <!--Grid row-->
+
+            <!--Grid row-->
+            <div class="row wow fadeIn mb-3">
+                <!--Grid column-->
+                <div mb-4">
+                    <h3 class="mb-3 font-weight-bold dark-grey-text">
+                        <strong>2018-2019</strong><span class="font-weight-light"> - Université Toulouse 3 Paul Sabatier</span>
+                    </h3>
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Modélisation et conception objet</strong> - Master 1 (16h TP)
+                    </p> 
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Génie logiciel</strong> - Licence 3 (20h TP)
+                    </p>       
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Algo</strong> - Licence 1 (28h TP)
+                    </p>
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Projet S2</strong> - Licence 1 (12h TP)
+                    </p>   
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Théorie de l'information</strong> - Licence 1 (12h TP)
+                    </p>                    
+                </div>
+                <!--Grid column-->
+
+            </div>
+            <!--Grid row-->
+
+            <!--Grid row-->
+            <div class="row wow fadeIn mb-3">
+                <!--Grid column-->
+                <div mb-4">
+                    <h3 class="mb-3 font-weight-bold dark-grey-text">
+                        <strong>2017-2018</strong><span class="font-weight-light"> - Université Toulouse 3 Paul Sabatier</span>
+                    </h3>
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Modélisation et conception objet</strong> - Master 1 (16h TP)
+                    </p> 
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Génie logiciel</strong> - Licence 3 (20h TP)
+                    </p>       
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                         <strong>Projet S3</strong> - Licence 2 (11h TP)
+                    </p>
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Projet S2</strong> - Licence 1 (12h TP)
+                    </p>   
+                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Théorie de l'information</strong> - Licence 1 (12h TP)
+                    </p>                        
+                </div>
+                <!--Grid column-->
+
+            </div>
+            <!--Grid row-->
 
         </div>
         <!--Teachings container-->
@@ -156,7 +350,7 @@
                 <div class="card-body text-white text-center py-5 px-5 my-5">
 
                     <h1 class="mb-4">
-                        <strong>Personnals Projects</strong>
+                        <strong>Projects Personnels</strong>
                         <p class="text-center mb-5">Coming soon...</p>
                     </h1>
                 </div>
@@ -167,27 +361,6 @@
         </div>
         <!--Projects container-->
 
-        <!-- CV container-->
-        <div class="container" id="cv" style="display:none;">
-            <!--Section: Jumbotron-->
-            <section class="card blue-gradient wow fadeIn" id="intro">
-
-                <!-- Content -->
-                <div class="card-body text-white text-center py-5 px-5 my-5">
-
-                    <h1 class="mb-4">
-                        <strong>CV</strong>
-                        <p class="text-center mb-5">Coming soon...</p>
-                    </h1>
-                </div>
-                <!-- Content -->
-            </section>
-            <!--Section: Jumbotron-->
-
-        </div>
-        <!--CV container-->
-
-
     </main>
     <!--Main layout-->
 
@@ -199,16 +372,19 @@
         <!-- Social icons -->
         <div class="pb-4">
             <a href="mailto:quentin@qrouland.com" target="_blank">
-                <i class="far fa-envelope mr-5 fa-3x"></i>
+                <i class="far fa-envelope mr-2 ml-2 fa-3x"></i>
             </a>
             <a href="https://www.linkedin.com/in/qrouland" target="_blank">
-                <i class="fab fa-linkedin mr-5 fa-3x"></i>
+                <i class="fab fa-linkedin mr-2 ml-2 fa-3x"></i>
+            </a>
+            <a href="https://www.researchgate.net/profile/Quentin_Rouland/research">
+                <i class="fab fa-researchgate mr-2 ml-2 fa-3x"></i>
             </a>
             <a href="https://git.rdrive.ovh/QRouland" target="_blank">
-                <i class="fab fa-git-square mr-5 fa-3x"></i>
+                <i class="fab fa-git-square mr-2 ml-2 fa-3x"></i>
             </a>
             <a href="https://github.com/QRouland" target="_blank">
-                <i class="fab fa-github-square mr-5 fa-3x"></i>
+                <i class="fab fa-github-square mr-2 ml-2 fa-3x"></i>
             </a>
         </div>
         <!-- Social icons -->