74 lines
2.2 KiB
HTML
74 lines
2.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
|
||
|
|
<html>
|
||
|
|
<html lang="fr">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<link rel="stylesheet" href="notrestyle.css">
|
||
|
|
<title>5ThingsIHateAboutLove</title>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
section {
|
||
|
|
height: 70vh; /* pleine hauteur d'écran */
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<header style="gap: 40px;" >
|
||
|
|
<div class="centragedansleheader">
|
||
|
|
|
||
|
|
<!-- bouton vers l'accueil-->
|
||
|
|
<a href="./Page-acc.html">
|
||
|
|
<img class="imageenbloc1" src="./home.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 40px;">
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<!-- logo-->
|
||
|
|
<img class="imageenbloc2" src="./LOGO.jpg" alt="image not found" width="400">
|
||
|
|
|
||
|
|
<!-- bouton connexion-->
|
||
|
|
<a href="./connexion/login.html" style="margin-left: auto;">
|
||
|
|
<img class="loginbutton" src="./usericon.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 30px;">
|
||
|
|
</a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div class="menu"> <!-- pour acceder aux autres rubriques-->
|
||
|
|
<ul>
|
||
|
|
<li class="personnage"><a> Personnages </a>
|
||
|
|
<ul class="perso">
|
||
|
|
<li> <a href="./Page-coco.html">Coco</a></li>
|
||
|
|
<li> <a href="./Page-moon.html">Moon</a></li>
|
||
|
|
<li> <a href="./Page-dove.html">Dove</a></li>
|
||
|
|
<li> <a href="./Page-rachel.html">Rachel</a></li>
|
||
|
|
<li> <a href="./Page-jinsley.html">Jinsley</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li><a href="./Page-event.php"> Evenements </a></li>
|
||
|
|
<li><a href="./Page-ress.html"> Ressources psychologiques </a></li>
|
||
|
|
<li><a href="./Page-lettre.html"> Lettre a soi </a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p id="Debutrubrique"></p> <!-- on enleve le truc qui permet de revenir au titre de la page sans que ca soit cacher par la barre de rubriques-->
|
||
|
|
<h2>Presentation de ...</h2>
|
||
|
|
<h3>Moon !</h3>
|
||
|
|
|
||
|
|
<section class="Partie1">
|
||
|
|
<p style="text-align:center">
|
||
|
|
<img src="./perso/moon.png" alt="image not found" style="float:center;width:700px;height:500px;">
|
||
|
|
</p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
Explorer l'amour pour mieux se retrouver
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|