Add contents

This commit is contained in:
Quentin Rouland 2019-09-05 17:58:07 +02:00
parent 9185f3cf63
commit 87e3ecd73c
2 changed files with 260 additions and 84 deletions

BIN
assets/me.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -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 dOS 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 -->