|
|
<!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>Sites Web</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>Sites Web</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 d’images 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 d’illusion 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</a></li>
|
|
|
<li><a href="#">Associations</a></li>
|
|
|
<li><a href="#">Contact</a></li>
|
|
|
</ul>
|
|
|
</nav>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Main -->
|
|
|
<div class="wrapper style1">
|
|
|
|
|
|
<div class="container">
|
|
|
<div class="row 200%">
|
|
|
|
|
|
<!-- left part -->
|
|
|
<div class="3u 12u(mobile)" id="sidebar">
|
|
|
<hr class="first" />
|
|
|
<section>
|
|
|
<header>
|
|
|
<h3>Sites Web</h3>
|
|
|
</header>
|
|
|
<ul class="leftmenu">
|
|
|
<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 Personnel</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>
|
|
|
</section>
|
|
|
<hr />
|
|
|
</div>
|
|
|
|
|
|
<!-- right part -->
|
|
|
<div class="7u 12u(mobile) important(mobile)" id="content">
|
|
|
<article id="main">
|
|
|
<header>
|
|
|
<h3>J’ai créé et j’administre différents sites web:</h3>
|
|
|
<p>
|
|
|
<ul class="default">
|
|
|
<li>Antonnière Judo Club 72 (AJC72)</li>
|
|
|
<li>Service Moules et Mécanique de Précision (SMMP)</li>
|
|
|
<li>Site Tansorier</li>
|
|
|
<li>Forum du Comité Départemental de Judo de la Sarthe (CDJS)</li>
|
|
|
</ul>
|
|
|
</p>
|
|
|
</header>
|
|
|
|
|
|
<section id="AJC72">
|
|
|
<header>
|
|
|
<h3><u>Antonnière Judo Club 72</u></h3>
|
|
|
<p><a href="http://siteajc72.free.fr">siteajc72.free.fr</a></p>
|
|
|
</header>
|
|
|
<p>
|
|
|
Le site de l’AJC72 est le site internet du club de judo de La Milesse.
|
|
|
</p>
|
|
|
<div class="image centered" style="width: 623px">
|
|
|
<img src="images/projet_perso-sites_web/site_ajc72.png" alt="Charge de travail de serveurs" />
|
|
|
</div>
|
|
|
<p>
|
|
|
<i><u>Technologie</u>: HTML — PHP — CSS — Javacript — Ajax — SQL — phpMyAdmin — captcha</i>
|
|
|
</p>
|
|
|
</section>
|
|
|
|
|
|
<section id="SMMP">
|
|
|
<header>
|
|
|
<h3><u>Service Moules et Mécanique de Précision</u></h3>
|
|
|
<p><a href="http://societe.smmp.free.fr/">societe.smmp.free.fr</a></p>
|
|
|
</header>
|
|
|
<p>
|
|
|
Le site SMMP est le site d’une entreprise industriel de fabrique de moules.
|
|
|
</p>
|
|
|
<div class="image centered" style="width: 623px">
|
|
|
<img src="images/projet_perso-sites_web/site_smmp.png" alt="Charge de travail de serveurs" />
|
|
|
</div>
|
|
|
<p>
|
|
|
<i><u>Technologie</u>: HTML — PHP — CSS — captcha</i>
|
|
|
</p>
|
|
|
</section>
|
|
|
|
|
|
<section id="TANSORIER">
|
|
|
<header>
|
|
|
<h3><u>Site Personnel</u></h3>
|
|
|
<p><a href="http://tansorier.fr">tansorier.fr</a></p>
|
|
|
</header>
|
|
|
<p>
|
|
|
Le site sur lequel vous !!etes!! actuellement.
|
|
|
</p>
|
|
|
<div class="image centered" style="width: 623px">
|
|
|
<img src="images/projet_perso-sites_web/site_tansorier.png" alt="Charge de travail de serveurs" />
|
|
|
</div>
|
|
|
<p>
|
|
|
<i><u>Technologie</u>: HTML — CSS</i><br />
|
|
|
<a href="https://github.com/mtansorier/website-helios.git" class="icon fa-github" title="GitHub"><span class="label">GitHub</span> Sources disponible sur GitHub</a>
|
|
|
</p>
|
|
|
</section>
|
|
|
|
|
|
<section id="CDJS">
|
|
|
<header>
|
|
|
<h3><u>Forum pour le Comité Départemental de Judo de la Sarthe</u></h3>
|
|
|
<p><a href="http://forum.sarthe.judo.free.fr/">forum.sarthe.judo.free.fr</a></p>
|
|
|
</header>
|
|
|
<p>
|
|
|
Le forum est une plateforme à destination de tous les licenciés de judo du département de la Sarthe.
|
|
|
</p>
|
|
|
<div class="image centered" style="width: 623px">
|
|
|
<img src="images/projet_perso-sites_web/site_forum_cdjs.png" alt="Charge de travail de serveurs" />
|
|
|
</div>
|
|
|
<p>
|
|
|
<i><u>Technologie</u>: HTML — PHP — CSS — Javacript — SQL — phpMyAdmim</i>
|
|
|
</p>
|
|
|
</section>
|
|
|
|
|
|
</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>
|
