qrouland.com/index.html

588 lines
31 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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.13.0/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" >
<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="[html]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://scholar.google.com/citations?user=X4Cjro0AAAAJ" target="_blank">
<i class="fab fa-google 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://orcid.org/0000-0001-8613-1842" target="_blank">
<i class="fab fa-orcid 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">
<span data-i18n="[html]about.location"></span>
</p>
<!--p class="card-text">
Curriculum Vitae <br/>
<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-->
</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.uqo.title"></strong><br>
<span class="pl-3 font-small" data-i18n="[html]experiences.uqo.location"></span><br>
</p>
<p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong data-i18n="experiences.carleton.title"></strong><br>
<span class="pl-3 font-small" data-i18n="[html]experiences.carleton.location"></span><br>
</p>
<p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong data-i18n="experiences.ater.title"></strong><br>
<span class="pl-3 font-small" data-i18n="[html]experiences.ater.location"></span><br>
</p>
<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.phd.title"></strong><br>
<span class="pl-3 font-small" data-i18n="[html]training.phd.location"></span>
</p>
<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="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.1016/j.sysarc.2021.102073 ">Specification, detection, and treatment of STRIDE threats for software components: Modeling, formal methods, and tool support</a>.<br>
<span class="pl-3"></span>Journal of Systems Architecture (JSA), 2021.
</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.1016/j.future.2020.02.033">Formal Specification and Verification of Reusable Communication Models for Distributed Systems Architecture</a>.<br>
<span class="pl-3"></span>Future Generation Computer Systems (FGCS), 2020.
</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><strong>Quentin Rouland</strong>, Stojanche Gjorcheski, Jason Jaskolka. <span class="text-primary" href="#">A Security Compliance-by-Design Framework Utilizing Reusable Formal Model (In Press)</span>.<br>
<span class="pl-3">23rd IEE International Conference on Software Quality, Reliability, and Security Companion (QRS) , Chiang Mai, Thailand, 2023.</span>
</p>
<p class="mb-2 text-justify">
<i class="fas fa-angle-right mr-2"></i>James Baak, <strong>Quentin Rouland</strong>, Jason Jaskolka. <span class="text-primary" href="#">A Formal Metamodel with Composite Components (In Press)</span>.<br>
<span class="pl-3">12th International Conference on Model and Data Engineering (MEDI), Sousse, Tunisia, 2023.</span>
</p>
<p class="mb-2 text-justify">
<i class="fas fa-angle-right mr-2"></i><strong>Quentin Rouland</strong>, Stojanche Gjorcheski, Jason Jaskolka. <a class="text-primary" href="https://doi.org/10.1109/REW57809.2023.00045">Eliciting a Security Architecture Requirements Baseline from Standards and Regulations</a>.<br>
<span class="pl-3">10th IEEE International Workshop on Evolving Security & Privacy Requirements Engineering (ESPRE), Hannover, Germany, 2023.</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, Jason Jaskolka. <a class="text-primary" href="https://doi.org/10.1109/ICSA-C57050.2023.00042 ">Formalizing the Relationship between Security Policies and Objectives in Software Architectures</a>.<br>
<span class="pl-3">20th IEEE International Conference on Software Architecture Companion (ICSA), L'Aquila, Italy, 2023.</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-64694-3_4">Reusable Formal Models for Threat Specification, Detection, and Treatment</a>.<br>
<span class="pl-3">19th International Conference on Software and Systems Reuse (ICSR), Hammamet, Tunisia, 2020.</span>
</p>
<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">8th 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>
</h3>
<p class="mb-2 text-justify">
<i class="fas fa-angle-right mr-2"></i><strong>Quentin Rouland</strong>. <a class="text-primary" href="/assets/Manuscript.pdf">Rigorous development of secure architecture within the negative and positive statements: properties, models, analysis and tool support</a>.<br>
<span class="pl-3">PhD Thesis, Université Toulouse 3 Paul Sabatier, 2021.</span>
</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>2020-2021</strong><span class="font-weight-light" data-i18n="teachings.univtoulouse2"></span>
</h3>
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Architecture orientée service</strong> - Master 2 (8h Cours)
</p>
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Ouverture à la recherche, veille</strong> - Master 2 (2h Cours)
</p>
<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 TD/TP)
</p>
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Conception et développement orientés objets</strong> - Licence 3 (10h TD/TP, 12h Projet)
</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 (12h Projet)
</p>
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Pix</strong> - Licence 2 (48h TD/TP)
</p>
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Algorithmique et Programmation</strong> - Licence 1 (17h Cours, 31h TD/TP)
</p>
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Algorithmique S1</strong> - Licence 1 (28h TD/TP)
</p>
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Base de données</strong> - Licence 1 (19h Cours, 36h TD/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 linformation</strong> - Licence 1 (12h TD/TP)
</p>
</div>
<!--Grid column-->
</div>
<!--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://scholar.google.com/citations?user=X4Cjro0AAAAJ" target="_blank">
<i class="fab fa-google 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://orcid.org/0000-0001-8613-1842">
<i class="fab fa-orcid 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://gitlab.com/QRouland" target="_blank">
<i class="fab fa-gitlab 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>