From 6db4a4987023cb3ef51df2e38d9df978624fde74 Mon Sep 17 00:00:00 2001
From: Harsh Kanodiya <72756692+Harsh3363@users.noreply.github.com>
Date: Fri, 6 Oct 2023 15:46:40 +0530
Subject: [PATCH] made changes in the UI

---
 index.html |  9 +++++----
 style.css  | 14 ++++++++++----
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index b42a21e..78bd3e5 100644
--- a/index.html
+++ b/index.html
@@ -99,17 +99,18 @@ <h1>About us</h1>
             <p><i> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ~we love communities</i></p>
             <div class="clas">
                 <div class="item item1">
+                    <h5>Discover Your Benefits</h5>
                     <p>A growing non-profit tech+non-tech community for programmers and non-coders alike! You do not have to be a developer or a programmer to join another cool community!</p>
                 </div>
                 <div class="item item2">
-                    <h5>Heading</h5>
+                    <h5>Who are we</h5>
                     <p>Open Source community aimed at encouraging and promoting communication, best practices and technical expertise in an inclusive and welcoming environment</p>
                 </div>
-                <div class=" item3">
+                <!-- <div class="item item3">
                     <img src="https://opensource.org/files/osi_standard_logo_0.png" alt="" srcset="">
-                </div>
+                </div> -->
                 <div class="item item4">
-                    <h5>Persnal Statement</h5>
+                    <h5>Personal Statement</h5>
                     <p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quam eveniet tempora sapiente voluptatem assumenda, hic nobis consequatur autem, ipsum fugiat soluta doloremque quibusdam adipisci neque iure similique aliquam vel porro?</p>
                 </div>
             </div>
diff --git a/style.css b/style.css
index e49806d..15c6ac4 100644
--- a/style.css
+++ b/style.css
@@ -84,11 +84,17 @@ body {
     font-weight: 600;
 }
 
-.aboutus h5{
-    color:  white;
+.aboutus h5 {
+    color: white;
     font-size: 22px;
+    text-decoration: none; 
+    transition: text-decoration 0.3s ease; 
+}
 
+.aboutus h5:hover {
+    text-decoration: underline;
 }
+
 .clas p{
     color: white;
 }
@@ -109,7 +115,7 @@ body {
 }
 
 .item1{
-    background-color: #9c2400;
+    background-color: #700092;
     grid-area: item1;
 }
 
@@ -133,7 +139,7 @@ body {
     grid-template-columns: 1fr 1fr 1fr;
     grid-template-rows: repeat(3, 1fr);
     grid-template-areas: "item1  item1 item1"
-        "item2 item2 item3"
+        "item2 item2 item2"
         "item4 item4 item4";
     gap: 1rem;
     position: relative;