hover effect added

khalid586 · Feb 28, 2024 · 086f8a3 · 086f8a3
1 parent 94e8fd9
commit 086f8a3
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -240,7 +240,7 @@ <h1 class="text-4xl font-extrabold mb-8 text-[#1DD100]">Book My Seat</h1>
         <img class="hidden xl:block" src="images/info-devider.png" alt="">
 
         <div class="rightOne lg:py-8 lg:px-16 mx-4">
-            <div class="lg:py-8  p-4 lg:px-8 rounded-xl shadow-xl border-l-4 border-b-8 border-red-500">
+            <div class="lg:py-8  p-4 lg:px-8 rounded-xl shadow-xl border-l-4 border-b-8 duration-700 ease-in-out hover:border-green-500">
                 <p class="text-center font-extrabold text-3xl pb-16 pt-4">Seat Booking Information</p>
                 <div class="flex justify-between font-bold text-xl">
                         <p>Seat <sup id = "seatTaken" class="bg-[#1DD100] text-white px-1 rounded-full">0</sup></p>
@@ -259,7 +259,7 @@ <h1 class="text-4xl font-extrabold mb-8 text-[#1DD100]">Book My Seat</h1>
 
                 <br>
 
-                <div id = "" class=" h-36 border-b-4 border-l-4 shadow rounded-xl ">
+                <div id = "" class=" h-36 border-b-4 border-l-4 hover:border-blue-500 duration-700  shadow rounded-xl ">
                     <p id = "coupon" class="p-8 hidden"></p>
                     <div id = "Coupon-container">
                         <p class="pt-4 text-center text-gray-300 text-sm font-semibold"><span id = "seat_done1">Select 4 seats</span> and Apply <span id = "new15">NEW15</span> / <span id = "couple20">Couple 20</span></p>
@@ -279,7 +279,7 @@ <h1 class="text-4xl font-extrabold mb-8 text-[#1DD100]">Book My Seat</h1>
 
             <!-- <p class="text-center lg:mt-8 font-extrabold text-2xl pb-8 pt-4">Passenger Information</p> -->
 
-            <div class="border-b-8 border-l-4  border-blue-500 p-8 pb-16 shadow-xl rounded-xl mt-16">
+            <div class="border-b-8 border-l-4 duration-700  hover:border-green-500 p-8 pb-16 shadow-xl rounded-xl mt-16">
                 <p class="text-center font-extrabold text-3xl">Passenger Information</p>
 
                 <p class="font-bold text-xl mt-12 ">Passenger Name* <span class="font-medium text-gray-500 text-xs">( <span id = "minName" class="text-red-500 text-sm">Minimum 4 characters</span>)</span></p>