From aa5bfae4da3f5e18b944e3a2367056f9d784f992 Mon Sep 17 00:00:00 2001
From: Noopur-Thombare <noopurthombre1208@gmail.com>
Date: Tue, 14 May 2024 00:54:51 +0530
Subject: [PATCH 1/2] added <br> in footer and in upcomming events

---
 Iskcon/event.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/Iskcon/event.html b/Iskcon/event.html
index a890da89..84eec197 100644
--- a/Iskcon/event.html
+++ b/Iskcon/event.html
@@ -106,7 +106,7 @@ <h1 class="text-xl md:text-3xl mt-2 uppercase tracking-widest text-indigo-600 fo
 
                  class="upcomingEvents h-auto lg:h-[129vh] flex flex-col px-8 py-8 lg:my-0 items-center justify-evenly ">
           <h1 class="font-semibold uppercase text-md text-indigo-600 mb-5">
-
+          <br><br>
             <span class="border-b-4 pb-1 border-double border-b-indigo-600 ">Upcoming Events</span>
           </h1>
 
@@ -131,6 +131,8 @@ <h1 class="font-semibold uppercase text-md text-indigo-600 mb-5">
 
 
         <!-- Footer  -->
+        <br><br><br><br>
+        <br><br><br>
         <footer class="customFooter bg-slate-900 py-4 px-8 lg:px-24 flex flex-col">
 
         </footer>

From c1637e48bf5069ca3cb856e63ba243446df0cc33 Mon Sep 17 00:00:00 2001
From: Noopur-Thombare <noopurthombre1208@gmail.com>
Date: Sun, 19 May 2024 18:27:04 +0530
Subject: [PATCH 2/2] changes made on events page

---
 Iskcon/event.html | 16 +++++++++-------
 commonStyles.css  |  5 +++++
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/Iskcon/event.html b/Iskcon/event.html
index 84eec197..cd56e49a 100644
--- a/Iskcon/event.html
+++ b/Iskcon/event.html
@@ -77,7 +77,7 @@ <h1 class="text-xl md:text-3xl mt-2 uppercase tracking-widest text-indigo-600 fo
                 <div
                      class="showImage bg-yellow-50  rounded-full  shadow-2xl  grow">
                   <img src="../Images/iskonfounder.webp" alt="iskconFounder"
-                       class="  w-full h-full p-12 rounded-full shadow-2xl " />
+                       class=" hover-image w-full h-full p-12 rounded-full shadow-2xl  " />
 
                 </div>
                 <div class="about text-xs mt-4 text-center text-indigo-600">
@@ -106,22 +106,24 @@ <h1 class="text-xl md:text-3xl mt-2 uppercase tracking-widest text-indigo-600 fo
 
                  class="upcomingEvents h-auto lg:h-[129vh] flex flex-col px-8 py-8 lg:my-0 items-center justify-evenly ">
           <h1 class="font-semibold uppercase text-md text-indigo-600 mb-5">
-          <br><br>
+          <br><br><br>
             <span class="border-b-4 pb-1 border-double border-b-indigo-600 ">Upcoming Events</span>
           </h1>
 
           <!-- Iskcon cards data start -->
-          <div class="search-container mt-4 flex items-center justify-center space-x-4">
-            <input type="text" id="search-bar" class="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring focus:border-blue-300" placeholder="Search by state">
+           <div class="search-container relative mt-4 flex items-center justify-center space-x-4">
+            <input type="text" id="search-bar" class="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring focus:border-blue-300" placeholder="Search">
             <button id="search-button" class="px-4 py-2 bg-emerald-400 text-white uppercase tracking-widest rounded-md hover:bg-indigo-900 transition duration-300 ease-in-out">
               Search
             </button>
+            <div class="absolute max-h-80 min-w-80 bg-white top-12 right-16 overflow-y-scroll overflow-x-hidden" id="search-results"></div>
           </div>
           
+          
           <div
                class="cards my-8 w-full justify-center place-items-center">
                <div class="swiper-container">
-                <div class="swiper-wrapper flex-wrap justify-center gap-4">
+                <div class="swiper-wrapper flex-wrap justify-center gap-8">
                 </div>
                 <div class="swiper-pagination"></div>
               </div>
@@ -132,7 +134,7 @@ <h1 class="font-semibold uppercase text-md text-indigo-600 mb-5">
 
         <!-- Footer  -->
         <br><br><br><br>
-        <br><br><br>
+        <br><br><br><br>
         <footer class="customFooter bg-slate-900 py-4 px-8 lg:px-24 flex flex-col">
 
         </footer>
@@ -147,4 +149,4 @@ <h1 class="font-semibold uppercase text-md text-indigo-600 mb-5">
     <script src="./event.js"></script>
 
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/commonStyles.css b/commonStyles.css
index 2fe98567..d5a58c57 100644
--- a/commonStyles.css
+++ b/commonStyles.css
@@ -232,6 +232,11 @@ footer {
   animation: fadeup 1s 1;
 }
 
+.hover-image:hover {
+  transform: scale(1.2); 
+  transition: transform 0.2s ease-in-out; 
+}
+
 @keyframes fadeup {
   0%{
     opacity: 0;