[contact] Add contact page

main
Mickaël Tansorier 7 years ago
parent 387434117c
commit b5dc47b888

@ -72,7 +72,7 @@
</li>
<li><a href="judo.html">Judo</a></li>
<li><a href="associations.html">Associations</a></li>
<li><a href="#">Contact</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

@ -0,0 +1,185 @@
<!DOCTYPE HTML>
<!--
Helios by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Contact</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<link rel="icon" type="image/png" href="images/favicon.png" />
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]-->
</head>
<body class="left-sidebar">
<div id="page-wrapper">
<!-- Header -->
<div id="header">
<!-- Inner -->
<div class="inner">
<header>
<h1>Contact</h1>
</header>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="index.html">Accueil</a></li>
<li>
<a href="projet_pro.html">Projet Pro.</a>
<ul>
<li><a href="projet_pro-xen.html">Virtualisation XEN</a></li>
<li><a href="projet_pro-fpga.html">Traitement dimages sur FPGA</a></li>
<li>
<a href="#">OpenWide/Smile ...</a>
<ul>
<li><a href="#">IRT-systemX: Xvisor</a></li>
<li><a href="#">Quantaflow: Quantium v2</a></li>
<li><a href="#">Hutchinson: AVAC</a></li>
<li><a href="#">Canal+: Intégrateur Yocto</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="projet_perso.html">Projet Perso.</a>
<ul>
<li>
<a href="projet_perso-PIC.html">Projets PIC ...</a>
<ul>
<li><a href="projet_perso-PIC.html#table_infini">Table dillusion infinie PIC16F87</a></li>
<li><a href="projet_perso-PIC.html#telecommande_IR">Télécommande infrarouge PIC16F87</a></li>
<li><a href="projet_perso-PIC.html#feu_tricolore">Feu tricolore de présence PIC16F87</a></li>
</ul>
</li>
<li>
<a href="projet_perso-sites_web.html">Sites Web ...</a>
<ul>
<li><a href="projet_perso-sites_web.html#AJC72">Antonnière Judo Club 72</a></li>
<li><a href="projet_perso-sites_web.html#SMMP">Service Moules et Mécanique de Précision</a></li>
<li><a href="projet_perso-sites_web.html#TANSORIER">Site presonnel</a></li>
<li><a href="projet_perso-sites_web.html#CDJS">Forum pour le Comité Départemental de Judo de la Sarthe</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="judo.html">Judo</a></li>
<li><a href="associations.html">Associations</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<!-- Main -->
<div class="wrapper style1">
<div class="container">
<div class="row 200%">
<!-- left part -->
<div class="2u 12u(mobile)" id="sidebar">
</div>
<!-- right part -->
<div class="8u 12u(mobile) important(mobile)" id="content">
<article id="main">
<header>
<p>
Vous pouvez me retrouver sur:
</p>
</header>
<h3>
<ul class="icons" style="padding: 0.15em 0.15em 0.15em 0.15em">
<li><a href="https://github.com/mtansorier" class="icon fa-github" title="GitHub"><span class="label">GitHub</span></a></li>
</ul>
<a href="https://github.com/mtansorier">GitHub</a>
</h3>
<h3>
<ul class="icons" style="padding: 0.15em 0.15em 0.15em 0.15em">
<li><a href="https://www.linkedin.com/in/micka%C3%ABl-tansorier-78b5549a/" class="icon fa-linkedin" title="LinkedIn"><span class="label">LinkedIn</span></a></li>
</ul>
<a href="https://www.linkedin.com/in/micka%C3%ABl-tansorier-78b5549a/">LinkedIn</a>
</h3>
<h3>
<ul class="icons" style="padding: 0.15em 0.15em 0.15em 0.15em">
<li><a href="http://www.viadeo.com/p/0021hkz9nemfthw5" class="icon fa-viadeo" title="Viadeo"><span class="label">Viadeo</span></a></li>
</ul>
<a href="http://www.viadeo.com/p/0021hkz9nemfthw5">Viadeo</a>
</h3>
<h3>
<ul class="icons" style="padding: 0.15em 0.15em 0.15em 0.15em">
<li><a href="mailto:mickael@tansorier.fr" class="icon fa-envelope-o" title="E-mail"><span class="label">E-mail</span></a></li>
</ul>
<a href="mailto:mickael@tansorier.fr">E-mail</a>
</h3>
<hr class="normal"/>
</article>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer">
<div class="container">
<div class="row">
<div class="12u">
<!-- Contact -->
<section class="contact">
<header>
<h3>Vous pouvez me retrouver sur:</h3>
</header>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/micka%C3%ABl-tansorier-78b5549a/" class="icon fa-linkedin" title="LinkedIn"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/mtansorier" class="icon fa-github" title="GitHub"><span class="label">GitHub</span></a></li>
<li><a href="https://mickaeltansorier.wordpress.com/" class="icon fa-wordpress" title="Wordpress"><span class="label">Wordpress</span></a></li>
<li><a href="mailto:mickael@tansorier.fr" class="icon fa-envelope-o" title="E-mail"><span class="label">E-mail</span></a></li>
<li><a href="docs/Curriculum_Vitae_-_TANSORIER.pdf" class="icon fa-download" title="Curriculum Vitae"><span class="label">Curriculum Vitae</span></a></li>
</ul>
</section>
<!-- Copyright -->
<div class="copyright">
<ul class="menu">
<li><img src="images/by.svg" /></li><li>Mickaël TANSORIER</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.onvisible.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>

@ -77,7 +77,7 @@
</li>
<li><a href="judo.html">Judo</a></li>
<li><a href="associations.html">Associations</a></li>
<li><a href="#">Contact</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

@ -72,7 +72,7 @@
</li>
<li><a href="judo.html">Judo</a></li>
<li><a href="associations.html">Associations</a></li>
<li><a href="#">Contact</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

@ -72,7 +72,7 @@
</li>
<li><a href="judo.html">Judo</a></li>
<li><a href="associations.html">Associations</a></li>
<li><a href="#">Contact</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

@ -72,7 +72,7 @@
</li>
<li><a href="judo.html">Judo</a></li>
<li><a href="associations.html">Associations</a></li>
<li><a href="#">Contact</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

@ -72,7 +72,7 @@
</li>
<li><a href="judo.html">Judo</a></li>
<li><a href="associations.html">Associations</a></li>
<li><a href="#">Contact</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

@ -72,7 +72,7 @@
</li>
<li><a href="judo.html">Judo</a></li>
<li><a href="associations.html">Associations</a></li>
<li><a href="#">Contact</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

@ -72,7 +72,7 @@
</li>
<li><a href="judo.html">Judo</a></li>
<li><a href="associations.html">Associations</a></li>
<li><a href="#">Contact</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

@ -72,7 +72,7 @@
</li>
<li><a href="judo.html">Judo</a></li>
<li><a href="associations.html">Associations</a></li>
<li><a href="#">Contact</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

Loading…
Cancel
Save