From db9b202e36f92207771d1a2379cf486c6f56a059 Mon Sep 17 00:00:00 2001
From: Rahul Prasad Yadav <yrahul8777@gmail.com>
Date: Wed, 30 Oct 2024 23:47:41 +0530
Subject: [PATCH 1/6] icon color change

---
 index.html               |  6 +++---
 resources/home-style.css | 29 +++++++++++++++++++++++++++++
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index d6e993a..537c92c 100644
--- a/index.html
+++ b/index.html
@@ -271,9 +271,9 @@
         <h3 style="margin-left: 50px;margin-top: 80px;">Our Social Media Handles</h3>
         <div
           style="font-size: 35px;width: 200px; margin-left: 80px;margin-top: 30px;display: flex; justify-content: space-between;">
-          <a href="https://github.com/multiverseweb/CodeIt"><i class="fa-brands fa-github"></i></a>
-          <a href="404.html"><i class="fa-brands fa-discord"></i></a>
-          <a href="mailto:multiverse.letter@gmail.com"><i class="fa-solid fa-envelope"></i></a>
+          <a  href="https://github.com/multiverseweb/CodeIt" class="github"><i class="fa-brands fa-github"></i></a>
+          <a href="404.html"  class="discord"><i class="fa-brands fa-discord"></i></a>
+          <a href="mailto:multiverse.letter@gmail.com" class="mail"><i class="fa-solid fa-envelope"></i></a>
         </div>
       </div>
 
diff --git a/resources/home-style.css b/resources/home-style.css
index fbdeae7..83689ec 100644
--- a/resources/home-style.css
+++ b/resources/home-style.css
@@ -351,6 +351,35 @@ footer {
     margin-top:16px;
     margin-left: 150px;
 }
+
+.github{
+    color: #040204;
+    transition: border-radius 0.8s;
+}
+.github:hover{
+ background-color:    #040204;
+ 
+ border-radius: 20px;
+}
+
+.discord{
+    color: 	#7289da;
+    transition: border-radius 0.8s;
+}
+.discord:hover{
+    background-color:#7289da;
+    border-radius: 15px;
+}
+
+.mail{
+    color: #ff8282;
+    transition: border-radius 0.8s;
+}
+.mail:hover{
+    background-color:  #ff8282;
+    border-radius: 15px;
+}
+
 form {
     background-color: #4c4c4c2a;
     backdrop-filter: blur(7px);

From b053515985efc960d9d87689eb8af650a1cf57ab Mon Sep 17 00:00:00 2001
From: Rahul Prasad Yadav <yrahul8777@gmail.com>
Date: Wed, 30 Oct 2024 23:58:49 +0530
Subject: [PATCH 2/6] fix icon

---
 resources/home-style.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/resources/home-style.css b/resources/home-style.css
index 83689ec..3fd5c15 100644
--- a/resources/home-style.css
+++ b/resources/home-style.css
@@ -401,6 +401,16 @@ input {
     margin-top: 20px;
     border-radius: 5px;
 }
+.fa-user{
+    margin: 2px 10px;
+}
+.fa-envelope{
+    margin: 2px 10px;
+}
+
+.fa-comment{
+    margin: 2px 10px;
+}
 
 #send {
     padding: 5px 10px 5px 10px;

From 50af04c8bc887afe9e9a660a8e37d1bf610b0c3a Mon Sep 17 00:00:00 2001
From: Rahul Prasad Yadav <yrahul8777@gmail.com>
Date: Thu, 31 Oct 2024 01:54:48 +0530
Subject: [PATCH 3/6] fix icon

---
 index.html               |  8 ++--
 resources/home-style.css | 81 +++++++++++++++++++++++++++-------------
 2 files changed, 60 insertions(+), 29 deletions(-)

diff --git a/index.html b/index.html
index 537c92c..e2fca21 100644
--- a/index.html
+++ b/index.html
@@ -270,10 +270,10 @@
         </div>
         <h3 style="margin-left: 50px;margin-top: 80px;">Our Social Media Handles</h3>
         <div
-          style="font-size: 35px;width: 200px; margin-left: 80px;margin-top: 30px;display: flex; justify-content: space-between;">
-          <a  href="https://github.com/multiverseweb/CodeIt" class="github"><i class="fa-brands fa-github"></i></a>
-          <a href="404.html"  class="discord"><i class="fa-brands fa-discord"></i></a>
-          <a href="mailto:multiverse.letter@gmail.com" class="mail"><i class="fa-solid fa-envelope"></i></a>
+        style="font-size: 35px;width: 200px; margin-left: 80px;margin-top: 30px;display: flex; justify-content: space-between;"  class="social-links">
+        <a  href="https://github.com/multiverseweb/CodeIt"><i class="fa-brands fa-github"></i></a>
+        <a href="404.html"><i class="fa-brands fa-discord"></i></a>
+        <a href="mailto:multiverse.letter@gmail.com"><i class="fa-solid fa-envelope"></i></a>
         </div>
       </div>
 
diff --git a/resources/home-style.css b/resources/home-style.css
index 3fd5c15..88373e0 100644
--- a/resources/home-style.css
+++ b/resources/home-style.css
@@ -352,33 +352,64 @@ footer {
     margin-left: 150px;
 }
 
-.github{
-    color: #040204;
-    transition: border-radius 0.8s;
-}
-.github:hover{
- background-color:    #040204;
- 
- border-radius: 20px;
-}
+.social-links a {
+    /* width: 80px;
+    height: 80px; */
+    /* text-align: center;
+    text-decoration: none; */
+    color: #000;
+    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
+    /* margin: 0 30px; */
+    border-radius: 50%;
+    position: relative;
+    overflow: hidden;
+    transition: transform 0.5s;
+  }
+  
+  .social-links a .fab {
+    font-size: 30px;
+    line-height: 80px;
+    position: relative;
+    z-index: 10;
+    transition: color 0.5s;
+    
+  }
+  
+  .social-links a::after {
+    content: '';
+    width: 100%;
+    height: 100%;
+    top: -90px;
+    left: 0;
+  
+   
+    position: absolute;
+    transition: 0.5s;
+  }
 
-.discord{
-    color: 	#7289da;
-    transition: border-radius 0.8s;
-}
-.discord:hover{
-    background-color:#7289da;
-    border-radius: 15px;
-}
+  
 
-.mail{
-    color: #ff8282;
-    transition: border-radius 0.8s;
-}
-.mail:hover{
-    background-color:  #ff8282;
-    border-radius: 15px;
-}
+  .fa-discord{
+    color: #7289d9;
+   
+  }
+
+  .fa-envelope{
+    color: #e03f4f;
+  }
+  .social-links a:hover::after {
+    top: 0;
+    
+  }
+  
+  .social-links a:hover .fab {
+    color: #fff;
+  }
+  
+  .social-links a:hover {
+    transform: translateY(-10px);
+  }
+  
 
 form {
     background-color: #4c4c4c2a;

From 6dfce848cab977f8f898a5e97a77f837196d6103 Mon Sep 17 00:00:00 2001
From: Rahul Prasad Yadav <yrahul8777@gmail.com>
Date: Thu, 31 Oct 2024 02:07:04 +0530
Subject: [PATCH 4/6] fix icon

---
 index.html               | 2 +-
 resources/home-style.css | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index e2fca21..9288eaa 100644
--- a/index.html
+++ b/index.html
@@ -273,7 +273,7 @@ <h3 style="margin-left: 50px;margin-top: 80px;">Our Social Media Handles</h3>
         style="font-size: 35px;width: 200px; margin-left: 80px;margin-top: 30px;display: flex; justify-content: space-between;"  class="social-links">
         <a  href="https://github.com/multiverseweb/CodeIt"><i class="fa-brands fa-github"></i></a>
         <a href="404.html"><i class="fa-brands fa-discord"></i></a>
-        <a href="mailto:multiverse.letter@gmail.com"><i class="fa-solid fa-envelope"></i></a>
+        <a href="mailto:multiverse.letter@gmail.com"  class="mail"><i class="fa-solid fa-envelope" style="color:  #e03f4e;"></i></a>
         </div>
       </div>
 
diff --git a/resources/home-style.css b/resources/home-style.css
index 88373e0..83da35f 100644
--- a/resources/home-style.css
+++ b/resources/home-style.css
@@ -394,9 +394,7 @@ footer {
    
   }
 
-  .fa-envelope{
-    color: #e03f4f;
-  }
+   
   .social-links a:hover::after {
     top: 0;
     

From 76e305b9b51f7989139e1b44c256bdf24f6783f0 Mon Sep 17 00:00:00 2001
From: Rahul Prasad Yadav <yrahul8777@gmail.com>
Date: Thu, 31 Oct 2024 02:23:50 +0530
Subject: [PATCH 5/6]  fix icon

---
 index.html               |  3 +--
 resources/home-style.css | 18 +++++++++++++-----
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 9288eaa..6d5bb9a 100644
--- a/index.html
+++ b/index.html
@@ -269,8 +269,7 @@
           <a class="subheading" href="index.html" id="last_link">CodeIt</a>
         </div>
         <h3 style="margin-left: 50px;margin-top: 80px;">Our Social Media Handles</h3>
-        <div
-        style="font-size: 35px;width: 200px; margin-left: 80px;margin-top: 30px;display: flex; justify-content: space-between;"  class="social-links">
+        <div class="social-links">
         <a  href="https://github.com/multiverseweb/CodeIt"><i class="fa-brands fa-github"></i></a>
         <a href="404.html"><i class="fa-brands fa-discord"></i></a>
         <a href="mailto:multiverse.letter@gmail.com"  class="mail"><i class="fa-solid fa-envelope" style="color:  #e03f4e;"></i></a>
diff --git a/resources/home-style.css b/resources/home-style.css
index 83da35f..f275fad 100644
--- a/resources/home-style.css
+++ b/resources/home-style.css
@@ -351,19 +351,27 @@ footer {
     margin-top:16px;
     margin-left: 150px;
 }
+.social-links{
+    font-size: 35px;
+    width: 200px;
+     margin-left: 80px;
+     margin-top: 30px;
+     display: flex;
+    justify-content: space-between;;
+
+}
+
 
 .social-links a {
-    /* width: 80px;
-    height: 80px; */
-    /* text-align: center;
-    text-decoration: none; */
+  
     color: #000;
     box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
-    /* margin: 0 30px; */
+ 
     border-radius: 50%;
     position: relative;
     overflow: hidden;
     transition: transform 0.5s;
+   
   }
   
   .social-links a .fab {

From ddd50f31d3a7b0cb195b5d4c4826ccb1963d434d Mon Sep 17 00:00:00 2001
From: Rahul Prasad Yadav <yrahul8777@gmail.com>
Date: Thu, 31 Oct 2024 03:05:10 +0530
Subject: [PATCH 6/6] fixx/icon

---
 index.html               | 2 +-
 resources/home-style.css | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 6d5bb9a..0e661d3 100644
--- a/index.html
+++ b/index.html
@@ -268,7 +268,7 @@
           <img src="images/Nomenclature.png" alt="" class="end-logo" />
           <a class="subheading" href="index.html" id="last_link">CodeIt</a>
         </div>
-        <h3 style="margin-left: 50px;margin-top: 80px;">Our Social Media Handles</h3>
+        <h3 class="social-header">Our Social Media Handles</h3>
         <div class="social-links">
         <a  href="https://github.com/multiverseweb/CodeIt"><i class="fa-brands fa-github"></i></a>
         <a href="404.html"><i class="fa-brands fa-discord"></i></a>
diff --git a/resources/home-style.css b/resources/home-style.css
index f275fad..5355fc5 100644
--- a/resources/home-style.css
+++ b/resources/home-style.css
@@ -351,6 +351,11 @@ footer {
     margin-top:16px;
     margin-left: 150px;
 }
+
+.social-header{
+    margin-left:50px;
+    margin-top: 80px;
+}
 .social-links{
     font-size: 35px;
     width: 200px;