88 lines
4.1 KiB
HTML
88 lines
4.1 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>Melanie je t'aime </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>Melanie</h1>
|
|||
|
|
<h2>Je taime trop </h2>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<nav>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">t'es tout pour moi</a></li>
|
|||
|
|
<li><a href="#">je veux etre avec toi</a></li>
|
|||
|
|
<li><a href="#">pour toujour</a></li>
|
|||
|
|
<li><a href="#">je t'aime de tout mon coeur</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</nav>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<div id="banniere_image">
|
|||
|
|
<div id="banniere_description">
|
|||
|
|
Retour sur mes vacances as Paris je t'ai prix plins de truck
|
|||
|
|
<a href="#" class="bouton_rouge">Je t'adore <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" />Tu sera toujours dans mon coeur </h1>
|
|||
|
|
<p>Je t'aime et je t'aimerais toujour</p>
|
|||
|
|
<p>je peux plus me passer de toi t'es tout pour moi</p>
|
|||
|
|
<p>et je veux toujo_urs etres avec toi</p>
|
|||
|
|
</article>
|
|||
|
|
<aside>
|
|||
|
|
<h1>À propos de moi</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>Bah ces simple je t'aime de tout mon etre</p>
|
|||
|
|
<p>C'est pourquoi j'ai dessider de te proteger jusqu'a ma mort</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 mots</h1>
|
|||
|
|
<p>c'est d'etre avec toi !!!!!</p>
|
|||
|
|
</p>et jme souviendrai toujours de cette date le 11 octobre 2013
|
|||
|
|
</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>t'es surnom
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">mon coeur </a></li>
|
|||
|
|
<li><a href="#">Mon bébé</a></li>
|
|||
|
|
<li><a href="#">mon ange</a></li>
|
|||
|
|
<li><a href="#">mon eclair au chocolat</a></li>
|
|||
|
|
</ul>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">ma peluche</a></li>
|
|||
|
|
<li><a href="#">mon amour</a></li>
|
|||
|
|
<li><a href="#">mon monde</a></li>
|
|||
|
|
<li><a href="#">Ma princesse</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|