From fd337ad8d7b8d82a4e4680a1e974f5cfef1dab04 Mon Sep 17 00:00:00 2001
From: Anju-Narnolia <anjunarnolia93750@gmail.com>
Date: Wed, 9 Oct 2024 07:59:35 +0530
Subject: [PATCH] styling of contact box

styling of contact box is not according to the theme. green and purple color were used. color changes  according to themes
---
 src/css/index.css | 15 +++++++--------
 team.html         |  8 ++++----
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/css/index.css b/src/css/index.css
index c8ce94d0..376b9be5 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -216,15 +216,14 @@ header {
   /* Initial background color */
   padding: 15px;
   text-align: center;
-
-  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 1px 25px rgba(0, 0, 0, 0.2);
   flex: 1;
   max-width: 300px;
   height: 300px;
   /* Set the same height and width for round shape */
   border-radius: 50%;
   /* Make the card round */
-  border: 1px solid gold;
+  border: 1px solid rgb(234, 232, 232);
   position: relative;
   perspective: 1000px;
   scroll-behavior: smooth;
@@ -234,7 +233,7 @@ header {
 
 .team-features:hover,
 .contact-features:hover {
-  background-color: #CDC1FF;
+  background-color:#d5e8fa;
   /* Background color on hover */
   transform: translateY(-10px);
 }
@@ -312,11 +311,11 @@ header {
   display: inline-block;
   padding: 8px 16px;
   /* Reduce padding for a smaller button */
-  background-color: #28a745;
+  background-color: #2980b9;
   /* Keep background color green */
   color: #fff;
   text-align: center;
-  border: 2px solid #218838;
+  border: 2px solid #226c9d;
   /* Add a border with a darker green color */
   border-radius: 4px;
   /* Reduce border radius for a less rounded button */
@@ -327,9 +326,9 @@ header {
 }
 
 .button:hover {
-  background-color: #218838;
+  background-color: #2980b9;
   /* Darker green on hover */
-  border-color: #1e7e34;
+  border-color: #226c9d;
   /* Change border color on hover */
   transform: scale(1.05);
   /* Slightly enlarge on hover */
diff --git a/team.html b/team.html
index d01d924b..8fe6bf5f 100644
--- a/team.html
+++ b/team.html
@@ -88,7 +88,7 @@
             font-size: 0.9em;
         }
 
-        /* .contact-feature {
+        .contact-feature {
              display: flex;
             justify-content: center; 
             align-items: center;
@@ -103,8 +103,9 @@
             height: auto;
             margin-right: 20px;
             border-radius: 10px;
-        }  */
-
+        } 
+        
+       
         footer {
             background-color: #000;
             color: white;
@@ -198,7 +199,6 @@
           </div>
 
         <nav class="menu">
-            <ul>
                 <li><a href="index.html" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a></li>
                 <li><a href="features.html" id="features-link" onclick="changeContent('features')"><i class="fa-solid fa-file"></i> Features</a></li>
                 <li><a href="team.html" id="team-link" onclick="changeContent('team')"><i class="fa-solid fa-user-group"></i> Team</a></li>