modifs index, ajout texte

footer.php

@@ -1,7 +1,6 @@
 <footer>
     <section id="feedback">
-        <h2>Donnez nous votre avis</h2>
-        <h3>C'est 100% anonyme !</h3>
+        <h2>Donnez nous votre avis !</h2>
         <form id="form" action="" method="post" enctype="text/plain">
             <textarea name="feedback" id="txtfeedback" cols="70" rows="2" placeholder="Donnez votre avis sur le site"></textarea>
             <input id="send" type="submit" value="Envoyer">

index.php

@@ -19,6 +19,8 @@
     <div id="fade"></div>
     <?php include("header.php") ?>
     <main>
+        <h1>Rencontrez une personne qui vous correspond !</h1>
+        <p id="intropage">Nous avons eu l'idée de proposer un service où hommes et femmes peuvent communiquer afin de se rencontrer. Grâce à notre système de sélection simple et rapide, trouvez votre Roméo ou votre Juliette. Cliquez en dessous pour commencer l'aventure don't meet me !</p>
         <section id="makeachoicehf">
                 <a href="for.php?gender=woman" class="tuile">
                     <img src="img/woman.jpeg" alt="image femme" class="imgbouton">
@@ -32,21 +34,21 @@
         <section id="comments">
             <section id="comment1">
                 <figure>
-                    <img id="avis1" src="img/avis1.jpeg" alt="image femme avis 1"> 
+                    <img class="avis" src="img/avis1.jpeg" alt="image femme avis 1">
+                    <figcaption class="caption">DMM m'a permis de rencontrer l'homme de ma vie. Le principe de sélection m'a semblé très pertinant et vous évite de devoir chercher pendant de longues heures !<br/>Juliette Artois</figcaption> 
                 </figure>
-                <figcaption id="caption1">"avis1"</figcaption>
             </section>
             <section>
                 <figure>
-                    <img id="avis2" src="img/avis2.jpg" alt="image femme avis 2"> 
+                    <img class="avis" src="img/avis2.jpg" alt="image femme avis 2"> 
+                    <figcaption class="caption">Je trouve le principe très simple et rapide. En suivant la section qui vous correspond vous trouvez UNE personne qui vous correspond, contrairement à d'autres sites... Je ne peux que dire oui !</br>Elise David</figcaption>
                 </figure>
-                <figcaption id="caption2">"avis2"</figcaption>
             </section>
             <section>
                 <figure>
-                    <img id="avis3" src="img/avis3.jpeg" alt="image homme avis 3"> 
+                    <img class="avis" src="img/avis3.jpeg" alt="image homme avis 3"> 
+                    <figcaption class="caption">Bien que le questionnaire à remplir soit original, la rencontre avec mon "Don't meet" s'est déroulée avec succès. La satisfaction est totale.<br/>Julien Martin</figcaption>
                 </figure>
-                <figcaption id="caption3">"avis3"</figcaption>
             </section>
         </section>
     </main>

styles/today/index.css

@@ -1,3 +1,11 @@
+h1{
+    text-align: center;
+}
+
+#intropage{
+    text-align: center;
+}
+
 .imgbouton{
     width: 350px;
     height: auto;
@@ -22,7 +30,7 @@
     height: auto;
     width: 350px;
     border: solid black 4px;
-    background: rgb(255, 131, 131);
+    background: rgb(105, 146, 67);
     transition : 0.3s ease-in-out;
     display:flex;
     flex-direction: column;
@@ -40,4 +48,19 @@
 
 p{
     color: black;
+}
+
+#comments{
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+}
+
+.avis{
+    width: 10rem;
+    height: auto;
+}
+
+.caption{
+    font-size: 1rem;
 }

styles/today/main.css

@@ -5,12 +5,18 @@ body{
 }
 
 header{
-    background:radial-gradient(circle at 50% 50%, rgb(146, 116, 255) 6%, rgb(82, 75, 75) 100%);
+    background:radial-gradient(circle at 50% 50%, rgb(105, 146, 67) 6%, rgb(206, 82, 82) 100%);
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    justify-content: space-around;
 }
 
 #title{
     display: flex;
     justify-content: center;
+    height: 4rem;
+    width: auto;
 }
 
 .burger_button{