From 0bc68dd3d4ff4a3bf651f44e86fc58a1fbe1d91b Mon Sep 17 00:00:00 2001
From: Shreyaa173 <shreya186btcse23@igdtuw.ac.in>
Date: Tue, 4 Jun 2024 12:08:13 +0530
Subject: [PATCH 1/2] added hover effect to containers

---
 css/navbar.css | 10 ++++++++++
 css/sec2.css   |  4 ++++
 css/sec3.css   |  4 ++++
 index.html     |  6 +++---
 4 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/css/navbar.css b/css/navbar.css
index 85ecb69..938d0c4 100644
--- a/css/navbar.css
+++ b/css/navbar.css
@@ -128,6 +128,7 @@ body{
 }
 
 
+
 /* Sec-2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .navs2 {
     /* border: 1px solid black; */
@@ -195,10 +196,18 @@ body{
 .txtColor1{
     color: var(--txtColor1);
 }
+
+.txtColor:hover{
+    border: 1px solid #208FF4;
+    background-color: transparent;
+    color: #2a95f6;
+}
 .darktheme .txtColor1{
     color: rgba(0, 0, 0, 0.7);
 }
 
+
+
 .overlay {
   display: none;
   position: fixed;
@@ -338,3 +347,4 @@ body{
     color:rgb(211, 211, 211);
 }
 
+
diff --git a/css/sec2.css b/css/sec2.css
index 602aa9a..6f511eb 100644
--- a/css/sec2.css
+++ b/css/sec2.css
@@ -32,6 +32,10 @@
     color: #fff;
     background-color: #ff765d;
 }
+
+.sec2 img:hover{
+    transform: scale(1.1);
+}
 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .sec2content{
     /* border: 1px solid black; */
diff --git a/css/sec3.css b/css/sec3.css
index abf10a1..1f44b61 100644
--- a/css/sec3.css
+++ b/css/sec3.css
@@ -29,6 +29,10 @@
     justify-content: center;
     
 }
+
+.flex img:hover{
+    transform: scale(1.1);
+}
 .box1{
     /* border: 1px solid green; */
     padding-bottom: 2vw;
diff --git a/index.html b/index.html
index f91ea48..4a0e5d3 100644
--- a/index.html
+++ b/index.html
@@ -43,10 +43,10 @@
     <div class="navs2">
       <!-- <img src="img/final logo 1.png" alt="" /> -->
       <img src="assests/moon.png" alt="image" id="themeImg">
-      <button onclick="click" id="loginButton" class="button_nav txtColor1" style="border: 1px solid #f6f8f9; background-color:#208FF4 ; color: white;">Log
+      <button onclick="click" id="loginButton" class="button_nav txtColor1 hello" style="border: 1px solid #f6f8f9; background-color:#208FF4 ; color: white;">Log
         In</button>
-      <button id="signup" class="button_nav txtColor">Sign Up</button>
-      <button onclick="click" id="Calender" class="button_nav txtColor1" style="border: 1px solid #f6f8f9; background-color:#208FF4 ; color: white;">Calendar</button>
+      <button id="signup" class="button_nav txtColor hello">Sign Up</button>
+      <button onclick="click" id="Calender" class="button_nav txtColor1 hello" style="border: 1px solid #f6f8f9; background-color:#208FF4 ; color: white;">Calendar</button>
     </div>
   </div>
 <!--Calender-->

From ad003874ef3ab8e85d4e1996195ff7ec69a8544d Mon Sep 17 00:00:00 2001
From: Shreyaa173 <shreya186btcse23@igdtuw.ac.in>
Date: Tue, 4 Jun 2024 12:22:15 +0530
Subject: [PATCH 2/2] added hover in nav

---
 css/navbar.css | 15 ++++++++++++++-
 index.html     |  6 +++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/css/navbar.css b/css/navbar.css
index 938d0c4..9f6a5f8 100644
--- a/css/navbar.css
+++ b/css/navbar.css
@@ -139,6 +139,7 @@ body{
     margin-right: 1vw;
 }
 
+
 .navs2>img {
     cursor: pointer;
     width: 2vw;
@@ -166,6 +167,7 @@ body{
     cursor: pointer;
 }
 
+
 .navbtn2 {
     cursor: pointer;
     height: 2vw;
@@ -194,7 +196,7 @@ body{
     color: white;
 }
 .txtColor1{
-    color: var(--txtColor1);
+    color: white;
 }
 
 .txtColor:hover{
@@ -202,10 +204,21 @@ body{
     background-color: transparent;
     color: #2a95f6;
 }
+
+.txtColor1:hover{
+    border: 1px solid #208FF4;
+    background-color: transparent;
+    color: #2a95f6;
+}
 .darktheme .txtColor1{
     color: rgba(0, 0, 0, 0.7);
 }
 
+.navs2 #themeImg:hover{
+    transform: scale(1.2);
+}
+
+
 
 
 .overlay {
diff --git a/index.html b/index.html
index 4a0e5d3..d5354cd 100644
--- a/index.html
+++ b/index.html
@@ -43,10 +43,10 @@
     <div class="navs2">
       <!-- <img src="img/final logo 1.png" alt="" /> -->
       <img src="assests/moon.png" alt="image" id="themeImg">
-      <button onclick="click" id="loginButton" class="button_nav txtColor1 hello" style="border: 1px solid #f6f8f9; background-color:#208FF4 ; color: white;">Log
+      <button onclick="click" id="loginButton" class="button_nav txtColor hello" >Log
         In</button>
-      <button id="signup" class="button_nav txtColor hello">Sign Up</button>
-      <button onclick="click" id="Calender" class="button_nav txtColor1 hello" style="border: 1px solid #f6f8f9; background-color:#208FF4 ; color: white;">Calendar</button>
+      <button id="signup" class="button_nav txtColor">Sign Up</button>
+      <button onclick="click" id="Calender" class="button_nav txtColor1 hello">Calendar</button>
     </div>
   </div>
 <!--Calender-->