|
|
@@ -0,0 +1,89 @@
|
|
|
+<!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>Contact - 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">
|
|
|
+ <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">
|
|
|
+ <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 active">
|
|
|
+ <div class="nav-link">
|
|
|
+ <img src="https://img.icons8.com/color/48/000000/secured-letter.png" alt="|">
|
|
|
+ Contact
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+</nav>
|
|
|
+
|
|
|
+<!-- Content -->
|
|
|
+<main role="main" class="container">
|
|
|
+
|
|
|
+ <div class="focus-center">
|
|
|
+ <h1>Contact</h1>
|
|
|
+ <img src="https://img.icons8.com/color/96/000000/filled-message.png" alt="home flat icon">
|
|
|
+ <h2>Retrouvez ici différents moyens pour me contacter</h2>
|
|
|
+ <p class="lead">Pour l'instant par Linkedin, bientôt avec une adresse mail personnalisée.</p>
|
|
|
+ </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>
|
Jovian Hersemeule Satellite