Travail

2025-06-14 17:09:02 +02:00
parent 2c713bec54
commit 5289c6a7fd
32 changed files with 1474 additions and 0 deletions
--- a/Page-coco.html
+++ b/Page-coco.html
@@ -0,0 +1,76 @@
+<!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>Coco !</h3>
+
+    <section class="Partie1">
+    <p style="text-align:center">
+      <img src="./perso/coco.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>