473 lines
		
	
	
		
			22 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			473 lines
		
	
	
		
			22 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html>
 | 
						|
 | 
						|
<head>
 | 
						|
    <meta charset="utf-8">
 | 
						|
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 | 
						|
    <meta http-equiv="x-ua-compatible" content="ie=edge">
 | 
						|
    <title>Quentin Rouland</title>
 | 
						|
    <!-- Font Awesome -->
 | 
						|
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
 | 
						|
    <!-- Bootstrap core CSS -->
 | 
						|
    <link href="mdb/css/bootstrap.min.css" rel="stylesheet">
 | 
						|
    <!-- Material Design Bootstrap -->
 | 
						|
    <link href="mdb/css/mdb.min.css" rel="stylesheet">
 | 
						|
    <!-- Material Design Bootstrap Flags -->
 | 
						|
    <link href="mdb/css/addons/flag.min.css" rel="stylesheet">
 | 
						|
    <!-- Your custom styles -->
 | 
						|
    <link href="mdb/css/style.css" rel="stylesheet">
 | 
						|
</head>
 | 
						|
 | 
						|
<body>
 | 
						|
    <!--Main Navigation-->
 | 
						|
    <header>
 | 
						|
 | 
						|
        <!-- Navbar -->
 | 
						|
        <nav class="navbar fixed-top navbar-expand-lg navbar-light white scrolling-navbar" id="button_menu">
 | 
						|
            <div class="container">
 | 
						|
 | 
						|
                <!-- Brand -->
 | 
						|
                <a class="navbar-brand waves-effect" href="https://qrouland.com" target="_blank">
 | 
						|
                    <strong class="blue-text">Quentin Rouland</strong>
 | 
						|
                </a>
 | 
						|
 | 
						|
                <!-- Collapse -->
 | 
						|
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
 | 
						|
                    aria-expanded="false" aria-label="Toggle navigation">
 | 
						|
                    <span class="navbar-toggler-icon"></span>
 | 
						|
                </button>
 | 
						|
 | 
						|
                <!-- Links -->
 | 
						|
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
 | 
						|
 | 
						|
                    <!-- Left -->
 | 
						|
                    <ul class="navbar-nav mr-auto" id="menu">
 | 
						|
                        <li class="nav-item" id="about_menu">
 | 
						|
                            <a class="nav-link waves-effect" href="javascript:page_selection('#about');" data-i18n="menu.about"></a>
 | 
						|
                        </li>
 | 
						|
                        <li class="nav-item" id="experiences_menu">
 | 
						|
                            <a class="nav-link waves-effect" href="javascript:page_selection('#experiences');" data-i18n="menu.experiences"></a>
 | 
						|
                        </li>
 | 
						|
                        <li class="nav-item" id="training_menu">
 | 
						|
                            <a class="nav-link waves-effect" href="javascript:page_selection('#training');" data-i18n="menu.training"></a>
 | 
						|
                        </li>
 | 
						|
                        <li class="nav-item" id="publications_menu">
 | 
						|
                            <a class="nav-link waves-effect" href="javascript:page_selection('#publications');" data-i18n="menu.publications"></a>
 | 
						|
                        </li>
 | 
						|
                        <li class="nav-item" id="teachings_menu">
 | 
						|
                            <a class="nav-link waves-effect" href="javascript:page_selection('#teachings');" data-i18n="menu.teachings"></a>
 | 
						|
                        </li>
 | 
						|
                        <li class="nav-item" id="projects_menu">
 | 
						|
                            <a class="nav-link waves-effect" href="javascript:page_selection('#projects');" data-i18n="menu.projects"></a>
 | 
						|
                        </li>
 | 
						|
                    </ul>
 | 
						|
                    
 | 
						|
                    <!-- Right -->
 | 
						|
                    <ul class="navbar-nav nav-flex-icons">
 | 
						|
                        <a id="ukflag" href="javascript:i18next.changeLanguage('en');">
 | 
						|
                            <i class="uk flag"></i>
 | 
						|
                        </a>
 | 
						|
                        <a id="frflag" href="javascript:i18next.changeLanguage('fr');">
 | 
						|
                            <i class="france flag"></i>
 | 
						|
                        </a>
 | 
						|
                    </ul>
 | 
						|
                </div>
 | 
						|
 | 
						|
            </div>
 | 
						|
        </nav>
 | 
						|
        <!-- Navbar -->
 | 
						|
 | 
						|
    </header>
 | 
						|
    <!--Main Navigation-->
 | 
						|
 | 
						|
    <!--Wrapper layout-->
 | 
						|
    <div class="wrapper">
 | 
						|
    <!--Main layout-->
 | 
						|
    <main class="mt-5 pt-5">
 | 
						|
 | 
						|
        <!-- About container-->
 | 
						|
        <div class="container" id="about" style="display:none;">
 | 
						|
            <section class="section pb-3 text-center">
 | 
						|
            <!--Grid row-->
 | 
						|
            <div class="row wow fadeIn mb-3">
 | 
						|
			
 | 
						|
                <!--Grid column-->
 | 
						|
                <div class="col-lg-4 col-md-3 mb-4 vcenter">
 | 
						|
 | 
						|
                    <!-- 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" data-i18n="about.job"></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>
 | 
						|
                <!--Grid column-->
 | 
						|
                
 | 
						|
                <!--Grid column-->
 | 
						|
				<div class="col-lg-7 col-md-9 vcenter">
 | 
						|
					<span class="align-middle">
 | 
						|
                    <p class="pb-4 text-justify" data-i18n="[html]about.p1"></p>     
 | 
						|
                    <p class="pb-4 text-justify"  data-i18n="[html]about.p2"></p>
 | 
						|
                    <p class="pb-4 text-justify"  data-i18n="[html]about.p3"> </p>     
 | 
						|
                    </span>                   
 | 
						|
                </div>
 | 
						|
                <!--Grid column-->
 | 
						|
 | 
						|
            </div>
 | 
						|
            <!--Grid row-->
 | 
						|
            </section>
 | 
						|
 | 
						|
        </div>
 | 
						|
        <!--About container-->
 | 
						|
        
 | 
						|
        <!-- Experiences container-->
 | 
						|
        <div class="container" id="experiences" 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 data-i18n="experiences.title"></strong>
 | 
						|
                    </h3>
 | 
						|
					<p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
 | 
						|
                        <strong data-i18n="experiences.phd.title"></strong><br>
 | 
						|
                        <span class="pl-3 font-small" data-i18n="[html]experiences.phd.location"></span><br>
 | 
						|
                    </p>
 | 
						|
                    <p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
 | 
						|
                        <strong data-i18n="experiences.engie.title"></strong> <br>
 | 
						|
                        <span class="pl-3 font-small" data-i18n="[html]experiences.engie.location"></span><br>
 | 
						|
                        <span class="pl-3" data-i18n="experiences.engie.exp1"></span><br>
 | 
						|
                        <span class="pl-3" data-i18n="experiences.engie.exp2"></span><br>
 | 
						|
                        <span class="pl-3" data-i18n="experiences.engie.exp3"></span><br>
 | 
						|
                        <span class="pl-3" data-i18n="experiences.engie.exp4"></span>
 | 
						|
                    </p>       
 | 
						|
                    <p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
 | 
						|
                        <strong data-i18n="experiences.freescale.title"></strong><br>
 | 
						|
                        <span class="pl-3 font-small" data-i18n="[html]experiences.freescale.location"></span><br>
 | 
						|
                        <span class="pl-3" data-i18n="experiences.freescale.exp1"></span><br>
 | 
						|
                        <span class="pl-3" data-i18n="experiences.freescale.exp2"></span>
 | 
						|
                    </p>
 | 
						|
                    <p class="text-justify"><i class="fas fa-angle-right mr-2"></i>
 | 
						|
                        <strong data-i18n="experiences.panacee.title"></strong><br>
 | 
						|
                        <span class="pl-3 font-small" data-i18n="[html]experiences.panacee.location"></span><br>
 | 
						|
                        <span class="pl-3" data-i18n="experiences.panacee.exp1"></span><br>
 | 
						|
                        <span class="pl-3" data-i18n="experiences.panacee.exp2"></span>
 | 
						|
                    </p>                          
 | 
						|
                </div>
 | 
						|
                <!--Grid column-->
 | 
						|
            </div>
 | 
						|
            <!--Grid row-->
 | 
						|
        </div>
 | 
						|
        <!--Experiences container-->
 | 
						|
 | 
						|
        <!-- Training container-->
 | 
						|
        <div class="container" id="training" 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 data-i18n="training.title"></strong>
 | 
						|
                    </h3>
 | 
						|
                    <p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
 | 
						|
                        <strong data-i18n="training.ice.title"></strong><br>
 | 
						|
                        <span class="pl-3 font-small" data-i18n="[html]training.ice.location"></span>
 | 
						|
                    </p>       
 | 
						|
                    <p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
 | 
						|
                        <strong data-i18n="training.l3.title"></strong><br>
 | 
						|
                        <span class="pl-3 font-small" data-i18n="[html]training.l3.location"></span>
 | 
						|
                    </p>
 | 
						|
                    <p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
 | 
						|
                        <strong data-i18n="training.iut.title"></strong><br>
 | 
						|
                        <span class="pl-3 font-small" data-i18n="[html]training.iut.location"></span>
 | 
						|
                    </p> 
 | 
						|
                    <p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
 | 
						|
                        <strong data-i18n="training.bac.title"></strong><br>
 | 
						|
                        <span class="pl-3 font-small" data-i18n="[html]training.bac.location"></span>
 | 
						|
                    </p>                                    
 | 
						|
                </div>
 | 
						|
                <!--Grid column-->
 | 
						|
            </div>
 | 
						|
            <!--Grid row-->
 | 
						|
        </div>
 | 
						|
        <!--Training container-->
 | 
						|
 | 
						|
 | 
						|
        <!-- Publications container-->
 | 
						|
        <div class="container" id="publications" 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 data-i18n="publications.journal"></strong>
 | 
						|
                    </h3>
 | 
						|
                    <p class="grey-text" data-i18n="publications.nothing"></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 data-i18n="publications.conference"></strong>
 | 
						|
                    </h3>
 | 
						|
                    <p class="mb-2 text-justify">
 | 
						|
                        <i class="fas fa-angle-right mr-2"></i>Brahim Hamid, <strong>Quentin Rouland</strong>, Jason Jaskolka. <a class="text-primary" href="https://dx.doi.org/10.1109/PRDC47002.2019.00052">Distributed Maintenance of a Spanning tree of K-Connected Graphs</a>.<br>
 | 
						|
                        <span class="pl-3">24th IEEE Pacific Rim International Symposium on Dependable Computing (PRDC), Kyoto, Japan, 2019.</span>
 | 
						|
                    </p>
 | 
						|
                    <p class="mb-2 text-justify">
 | 
						|
                        <i class="fas fa-angle-right mr-2"></i><strong>Quentin Rouland</strong>, Brahim Hamid, Jean-Paul Bodeveix, Mamoun Filali. <a class="text-primary" href="https://doi.org/10.1109/ICECCS.2019.00033">A Formal Methods Approach to Security Requirements Specification and Verification</a>.<br>
 | 
						|
                        <span class="pl-3">24th International Conference on Engineering of Complex Computer Systems (ICECCS), Guangzhou, China, 2019.</span>
 | 
						|
                    </p>
 | 
						|
                    <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>.<br> 
 | 
						|
                        <span class="pl-3">International Conference On Model and Data Engineering (MEDI), Marrakesh, Morocco, 2018.</span>
 | 
						|
                    </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 data-i18n="publications.these"></strong>
 | 
						|
                    </h3>
 | 
						|
                    <p class="grey-text" data-i18n="publications.nothing"></p>                
 | 
						|
                </div>
 | 
						|
                <!--Grid column-->
 | 
						|
 | 
						|
            </div>
 | 
						|
            <!--Grid row-->
 | 
						|
        </div>
 | 
						|
        <!--Publications container-->
 | 
						|
 | 
						|
 | 
						|
        <!-- Teachings container-->
 | 
						|
        <div class="container" id="teachings" 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>2019-2020</strong><span class="font-weight-light" data-i18n="teachings.univtoulouse3"></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 Projet)
 | 
						|
                    </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>2018-2019</strong><span class="font-weight-light" data-i18n="teachings.univtoulouse3"></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 Projet)
 | 
						|
                    </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" data-i18n="teachings.univtoulouse3"></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 Projet)
 | 
						|
                    </p>
 | 
						|
                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
 | 
						|
                        <strong>Projet S2</strong> - Licence 1 (12h Projet)
 | 
						|
                    </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-->
 | 
						|
 | 
						|
        <!-- Projects container-->
 | 
						|
        <div class="container" id="projects" 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><p class="text-center mb-5" data-i18n="projects.soon"></p></strong>
 | 
						|
                    </h1>
 | 
						|
                </div>
 | 
						|
                <!-- Content -->
 | 
						|
            </section>
 | 
						|
            <!--Section: Jumbotron-->
 | 
						|
 | 
						|
        </div>
 | 
						|
        <!--Projects container-->
 | 
						|
 | 
						|
    </main>
 | 
						|
    <!--Main layout-->
 | 
						|
 | 
						|
    <div class="push"></div>
 | 
						|
    </div>
 | 
						|
    <!--Wrapper layout-->
 | 
						|
 | 
						|
    <!--Footer-->
 | 
						|
    <footer class="page-footer footer text-center font-small mdb-color darken-2 mt-4 wow fadeIn fixed-bottom">
 | 
						|
 | 
						|
        <hr class="my-2">
 | 
						|
 | 
						|
        <!-- Social icons -->
 | 
						|
        <div class="pb-1">
 | 
						|
            <a href="mailto:quentin@qrouland.com" target="_blank">
 | 
						|
                <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-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-2 ml-2 fa-3x"></i>
 | 
						|
            </a>
 | 
						|
            <a href="https://github.com/QRouland" target="_blank">
 | 
						|
                <i class="fab fa-github-square mr-2 ml-2 fa-3x"></i>
 | 
						|
            </a>
 | 
						|
        </div>
 | 
						|
		<div class="pb-1">
 | 
						|
			<a id="ukflag" href="javascript:i18next.changeLanguage('en');">
 | 
						|
				<i class="uk flag"></i>
 | 
						|
			</a>
 | 
						|
			<a id="frflag" href="javascript:i18next.changeLanguage('fr');">
 | 
						|
				<i class="france flag"></i>
 | 
						|
			</a>
 | 
						|
        </div>
 | 
						|
        <!-- Social icons -->
 | 
						|
 | 
						|
        <!--Copyright-->
 | 
						|
        <div class="footer-copyright py-2 ">
 | 
						|
            <a href="https://qrouland.com" target="_blank"> qrouland.com </a>
 | 
						|
        </div>
 | 
						|
        <!--/.Copyright-->
 | 
						|
 | 
						|
    </footer>
 | 
						|
    <!--/.Footer-->
 | 
						|
 | 
						|
    <!-- SCRIPTS -->
 | 
						|
    <!-- JQuery -->
 | 
						|
    <script type="text/javascript" src="mdb/js/jquery-3.4.1.min.js"></script>
 | 
						|
    <!-- Bootstrap tooltips -->
 | 
						|
    <script type="text/javascript" src="mdb/js/popper.min.js"></script>
 | 
						|
    <!-- Bootstrap core JavaScript -->
 | 
						|
    <script type="text/javascript" src="mdb/js/bootstrap.min.js"></script>
 | 
						|
    <!-- MDB core JavaScript -->
 | 
						|
    <script type="text/javascript" src="mdb/js/mdb.min.js"></script>
 | 
						|
    <!-- Page Selection -->
 | 
						|
    <script type="text/javascript" src="js/page_selection.js"></script>
 | 
						|
    <!-- i18next  Translation -->
 | 
						|
    <script type="text/javascript" src="js/i18next.min.js"></script>
 | 
						|
    <script type="text/javascript" src="js/i18nextBrowserLanguageDetector.min.js"></script>
 | 
						|
    <script type="text/javascript" src="js/jquery-i18next.min.js"></script>
 | 
						|
    <script type="text/javascript" src="js/translate.js"></script>
 | 
						|
    <!-- Initializations -->
 | 
						|
    <script type="text/javascript">
 | 
						|
        // Animations initialization
 | 
						|
        new WOW().init();
 | 
						|
    </script>
 | 
						|
    
 | 
						|
</body>
 | 
						|
 | 
						|
</html>
 |