DricomDragon
/
StaticWebsiteJovian


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Page description -->
    <meta name="description" content="The official website of Jovian Hersemeule.">
    <meta name="author" content="Jovian Hersemeule">

    <!-- Style sheet -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/custom/main.css" rel="stylesheet">

    <title>CV - Jovian Hersemeule</title>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-dark bg-success fixed-top">
    <a class="navbar-brand" href="index.html">Jovian Hersemeule</a>

    <ul class="navbar-nav mr-auto">
        <li class="nav-item">
            <a class="nav-link" href="index.html">
                <img src="https://img.icons8.com/color/48/000000/city.png" alt="|">
                Accueil
            </a>
        </li>
        <li class="nav-item active">
            <div class="nav-link">
                <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png" alt="|">
                CV
            </div>
        </li>
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="projects.html" id="dropdown01" data-toggle="dropdown"
               aria-haspopup="true" aria-expanded="false">
                <img src="https://img.icons8.com/color/48/000000/code.png" alt="|">
                Projets
            </a>
            <div class="dropdown-menu" aria-labelledby="dropdown01">
                <a class="dropdown-item" href="projects.html">Liste des projets</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="projets/pro_static_site.html">
                    Jovian Website
                </a>
                <a class="dropdown-item" href="projets/pro_ascii_space.html">
                    ASCII Space Destroyer
                </a>
                <a class="dropdown-item" href="projets/pro_pulsar.html">
                    Pulsar
                </a>
                <a class="dropdown-item" href="projets/pro_quoridor.html">
                    Quoridor
                </a>
            </div>
        </li>
    </ul>
</nav>

<main role="main" class="container">
    <div class="focus-center">
        <h1>
            CV
        </h1>
        <img src="https://img.icons8.com/color/96/000000/parse-from-clipboard.png" alt="cv flat icon">
        <h2>
            Curriculum Vitae
        </h2>
        <div class="row">
            <div class="col-lg-12 col-xl-6 lead">Étudiant alternant ingénieur généraliste à l'École Centrale</div>
            <div class="col-lg-12 col-xl-6 lead">Apprenti dans l'équipe STB Integration à Viaccess-Orca</div>
            <div class="col-lg-12 col-xl-6">
                <img src="images/logoCN.png" class="mx-auto" alt="Logo Centrale Nantes">
            </div>
            <div class="col-lg-12 col-xl-6">
                <img src="images/logoVO.png" class="mx-auto" style="height:100%" alt="Logo Viaccess Orca">
            </div>
        </div>
    </div>
    <h3>
        <img src="https://img.icons8.com/color/50/000000/student-male.png" alt="v ">
        Formation
    </h3>
    <div class="row">

        <!-- Centrale -->
        <div class="col-3">
            2017 - aujourd'hui
        </div>
        <div class="col-9">
            <b>École Centrale</b> – <span class="city">Nantes</span>
            <br/>
            Formation ingénieur généraliste par Alternance
            Apprentissage effectué chez Viaccess-Orca
        </div>

        <!-- Chateaubriand -->
        <div class="col-3">
            2015 - 2017
        </div>
        <div class="col-9">
            <b>Lycée Chateaubriand</b> : <span class="middle-info">Classe Préparatoire Grandes Écoles</span> – <span
                class="city">Rennes</span>
            <br/>
            Filière MPSI (Maths Physique Sciences de l'Ingénieur) – MP* (Maths Physique)
            <br/>
            option informatique
        </div>

        <!-- Réaumur -->
        <div class="col-3">
            juin 2015
        </div>
        <div class="col-9">
            <b>Lycée Réaumur</b> – <span class="city">Laval</span>
            <br/>
            Baccalauréat Scientifique spécialité Sciences de l'Ingénieur
            <br/>
            mention Très Bien
        </div>
    </div>
    <h3>
        <img src="https://img.icons8.com/color/48/000000/compass.png" alt="v ">
        Expériences
    </h3>
    <div class="row">
        <div class="col-lg-12 col-xl-6">
            <h4>Monde de l'entreprise</h4>

            <!-- Viaccess -->
            <div class="row">
                <div class="col-3">
                    déc. 2017 - aujourd'hui
                </div>
                <div class="col-9">
                    <b>Viaccess Orca</b> – <span class="city">Cesson Sévigné</span>
                    <br/>
                    Apprentissage par alternance effectué avec l'École Centrale de Nantes
                    <br/>
                    Développement informatique dans l'équipe Intégration décodeur
                    <br/>
                    > Application web de suivi de processus (Backend/Frontend)
                    <br/>
                    > Outil d'auto test (Tests décodeur)
                </div>
            </div>

            <!-- LTI -->
            <div class="row">
                <div class="col-3">
                    étés 2016-17
                </div>
                <div class="col-9">
                    <b>LTI</b> : <span class="middle-info">La Technique Industrielle</span> – <span class="city">Bain de Bretagne</span>
                    <br/>
                    job d'été en intérimaire
                    <br/>
                    assistant métallier
                </div>
            </div>

            <!-- ARA-Technology -->
            <div class="row">
                <div class="col-3">
                    avril 2014
                </div>
                <div class="col-9">
                    <b>ARA-Technology</b> – <span class="city">Laval</span>
                    <br/>
                    stage d'observation
                    <br/>
                    start-up spécialisée en
                    réalité augmentée sur supports
                    mobiles (développement sur Unity)
                </div>
            </div>

            <!-- Le Cube -->
            <div class="row">
                <div class="col-3">
                    mai 2012
                </div>
                <div class="col-9">
                    <b>Le Cube</b> – <span class="city">St Denis de Gastines</span>
                    <br/>
                    stage d'observation
                    <br/>
                    studio d'enregistrement de musique
                </div>
            </div>

            <!-- AutoCast Industry -->
            <div class="row">
                <div class="col-3">
                    juin 2011
                </div>
                <div class="col-9">
                    <b>AutoCast Industry</b> – <span class="city">Laval</span>
                    <br/>
                    stage d'observation
                    <br/>
                    fonderie de pièces automobiles
                </div>
            </div>
        </div>

        <div class="col-lg-12 col-xl-6">

            <h4>Projets scolaires</h4>

            <!-- TIPE -->
            <div class="row">
                <div class="col-3">
                    2016-2017
                </div>
                <div class="col-9">
                    <b>TIPE</b> : <span class="middle-info">Travaux d'Initiative Personnelle Encadrés</span>
                    <br/>
                    Projet de concours
                    <br/>
                    développement d'intelligences
                    artificielles sur un jeu de stratégie
                    <br/>
                    20/20 au concours Centrale
                </div>
            </div>

            <!-- PPE -->
            <div class="row">
                <div class="col-3">
                    avril 2014
                </div>
                <div class="col-9">
                    <b>PPE</b> : <span class="middle-info">Projet Pluridisciplinaire Encadré</span>
                    <br/>
                    projet de baccalauréat
                    <br/>
                    automatisation d'un distributeur autonome de
                    nourriture pour chats
                </div>
            </div>

            <!-- Club-Programmation informatique -->
            <div class="row">
                <div class="col-3">
                    2013-2015
                </div>
                <div class="col-9">
                    <b>Club-Programmation informatique</b>
                    <br/>
                    fondation et animation 4h/semaine
                    <br/>
                    travail en projets
                    <br/>
                    partage de connaissances
                </div>
            </div>
        </div>
    </div>

    <h3>
        <img src="https://img.icons8.com/color/48/000000/development-skill.png" alt="v ">
        Compétences
    </h3>

    <div class="row">
        <div class="col-lg-12 col-xl-6">
            <h4>Langues</h4><!-- Langues -->

            <div class="row">
                <!-- Français -->
                <b class="col-3">
                    Français
                </b>
                <div class="col-9">
                    Langue maternelle
                </div>

                <!-- Anglais -->
                <b class="col-3">
                    Anglais
                </b>
                <div class="col-9">
                    Fluide
                </div>

                <!-- Allemand -->
                <b class="col-3">
                    Allemand
                </b>
                <div class="col-9">
                    Bonnes bases
                </div>

                <br/>
            </div>
        </div>

        <div class="col-lg-12 col-xl-6">

            <h4>Informatique</h4><!-- Informatique -->

            <div class="row">
                <!-- C++ -->
                <b class="col-3">
                    C++
                </b>
                <div class="col-4">
                    Très bonne maîtrise
                </div>
                <em class="col-5">
                    7 ans d'expérience
                </em>

                <!-- Python -->
                <b class="col-3">
                    Python
                </b>
                <div class="col-4">
                    Bonne maîtrise
                </div>
                <em class="col-5">
                    4 ans d'expérience
                </em>

                <!-- Java -->
                <b class="col-3">
                    Java
                </b>
                <div class="col-4">
                    Bonne maîtrise
                </div>
                <em class="col-5">
                    1 ans d'expérience
                </em>

                <!-- GNU/Linux -->
                <b class="col-3">
                    GNU/Linux
                </b>
                <div class="col-4">
                    Niveau intermédiaire
                </div>
                <em class="col-5">
                    1 ans d'expérience
                </em>
            </div>

            <div class="row">
                <b class="col-3">
                    Web
                </b>
                <div class="col-4">
                    Novice
                </div>
                <em class="col-5">
                    1 ans d'expérience
                </em>
            </div>
        </div>
    </div>
    <h3>
        <img src="https://img.icons8.com/color/48/000000/treble-clef.png" alt="v ">
        Intérêts
    </h3>

    <div class="row">
        <div class="col-md-12 col-lg-6 col-xl-4">

            <h4>Sport</h4>
            Pratique du Badmindton
            <br/>
            Déplacements en vélo quotidiens
        </div>

        <div class="col-md-12 col-lg-6 col-xl-4">

            <h4>Voyages</h4>
            Touristiques : <em>Maroc, Angleterre, Italie, Espagne</em>
            <br/>
            Hébergé chez l'habitant : <em>Pays de Galles</em>
            <br/>
            Échanges et jumelage : <em>Allemagne</em>
        </div>

        <div class="col-md-12 col-lg-6 col-xl-4">

            <h4>Musique</h4>
            7 ans de clarinette dont 3 de clarinette basse
            <br/>
            4 ans membre de l'Harmonie d'Andouillé
            <br/>
            débutant en guitare
        </div>
    </div>

    <div class="sub">
        Images sources : ICON8
        <a href="https://icons8.com/icon/23319/student-male">Student Male icon by Icons8</a>
        <a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a>
        <a href="https://icons8.com/icon/12810/treble-clef">Treble Clef icon by Icons8</a>
        <a href="https://icons8.com/icon/104084/city">City icon by Icons8</a>
        <a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a>
    </div>

</main>

<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>