Merge pull request #769 from rohir1132yadav/main

apply hover effect and box shadow
vimistify · Oct 15, 2024 · 5cd7f4e · 5cd7f4e
2 parents fcf3f9f + 1efd9fa
commit 5cd7f4e
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -636,6 +636,18 @@
       display: block;
       /* Show on hover */
     }
+    .button:hover{
+      color:rgb(16, 14, 14);
+      background-color: #c91515;
+      box-shadow: 2px 2px 2px 2px rgb(255, 68, 0);
+      border-color: #c91515;
+    }
+    li a:hover{
+      box-shadow: 2px 2px 2px 2px rgb(0, 102, 255);
+      color: #6207ca;
+      background-color: #101215;
+      border-color: #c91515;
+    }
   </style>
 
 </head>
@@ -766,7 +778,8 @@ <h2>Meet the Team</h2>
             Learn more about our dedicated team working tirelessly to ensure
             efficient ambulance monitoring and resource management.
           </p>
-          <a href="team.html" class="button">Go to Team</a>
+          <h2>
+          <a href="team.html" class="button">Go to Team</a></h2>
         </div>
       </div>
 
@@ -930,11 +943,14 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
           <form action="#">
             <input type="email" placeholder="Your Email"
               style="padding: 10px; width: 80%; border: none; border-radius: 5px;" required><br><br>
-            <button type="submit"
+            <button class="subscirbe" type="submit"
               style="background-color: #e81a1a; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px;">Subscribe</button>
           </form>
         </div>
         <style>
+          .subscirbe:hover{
+            box-shadow: 2px 2px 2px 2px rgb(246, 67, 2);
+          }
           .hover-link {
             color: #000000;
             text-decoration: none;

diff --git a/style.css b/style.css
@@ -109,3 +109,4 @@ nav {
         display: flex; /* Show menu when toggled */
     }
 }
+
diff --git a/style1.css b/style1.css
@@ -415,4 +415,4 @@ pre {
     opacity: 1;
   }
 
-}
+}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -109,3 +109,4 @@ nav {
		display: flex; /* Show menu when toggled */
		}
		}
-Original file line number
+Diff line change
@@ Expand Up / @@ -415,4 +415,4 @@ pre { @@
         opacity: 1;
       }
-    }
+    }