439 lines
		
	
	
		
			19 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			439 lines
		
	
	
		
			19 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						||
<html lang="en">
 | 
						||
 | 
						||
<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">
 | 
						||
    <!-- 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">
 | 
						||
                        <li class="nav-item" id="about_menu">
 | 
						||
                            <a class="nav-link waves-effect" href="javascript:page_selection('#about');">A propos de moi</a>
 | 
						||
                        </li>
 | 
						||
                        <li class="nav-item" id="formexp_menu">
 | 
						||
                            <a class="nav-link waves-effect" href="javascript:page_selection('#formexp');">Expériences Professionnelles & Formations</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');">Enseignements</a>
 | 
						||
                        </li>
 | 
						||
                        <li class="nav-item" id="projects_menu">
 | 
						||
                            <a class="nav-link waves-effect" href="javascript:page_selection('#projects');">Projects</a>
 | 
						||
                        </li>
 | 
						||
                    </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">
 | 
						||
 | 
						||
                    <!-- 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>
 | 
						||
                <!--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>
 | 
						||
 | 
						||
        </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;">
 | 
						||
            <!--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>
 | 
						||
                <!--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;">
 | 
						||
            <!--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>
 | 
						||
                <!--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-->
 | 
						||
 | 
						||
        <!-- 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>Projects</strong>
 | 
						||
                        <p class="text-center mb-5">Coming soon...</p>
 | 
						||
                    </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-4">
 | 
						||
            <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>
 | 
						||
        <!-- 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">
 | 
						||
        function page_selection(new_hash){
 | 
						||
            old_hash = $(location).attr('hash');
 | 
						||
            $(old_hash).css('display', 'none');
 | 
						||
            $(old_hash + "_menu").removeClass('active');
 | 
						||
            $(new_hash).css('display', 'block');
 | 
						||
            $(new_hash + "_menu").addClass('active');
 | 
						||
            $(location).prop('hash', new_hash);
 | 
						||
            $("#navbarSupportedContent").removeClass('show');
 | 
						||
            window.scrollTo(0, 0);
 | 
						||
        }
 | 
						||
 | 
						||
        var hash = $(location).attr('hash');
 | 
						||
        if(hash != "") 
 | 
						||
            page_selection(hash);
 | 
						||
        else 
 | 
						||
            page_selection("#about");
 | 
						||
    </script>
 | 
						||
    <!-- Initializations -->
 | 
						||
    <script type="text/javascript">
 | 
						||
        // Animations initialization
 | 
						||
        new WOW().init();
 | 
						||
    </script>
 | 
						||
    
 | 
						||
</body>
 | 
						||
 | 
						||
</html> |