| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- <!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>Home - 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>
- <img class="rounded-circle jovian-toggler" type="button" data-toggle="collapse" data-target="#joviaNav" aria-controls="joviaNav"
- aria-expanded="false" aria-label="Dérouler le menu" src="https://img.icons8.com/color/48/000000/menu-2.png" alt="V">
- <div class="collapse navbar-collapse" id="joviaNav">
- <ul class="navbar-nav mr-auto">
- <li class="nav-item active">
- <div class="nav-link">
- <img src="https://img.icons8.com/color/48/000000/city.png" alt="|">
- Accueil
- </div>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="cv.html">
- <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png" alt="|">
- CV
- </a>
- </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>
- <li class="nav-item">
- <a class="nav-link" href="contact.html">
- <img src="https://img.icons8.com/color/48/000000/secured-letter.png" alt="|">
- Contact
- </a>
- </li>
- </ul>
- </div>
- </nav>
- <!-- Content -->
- <main role="main" class="container">
- <div class="focus-center">
- <h1>Jovian Hersemeule</h1>
- <img src="https://img.icons8.com/color/96/000000/city.png" alt="home flat icon">
- <h2>Bienvenue sur mon site internet. :-)</h2>
- <p class="lead">Vous trouverez ici les principales informations me concernant : qui je suis, mon parcours, mon
- expérience professionnelle et mes projets de programmation.<br>Bonne visite !</p>
- </div>
- <img class="rounded img-fluid mx-auto d-block" src="images/home_picture_v1.jpg" alt="Photo d'accueil" usemap="#homemap">
- <!-- Map image parts to site naviagtion -->
- <map name="homemap">
- <area shape="rect" coords="120,12,412,306" alt="CV" href="cv.html">
- <area shape="rect" coords="494,592,944,880" alt="Projets" href="projects.html">
- <area shape="rect" coords="0,564,194,708" alt="Contact" href="contact.html">
- </map>
- </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>
|
