97 lines
3.1 KiB
HTML
97 lines
3.1 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> <!-- 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>
|