Merge pull request #787 from lipikasau/main

Changing the cursor to pointer for better UI design. #784
PriyaGhosal · Oct 22, 2024 · a919069 · a919069
2 parents b5e9491 + 99d7381
commit a919069
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -19,7 +19,9 @@
     /* footer{
       color:white
     } */
-
+    .cursor-pointer{
+      cursor:pointer;
+    }
   </style>
   <!--
     - favicon
@@ -521,7 +523,7 @@ <h2 class="headline-md section-title text-center" id="course-label" data-aos="fa
 
 
 
-          <ul class="grid-list">
+          <ul class="grid-list cursor-pointer">
 
             <li class="card-container">
               <div class="header1">
@@ -993,7 +995,7 @@ <h2 class="headline-md text-center section-title" data-aos="fade-down">
             <div class="header1">Learn with <span class="span has-after">Articles</span></div>
           </h2>
 
-          <ul class="grid-list">
+          <ul class="grid-list cursor-pointer">
             <li class="card-container" data-aos="fade-right" data-aos-offset="100" data-aos-easing="ease-in-sine">
               <div class="header1">
                 <div class="card blog-card">
@@ -1075,7 +1077,7 @@ <h2 class="headline-md text-center section-title" data-aos="fade-down">
             <div class="header1">Select a Plan for better <span class="span has-after">Learning</span></div>
           </h2>
 
-          <ul class="grid-list">
+          <ul class="grid-list cursor-pointer">
             <li class="card-container" data-aos="fade-right" data-aos-offset="100" data-aos-easing="ease-in-sine">
               <div class="header1">
                 <div class="card blog-card">
@@ -1188,7 +1190,7 @@ <h2 class="headline-md text-center section-title" data-aos="fade-down">
             Hear from <span class="span has-after">Our Clients</span>
           </h2>
 
-          <ul class="grid-list">
+          <ul class="grid-list cursor-pointer" >
             <li class="card-container" data-aos="fade-right" data-aos-offset="100" data-aos-easing="ease-in-sine">
               <div class="card testimonial-card">
                 <figure class="card-banner">

diff --git a/style.css b/style.css
@@ -71,6 +71,7 @@
 
   /* Button Hover Effects */
   #contact-form button:hover {
+    cursor: pointer;
     background-color: #2980b9; 
     transform: translateY(-2px); 
   }
@@ -157,6 +158,7 @@
 }
 
 .event-button:hover {
+  cursor: pointer;
   background-color: var(--keppei); /* Keppei background on hover */
   color: var(--oxford-blue); /* Oxford blue text on hover */
   transform: scale(1.1); /* Slightly bigger button on hover */
@@ -165,6 +167,7 @@
 /* Hover effect for event items */
 .event-item:hover {
   transform: scale(1.03); /* Slightly enlarges the event item on hover */
+  cursor: pointer;
 }