[projet_perso][projet_perso-sites_web] Add Pages projet_perso, and sites_web

main
Mickaël Tansorier 8 years ago
parent 1c69a1a938
commit 3f014859a8

@ -2417,6 +2417,21 @@
padding-top: 2em; padding-top: 2em;
} }
#main header > p {
font-size: 1em;
margin-top: 10px;
margin-bottom: 10px;
}
#main header > h3.projet-titre{
display: inline-block;
}
#main header > h3.projet-date{
display: inline-block;
float: right;
}
#main p, ul, ol, dl, table { #main p, ul, ol, dl, table {
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
@ -2424,7 +2439,7 @@
/*font-size: 1em;*/ /*font-size: 1em;*/
} }
#main p br { #main p > br {
margin-bottom: 5px; margin-bottom: 5px;
} }

@ -54,7 +54,7 @@
</ul> </ul>
</li> </li>
<li> <li>
<a href="#">Projet Perso.</a> <a href="projet_perso.html">Projet Perso.</a>
<ul> <ul>
<li> <li>
<a href="#">Projets PIC ...</a> <a href="#">Projets PIC ...</a>
@ -65,11 +65,12 @@
</ul> </ul>
</li> </li>
<li> <li>
<a href="#">Sites Web ...</a> <a href="projet_perso-sites_web.html">Sites Web ...</a>
<ul> <ul>
<li><a href="#">Antonnière Judo Club 72</a></li> <li><a href="projet_perso-sites_web.html#AJC72">Antonnière Judo Club 72</a></li>
<li><a href="#">Service Moules et Mécanique de Précision</a></li> <li><a href="projet_perso-sites_web.html#SMMP">Service Moules et Mécanique de Précision</a></li>
<li><a href="#">Forum pour le Comité Départemental de Judo de la Sarthe</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> </ul>
</li> </li>
</ul> </ul>

@ -0,0 +1,238 @@
<!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="#">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="#">Table dillusion infinie PIC16F87</a></li>
<li><a href="#">Télécommande infrarouge PIC16F87</a></li>
<li><a href="#">Feu tricolore de présence PIC16F87</a></li>
</ul>
</li>
<li>
<a href="projet_perso-projet_perso-sites_web.html">Sites Web ...</a>
<ul>
<li><a href="projet_perso-projet_perso-sites_web.html#AJC72">Antonnière Judo Club 72</a></li>
<li><a href="projet_perso-projet_perso-sites_web.html#SMMP">Service Moules et Mécanique de Précision</a></li>
<li><a href="projet_perso-projet_perso-sites_web.html#TANSORIER">Site presonnel</a></li>
<li><a href="projet_perso-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-projet_perso-sites_web.html#AJC72">Antonnière Judo Club 72</a></li>
<li><a href="projet_perso-projet_perso-sites_web.html#SMMP">Service Moules et Mécanique de Précision</a></li>
<li><a href="projet_perso-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)</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 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>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 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>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>

@ -0,0 +1,161 @@
<!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>Projets Personnels</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="no-sidebar">
<div id="page-wrapper">
<!-- Header -->
<div id="header">
<!-- Inner -->
<div class="inner">
<header>
<h1>Projets Personnels</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="#">Projets PIC ...</a>
<ul>
<li><a href="#">Table dillusion infinie PIC16F87</a></li>
<li><a href="#">Télécommande infrarouge PIC16F87</a></li>
<li><a href="#">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">
<article id="main" class="special">
<header>
<h3>Voici les différents projets Personnels sur lesquels jai travaillé:</h3>
</header>
<section>
<header>
<h3 class="projet-titre"><a href="#">Projet microcontrolleur PIC</a></h3>
<h3 class="projet-date">2015</h3>
</header>
<p>
<i><u>mots clés</u>: C — PWD — infrarouge</i>
</p>
</section>
<section>
<header>
<h3 class="projet-titre"><a href="projet_perso-sites_web.html">Sites web</a></h3>
<h3 class="projet-date">2009-Aujourd'hui</h3>
</header>
<p>
<i><u>mots clés</u>: HTML — PHP — CSS — Javacript — Ajax — SQL — phpMyAdmin — captcha</i>
</p>
</section>
</article>
</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>

@ -60,11 +60,12 @@
</ul> </ul>
</li> </li>
<li> <li>
<a href="#">Sites Web ...</a> <a href="projet_perso-sites_web.html">Sites Web ...</a>
<ul> <ul>
<li><a href="#">Antonnière Judo Club 72</a></li> <li><a href="projet_perso-sites_web.html#AJC72">Antonnière Judo Club 72</a></li>
<li><a href="#">Service Moules et Mécanique de Précision</a></li> <li><a href="projet_perso-sites_web.html#SMMP">Service Moules et Mécanique de Précision</a></li>
<li><a href="#">Forum pour le Comité Départemental de Judo de la Sarthe</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> </ul>
</li> </li>
</ul> </ul>

@ -60,11 +60,12 @@
</ul> </ul>
</li> </li>
<li> <li>
<a href="#">Sites Web ...</a> <a href="projet_perso-sites_web.html">Sites Web ...</a>
<ul> <ul>
<li><a href="#">Antonnière Judo Club 72</a></li> <li><a href="projet_perso-sites_web.html#AJC72">Antonnière Judo Club 72</a></li>
<li><a href="#">Service Moules et Mécanique de Précision</a></li> <li><a href="projet_perso-sites_web.html#SMMP">Service Moules et Mécanique de Précision</a></li>
<li><a href="#">Forum pour le Comité Départemental de Judo de la Sarthe</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> </ul>
</li> </li>
</ul> </ul>

@ -60,11 +60,12 @@
</ul> </ul>
</li> </li>
<li> <li>
<a href="#">Sites Web ...</a> <a href="projet_perso-sites_web.html">Sites Web ...</a>
<ul> <ul>
<li><a href="#">Antonnière Judo Club 72</a></li> <li><a href="projet_perso-sites_web.html#AJC72">Antonnière Judo Club 72</a></li>
<li><a href="#">Service Moules et Mécanique de Précision</a></li> <li><a href="projet_perso-sites_web.html#SMMP">Service Moules et Mécanique de Précision</a></li>
<li><a href="#">Forum pour le Comité Départemental de Judo de la Sarthe</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> </ul>
</li> </li>
</ul> </ul>

Loading…
Cancel
Save