90 lines
4.0 KiB
HTML
90 lines
4.0 KiB
HTML
<!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>Zozor - Carnets de voyage</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>totor</h1>
|
|
<h2>Carnets de voyage</h2>
|
|
</div>
|
|
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#">Accueil</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li><a href="#">CV</a></li>
|
|
<li><a href="#">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<div id="banniere_image">
|
|
<div id="banniere_description">
|
|
|
|
et oui c la vie lalalala
|
|
on va semer
|
|
on va danser lalalal
|
|
<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" />toto le toro</h1>
|
|
<p>
|
|
Lara a en vie dalez a la plage pck elle aime leau le suleil li mailot di bain les fete ,elle aime les baisson alcoliser (as boire avec moderation biensur) comme la vodcat lara elle as une bouche en triangleet en plus elle est toute petit DOMAGE !!! </p>
|
|
</article>
|
|
<aside>
|
|
<h1>a propo de toi !!! LARA RAINERI</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>malik la grosse ...et que lara raineri aime</p>
|
|
<p>Bien grosse!!!!</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 tweet</h1>
|
|
<p>Hii haaaaaan !</p>
|
|
<p>le 12 mai à 23h12</p>
|
|
</div>
|
|
<div id="mes_photos">
|
|
<h1>Mes photos</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</h1>
|
|
<ul>
|
|
<li><a href="#">Pupi le lapin</a></li>
|
|
<li><a href="#">Mr Baobab</a></li>
|
|
<li><a href="#">Kaiwaii</a></li>
|
|
<li><a href="#">Perceval.eu</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li><a href="#">Belette</a></li>
|
|
<li><a href="#">Le concombre masqué</a></li>
|
|
<li><a href="#">Ptit prince</a></li>
|
|
<li><a href="#">Mr Fan</a></li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|