Merge pull request #680 from mdazfar2/revert-679-revert-673-main

Revert "Revert "added hover effects to enhance the UI/UX.""
mdazfar2 · Oct 15, 2024 · 4a2268c · 4a2268c
2 parents a53a88b + 0cddfdf
commit 4a2268c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/css/style.css b/css/style.css
@@ -649,6 +649,12 @@ pre code {
     margin-left: auto;
 }
 
+.effect:hover{
+  box-shadow: 1px 1px 8px #2d5587f7;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
 @media (min-width: 576px) {
   .container,
   .container-sm {
@@ -1364,7 +1370,7 @@ pre code {
   .offset-sm-11 {
     margin-left: 91.66667%;
   }
-}
+
 
 @media (min-width: 768px) {
   .col-md {
@@ -6178,7 +6184,7 @@ fieldset:disabled a.btn {
     border-left-width: 1px;
   }
 
-}
+
 
 .btn-success.disabled,
 .btn-success:disabled {
@@ -6212,7 +6218,7 @@ fieldset:disabled a.btn {
     border-left-width: 1px;
   }
 
-}
+
 
 .btn-info.disabled,
 .btn-info:disabled {
@@ -6245,7 +6251,7 @@ fieldset:disabled a.btn {
     border-left-width: 1px;
   }
 
-}
+
 
 .btn-warning.disabled,
 .btn-warning:disabled {
@@ -6279,7 +6285,7 @@ fieldset:disabled a.btn {
     border-left-width: 1px;
   }
 
-}
+
 
 .btn-danger.disabled,
 .btn-danger:disabled {

diff --git a/index.html b/index.html
@@ -167,7 +167,7 @@ <h1 class="display-3 font-weight-bold text-white">
                 <span class="px-2" style="text-align: center;">Our Facilities</span>
             </p>
             <div class="row">
-                <div class="col-lg-4 col-md-6 mb-4 d-flex align-items-stretch" data-aos="fade-up">
+                <div class="col-lg-4 col-md-6 mb-4 d-flex align-items-stretch effect" data-aos="fade-up">
                     <div class="d-flex bg-light shadow-sm border-top rounded flex-fill" style="padding: 30px">
                         <i class="flaticon-050-fence h1 font-weight-normal text-primary mt-4"></i>
                         <div class="pl-4">
@@ -178,7 +178,7 @@ <h4>Wide Product Selection</h4>
                         </div>
                     </div>
                 </div>
-                <div class="col-lg-4 col-md-6 mb-4 d-flex align-items-stretch" data-aos="fade-up">
+                <div class="col-lg-4 col-md-6 mb-4 d-flex align-items-stretch effect" data-aos="fade-up">
                     <div class="d-flex bg-light shadow-sm border-top rounded flex-fill" style="padding: 30px">
                         <i class="flaticon-022-drum h1 font-weight-normal text-primary mt-4"></i>
                         <div class="pl-4">
@@ -189,7 +189,7 @@ <h4>Local & Mall-Based Stores</h4>
                         </div>
                     </div>
                 </div>
-                <div class="col-lg-4 col-md-6 mb-4 d-flex align-items-stretch" data-aos="fade-up">
+                <div class="col-lg-4 col-md-6 mb-4 d-flex align-items-stretch effect" data-aos="fade-up">
                     <div class="d-flex bg-light shadow-sm border-top rounded flex-fill" style="padding: 30px">
                         <i class="flaticon-030-crayons h1 font-weight-normal text-primary mt-4"></i>
                         <div class="pl-4">
@@ -200,7 +200,7 @@ <h4>Seamless Ordering Process</h4>
                         </div>
                     </div>
                 </div>
-                <div class="col-lg-4 col-md-6 mb-4 d-flex align-items-stretch" data-aos="fade-up">
+                <div class="col-lg-4 col-md-6 mb-4 d-flex align-items-stretch effect" data-aos="fade-up">
                     <div class="d-flex bg-light shadow-sm border-top rounded flex-fill" style="padding: 30px">
                         <i class="flaticon-017-toy-car h1 font-weight-normal text-primary mt-4"></i>
                         <div class="pl-4">
@@ -211,7 +211,7 @@ <h4>Fast & Reliable Delivery</h4>
                         </div>
                     </div>
                 </div>
-                <div class="col-lg-4 col-md-6 mb-4 d-flex align-items-stretch" data-aos="fade-up">
+                <div class="col-lg-4 col-md-6 mb-4 d-flex align-items-stretch effect" data-aos="fade-up">
                     <div class="d-flex bg-light shadow-sm border-top rounded flex-fill" style="padding: 30px">
                         <i class="flaticon-025-sandwich h1 font-weight-normal text-primary mt-4"></i>
                         <div class="pl-4">
@@ -222,7 +222,7 @@ <h4>Exclusive Discounts & Offers</h4>
                         </div>
                     </div>
                 </div>
-                <div class="col-lg-4 col-md-6 mb-4 d-flex align-items-stretch" data-aos="fade-up">
+                <div class="col-lg-4 col-md-6 mb-4 d-flex align-items-stretch effect" data-aos="fade-up">
                     <div class="d-flex bg-light shadow-sm border-top rounded flex-fill" style="padding: 30px">
                         <i class="flaticon-047-backpack h1 font-weight-normal text-primary mt-4"></i>
                         <div class="pl-4">