From 2161449ba274ba68cac0860805ef36c594ff2397 Mon Sep 17 00:00:00 2001
From: Himanshu Narware <himanshunarware77@gmail.com>
Date: Mon, 26 Jun 2023 20:41:15 +0530
Subject: [PATCH] hover effect were added

---
 assets/css/style.css | 47 +++++++++++++++++++++++++++++++++++------
 index.html           | 50 ++++++++++++++++++++++----------------------
 2 files changed, 66 insertions(+), 31 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index aeb4db2..8680687 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1525,9 +1525,16 @@ section {
 .loc-icon i{
   padding-top: 25px;
   margin-right: 20px;
-  font-size: 40px;
+  font-size: 30px;
   display: flex;
+  margin-top: -20px;
+  transition: .6s;
 }
+.loc-icon i:hover{
+transform: scale(1.19);
+color: orange;
+}
+
 #footer .footer-top .footer-links ul a {
   color: white;
   transition: 0.3s;
@@ -1535,12 +1542,34 @@ section {
   line-height: 1;
 }
 #footer .footer-top .footer-links ul a:hover {
-  text-decoration: underline;
-  font-size: 19px;
-  transition: 0.5s;
-  /* color: #3b4ef8; */
   color: white;
 }
+.hvr-eff{
+  position: relative;
+}
+.hvr-eff::after{
+  content: " ";
+  position: absolute;
+  bottom: -2px;
+  left: 0;
+  width: 0;
+  transition: 0.5s;
+background-color: white;
+height: 2px;
+}
+.hvr-eff:hover::after{
+width:100%;
+}
+
+.bx-chevron-right{
+transition: .5s;
+}
+.hvr-li:hover .bx-chevron-right{
+ 
+  transform: rotate(90deg);
+}
+ 
+
 #footer .footer-newsletter {
   font-size: 15px;
 }
@@ -1587,7 +1616,7 @@ section {
   color: white;
 }
 #footer .footer-newsletter form input[type="submit"]:hover {
-  background: #949fff;
+  background: #1b2053;
 }
 #footer .credits {
   padding-top: 5px;
@@ -1601,6 +1630,7 @@ section {
 #footer .social-links a {
   font-size: 30px;
   display: inline-block;
+  transition: .5s;
   
   /* background: #e7eafe; */
   color: white;
@@ -1616,6 +1646,7 @@ section {
 }
 #footer .social-links a:hover:nth-child(1){
   background-color: #4267B2;
+  border-radius: 50%;
   
 }
 #footer .social-links a:hover:nth-child(2){
@@ -1624,15 +1655,19 @@ background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #c
 background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
 background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
+border-radius: 50%;
 }
 #footer .social-links a:hover:nth-child(3){
   background-color: #FF0000;
+  border-radius: 50%;
 }
 #footer .social-links a:hover:nth-child(4){
   background-color: #0e76a8;
+  border-radius: 50%;
 }
 #footer .social-links a:hover:nth-child(5){
   background-color: #1DA1F2;
+  border-radius: 50%;
 }
 #footer .social-links a:hover {
   /* background: #a7aeed; */
diff --git a/index.html b/index.html
index 82ca1a8..145e620 100644
--- a/index.html
+++ b/index.html
@@ -1377,7 +1377,7 @@ <h3>EduHub Community</h3>
               <p>
                 
                 Chomu Udaipuria Mod, <br />
-                Jaipur,<br />
+                Jaipur,
                 Rajasthan. <br /><br />
                 </p>
                 </div>
@@ -1404,22 +1404,22 @@ <h3>EduHub Community</h3>
           <div class="col-lg-2 col-md-6 footer-links">
             <h4>Quick Access</h4>
             <ul>
-              <li>
-                <i class="bx bx-chevron-right"></i> <a href="#hero">Home</a>
+              <li class="hvr-li">
+                <i class="bx bx-chevron-right "></i> <a  class="hvr-eff" href="#hero">Home</a>
               </li>
-              <li>
-                <i class="bx bx-chevron-right"></i> <a href="#about">About</a>
+              <li class="hvr-li">
+                <i class="bx bx-chevron-right "></i> <a  class="hvr-eff" href="#about">About</a>
               </li>
-              <li>
-                <i class="bx bx-chevron-right"></i> <a href="#services">Opportunities</a>
+              <li class="hvr-li">
+                <i class="bx bx-chevron-right "></i> <a  class="hvr-eff" href="#services">Opportunities</a>
               </li>
-              <li>
-                <i class="bx bx-chevron-right"></i>
-                <a href="#event">Events</a>
+              <li class="hvr-li">
+                <i class="bx bx-chevron-right "></i>
+                <a  class="hvr-eff" href="#event">Events</a>
               </li>
-              <li>
-                <i class="bx bx-chevron-right"></i>
-                <a href="#team">Team</a>
+              <li class="hvr-li">
+                <i class="bx bx-chevron-right "></i>
+                <a  class="hvr-eff" href="#team">Team</a>
               </li>
             </ul>
 
@@ -1429,20 +1429,20 @@ <h4>Quick Access</h4>
           <div class="col-lg-3 col-md-6 footer-links">
             <h4>Our Outreach</h4>
             <ul>
-              <li>
-                <i class="bx bx-chevron-right"></i>
-                <a href="https://linktr.ee/EduhubCommunity">Social Media</a>
+              <li class="hvr-li">
+                <i class="bx bx-chevron-right "></i>
+                <a class="hvr-eff" href="https://linktr.ee/EduhubCommunity">Social Media</a>
               </li>
-              <li>
-                <i class="bx bx-chevron-right"></i>
-                <a href="https://drive.google.com/file/d/1G3uDu9hbX7_oFa2B1bikeaTBPr2wBxs-/view?usp=sharing">MSME</a>
+              <li class="hvr-li">
+                <i class="bx bx-chevron-right "></i>
+                <a class="hvr-eff" href="https://drive.google.com/file/d/1G3uDu9hbX7_oFa2B1bikeaTBPr2wBxs-/view?usp=sharing">MSME</a>
               </li>
-              <li>
-                <i class="bx bx-chevron-right"></i> <a href="codeOfConduct.html">Code of Conduct</a>
+              <li class="hvr-li">
+                <i class="bx bx-chevron-right "></i> <a class="hvr-eff" href="codeOfConduct.html">Code of Conduct</a>
               </li>
-              <li>
-                <i class="bx bx-chevron-right"></i>
-                <a
+              <li class="hvr-li">
+                <i class="bx bx-chevron-right "></i>
+                <a class="hvr-eff"
                   href="https://docs.google.com/forms/d/1XUnnCtcWtDgnCSQmBgqPjUQ6H5KlE8Ek1LJpXX76Hg4/viewform?edit_requested=true">Reach
                   out to us for any Queries</a>
                   
@@ -1455,7 +1455,7 @@ <h4>Our Outreach</h4>
             <h4>Subscribe: </h4>
             <p class="stay">Stay Updated for our Exciting events</p>
             <form action="" method="post">
-              <input type="email" name="email" /><input type="submit" value="Subscribe" />
+              <input type="email" name="email" placeholder="email@example.com" /><input type="submit" value="Subscribe" />
             </form>
           </div>
         </div>