From b50960bd5db44a181de26f3a9c73c06e7a40aa14 Mon Sep 17 00:00:00 2001
From: LJ5O <75009579+LJ5O@users.noreply.github.com>
Date: Sat, 1 Mar 2025 02:30:33 +0100
Subject: [PATCH] Worked on HTML

---
 index.html | 31 ++++++++++++++++++++++++++++---
 style.css  | 35 ++++++++++++++++++++++++++++++++++-
 2 files changed, 62 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index e80c0dd..5d3804e 100644
--- a/index.html
+++ b/index.html
@@ -9,15 +9,40 @@
     <link rel="icon" href="./favicon.ico" type="image/x-icon">
   </head>
   <body>
+
     <div class="test" id="welcome_div">
+      <p id="random_citation">Random Sentence</p>
+
         <div class="test" id="name_div">
             <div id="profile_picture"><img src="https://picsum.photos/200" height="100%" width="100%"></div>
-            <p id="random_citation">Random Sentence</p>
-            <div class="test" id="welcome_text_div">
+           
+            <div id="name_div_right_container">
+              <div class="test" id="welcome_text_div">
                 <h1>Hello ! I'm </h1>
                 <h2>AI enthousiast</h2>
+              </div>
+              <div id="social_networks" class="test">
+                <div class="network">
+                  <img src="https://picsum.photos/50" height="100%" width="100%">
+                </div>
+                <div class="network">
+                  <img src="https://picsum.photos/50" height="100%" width="100%">
+                </div>
+                <div class="network">
+                  <img src="https://picsum.photos/50" height="100%" width="100%">
+                </div>
+              </div>
             </div>
-        </div>
+
+        </div> <!-- Name div -->
+    </div> <!-- Welcome Div -->
+
+    <div class="intersection_div">
+      <div class="intersection_content test">
+        <h2 class="test">Looking for something ?</h2>
+      </div>
     </div>
+
+
   </body>
 </html>
diff --git a/style.css b/style.css
index 721d5b2..5ed9754 100644
--- a/style.css
+++ b/style.css
@@ -15,7 +15,7 @@ h1,h2,h3,h4,h5,p{
 
 #welcome_div{
     width: 100vw;
-    min-height: 100vh;
+    height: 100vh;
     margin: 0;
 }
 
@@ -45,10 +45,43 @@ h1,h2,h3,h4,h5,p{
     border-radius: 50%;
 }
 
+#name_div_right_container{
+    display: flex;
+    flex-direction: column;
+}
 #welcome_text_div{
     height: 100%;
     width: fit-content;
 }
 #welcome_text_div h1{
     margin-top: 100px;
+}
+
+#social_networks{
+    max-height: 100%;
+    display: flex;
+    flex-direction: row;
+}
+.network{
+    height: 50px;
+    width: 50px;
+    margin-left: 15px;
+}
+.network img{
+    border-radius: 50%;
+}
+
+.intersection_div{
+    width: 100vw;
+    min-height: 150px;
+    background-color: #D9D9D9;
+}
+.intersection_content{
+    width: 90%;
+    margin: auto;
+    display: flex;
+    align-items: center;
+}
+.intersection_content h2{
+    color: #1E1E1E !important;
 }
\ No newline at end of file
