You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
website-helios/projet_perso-sites_web.html

239 lines
9.9 KiB

<!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 dimages sur FPGA</a></li>
<li>
<a href="projet_pro-openwide_smile.html">OpenWide/Smile ...</a>
<ul>
<li><a href="projet_pro-openwide_smile.html#G9MINI">Canal+: Intégrateur Yocto</a></li>
<li><a href="projet_pro-openwide_smile.html#AVAC">Hutchinson: AVAC</a></li>
<li><a href="projet_pro-openwide_smile.html#QUANTIUM">Quantaflow: Quantium v2</a></li>
<li><a href="projet_pro-openwide_smile.html#XVISOR">IRT-systemX: Xvisor</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="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>Jai créé et jadministre différents sites web:</h3>
<p>
<ul class="default">
<li>Antonnière Judo Club 72 (AJC72) <span style="float: right;">2009-20XX</span></li>
<li>Service Moules et Mécanique de Précision (SMMP) <span style="float: right;">2015</span></li>
<li>Site Tansorier <span style="float: right;">2017-20XX</span></li>
<li>Forum du Comité Départemental de Judo de la Sarthe (CDJS) <span style="float: right;">20XX</span></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 lAJC72 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>Technologies</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 dune 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>Technologies</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>Technologies</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>Technologies</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>