2013-2014/3ePro/Site/GrpA/tp_final_1/index.html

88 lines
4.1 KiB
HTML
Raw Normal View History

2017-06-16 06:46:40 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title>Zaza - Carnets de zaza</title>
</head>
<!--[if IE 6 ]><body class="ie6 old_ie"><![endif]-->
<!--[if IE 7 ]><body class="ie7 old_ie"><![endif]-->
<!--[if IE 8 ]><body class="ie8"><![endif]-->
<!--[if IE 9 ]><body class="ie9"><![endif]-->
<!--[if !IE]><!--><body><!--<![endif]-->
<div id="bloc_page">
<header>
<div id="titre_principal">
<img src="images/zozor_logo.png" alt="Logo de Zozor" id="logo" />
<h1>manon et moche </h1>
<h2>Carnets de ledron </h2>
</div>
<nav>
<ul>
<li><a href="#">Accueil de merde </a></li>
<li><a href="#">Blog de merde</a></²li>
<li><a href="#">CV de merde </a></li>
<li><a href="#">Contact de merde </a></li>
</ul>
</nav>
</header>
<div id="banniere_image">
<div id="banniere_description">
Retour sur mes vacances aux États-Unis...
<a href="#" class="bouton_rouge">Voir l'article <img src="images/flecheblanchedroite.png" alt="" /></a>
</div>
</div>
<section>
<article>
<h1><img src="images/ico_epingle.png" alt="Catégorie voyage" class="ico_categorie" />Jerome Coutinho</h1>éy²
<p>riena dire ....</p>
<p>en cour de math on change des page.</p>
<p>azerty.</p>
</article>
<aside>
<h1>À propos de l'ane</h1>
<img src="images/bulle.png" alt="" id="fleche_bulle" />
<p id="photo_zozor"><img src="images/zozor_classe.png" alt="Photo de Zozor" /></p>
<p>si tu lit sa c'est que t con.</p>
<pBien maigre, n'est-ce pas ? C'est pourquoi, aujourd'hui, j'ai décidé d'écrire ma biographie (ou zBiographie, comme vous voulez !) afin que les zéros sachent qui je suis réellement.</p>
<p><img src="images/facebook.png" alt="Facebook" /><img src="images/twitter.png" alt="Twitter" /><img src="images/vimeo.png" alt="Vimeo" /><img src="images/flickr.png" alt="Flickr" /><img src="images/rss.png" alt="RSS" /></p>
</aside>
</section>
<footer>
<div id="tweet">
<h1>Mon dernier bracage</h1>
<p>Hii hohohohohohohohohoho !</p>
<p>le 12 mai à 23h12</p>
</div>
<div id="mes_photos">
<h1>Mes photos de boulle </h1>
<p><img src="images/photo1.jpg" alt="Photographie" /><img src="images/photo2.jpg" alt="Photographie" /><img src="images/photo3.jpg" alt="Photographie" /><img src="images/photo4.jpg" alt="Photographie" /></p>
</div>
<div id="mes_amis">
<h1>Mes amis que j'adore </h1>
<ul>
<li><a href="#">petie lapin</a></li>
<li><a href="#">Mr bakard </a></li>
<li><a href="#">mistubichi</a></li>
<li><a href="#">evolution</a></li>
</ul>
<ul>
<li><a href="#">relex</a></li>
<li><a href="#">Le concombre mére</a></li>
<li><a href="#">Ptit lu</a></li>
<li><a href="#">Mr mba</a></li>
</ul>
</div>
</footer>
</div>
</body>
</html>