Travail

2025-06-14 17:09:02 +02:00
parent 2c713bec54
commit 5289c6a7fd
32 changed files with 1474 additions and 0 deletions
--- a/Page-lettre.html
+++ b/Page-lettre.html
@@ -0,0 +1,97 @@
+<!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> <!-- comme ca on peut revenir au titre de la page sans que ca soit cacher par la barre de rubriques-->
+  <h2>Lettre a soi</h2>
+
+    <section class="Partie1">
+
+    <p>
+  "Ecrire sur des bouleversements emotionnels peut ameliorer la sante physique comme mentale."
+  -- Ecrire pour se liberer, pas pour etre lue c'est ce que met en avant le psychologue Dr. James W. Pennebaker
+</p>
+
+<p>
+  C'est l'un des premiers a avoir etudie scientifiquement l'ecriture emotionnelle.
+  Il a demontre que le simple fait d'ecrire pendant quelques minutes sur ce qu'on ressent permet de reduire le stress, d'ameliorer le sommeil, et meme de renforcer le systeme immunitaire.
+</p>
+
+<p>
+  A votre tour maintenant !
+</p>
+
+<p>
+  Ecrivez ce que vous ressentez, cliquez sur "Envoyer", et la lettre disparait a jamais. Comme si elle avait ete brulee. Elle n'est ni sauvegardee, ni envoyee, juste ecrite... et laissee aller. Et dans ce silence, peut-etre que quelque chose guerira.
+</p>
+
+
+
+
+    </section>
+  <form action="/Page-lettre.html">
+    <input type="text" style="width: 700px; height: 200px;" value="Ce champ est une page blanche pour ce que le coeur porte encore."><br>
+  <input type="reset" value="Envoyer">
+   </form>
+   <br>
+   <br>
+
+  <footer>
+        Explorer l'amour pour mieux se retrouver 
+  </footer>
+</body>
+
+</html>