<!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="images/favicon.png" /><![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="projet_pro-openwide_smile.html">OpenWide/Smile ...</a>
											<ul>
												<li><a href="projet_pro-openwide_smile.html#ROBOT">Sepro: Robot et pendant</a></li>
												<li><a href="projet_pro-openwide_smile.html#IPU-IMX6">Cogelec: ipu I.MX6</a></li>
												<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 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.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#TANSORIER">Site Personnel Tansorier</a></li>
										<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#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>Site personnel Tansorier <span style="float: right;">2017-20XX</span></li>
												<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>Forum du Comité Départemental de Judo de la Sarthe (CDJS) <span style="float: right;">2012</span></li>
											</ul>
										</p>
									</header>

									<section id="TANSORIER">
										<header>
											<h3><u>Site Personnel Tansorier</u></h3>
											<p><a href="http://tansorier.fr">tansorier.fr</a></p>
										</header>
										<p>
											Le site sur lequel vous êtes actuellement.
										</p>
										<div class="image centered" style="width: 618px">
											<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://git.tansorier.fr/micka/website-helios.git" class="icon fa-git-square" title="Git"><span class="label">Git</span> Sources disponible</a>
										</p>
									</section>

									<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: 615px">
											<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 d’une entreprise industriel de fabrique de moules.
										</p>
										<div class="image centered" style="width: 615px">
											<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="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/mtansorier/" class="icon fa-linkedin" title="LinkedIn"><span class="label">LinkedIn</span></a></li>
											<li><a href="https://git.tansorier.fr/micka" class="icon fa-git-square" title="Git"><span class="label">Git</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>