From e984005f5e5d61ac7520f37feb9c6c00467f9205 Mon Sep 17 00:00:00 2001
From: LJ5O <75009579+LJ5O@users.noreply.github.com>
Date: Mon, 17 Mar 2025 17:34:30 +0100
Subject: [PATCH] Project display

---
 index.html | 20 +++++++++++++++++---
 style.css  | 34 +++++++++++++++++++++++++---------
 2 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 5dc631c..c6fdfa9 100644
--- a/index.html
+++ b/index.html
@@ -78,7 +78,7 @@
             Nulla sit amet turpis nec turpis rhoncus venenatis. Sed nec malesuada quam. 
             Aenean faucibus neque id nibh facilisis auctor. </p>
         </article>
-        <button class="feature_button">Oui ! Je veux en savoir plus !</button>
+        <button class="button feature_button">Oui ! Je veux en savoir plus !</button>
       </div>
     </div> <!-- Feature div -->
 
@@ -94,7 +94,7 @@
             Nulla sit amet turpis nec turpis rhoncus venenatis. Sed nec malesuada quam. 
             Aenean faucibus neque id nibh facilisis auctor. </p>
         </article>
-        <button class="feature_button">Oui ! Je veux en savoir plus !</button>
+        <button class="button feature_button">Oui ! Je veux en savoir plus !</button>
       </div>
       <div class="feature_img_div">
         <img src="https://picsum.photos/600/400">
@@ -122,11 +122,25 @@
           <div class="project_picture">
             <img src="https://picsum.photos/400/300">
           </div>
-          <!-- TODO : Project description -->
+          <div class="project_description">
+            <article>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                Proin felis lectus, feugiat in eros sit amet, venenatis euismod 
+                urna. Aliquam id porttitor erat, vitae dapibus velit. Praesent 
+                id felis tincidunt,</p>
+            </article>
+            <button class="button project_button">Oui ! </button>
+          </div>
         </div>
 
       </div>
     </div> <!-- Projects summary -->
 
+    <footer>
+      <div id="footer_content">
+        <p id="footer_little_text">&lt;/&gt; with &lt;3 by Kévin</p>
+      </div>
+    </footer>
+
   </body>
 </html>
diff --git a/style.css b/style.css
index 41c42fc..82d34c1 100644
--- a/style.css
+++ b/style.css
@@ -18,6 +18,16 @@ h1,h2,h3,h4,h5,p{
     border: red dotted 2px;
 }
 
+.button{
+    padding-left: 8px;
+    padding-right: 8px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    border: none;
+    border-radius: 6px;
+    cursor: pointer;
+}
+
 #welcome_div{
     width: 100vw;
     height: 100vh;
@@ -150,7 +160,7 @@ h1,h2,h3,h4,h5,p{
 .feature_div{
     width: 75%;
     margin: auto;
-    margin-top: 30px;
+    margin-top: 40px;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
@@ -178,13 +188,7 @@ h1,h2,h3,h4,h5,p{
     margin-top: 20px;
 }
 .feature_button{
-    padding-left: 8px;
-    padding-right: 8px;
-    padding-top: 5px;
-    padding-bottom: 5px;
     background-color: aqua;
-    border: none;
-    border-radius: 6px;
     font-size: 1.3em;
 }
 
@@ -220,8 +224,9 @@ h1,h2,h3,h4,h5,p{
     max-height: 600px;
     width: 100%;
     height: 100%;
-    background-color: #A58181;
+    background-color: #2c2b2b;
     border-radius: 8px;
+    border: 2px #EAEAEA solid;
 }
 .project_picture{
     height: 200px;
@@ -232,4 +237,15 @@ h1,h2,h3,h4,h5,p{
 .project_picture img{
     width: 100%;
     height: 100%;
-}
\ No newline at end of file
+}
+.project_description{
+    width: 90%;
+    margin: auto;
+    font-size: 1.1em;
+    margin-bottom: 20px;
+}
+.project_button{
+    background-color: rgb(65, 185, 61);
+    font-size: 1.1em;
+}
+