Update HomePage.css

cocomantis · Oct 13, 2024 · 0fc805b · 0fc805b
1 parent da689dd
commit 0fc805b
Showing 1 changed file with 46 additions and 1 deletion.
diff --git a/Website/HomePage.css b/Website/HomePage.css
@@ -234,4 +234,49 @@ button:hover {
   margin-left: 530px;
   max-width: 450px; 
   width: 100%;  /* Responsive width */
-}
+}
+
+
+<style>
+  /* Basic contributor grid styling */
+  .contributor-grid {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
+  }
+
+  /* Contributor profile styling */
+  .contributor {
+    width: 200px;
+    text-align: center;
+    padding: 10px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background-color: #f9f9f9;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+    position: relative;
+  }
+
+  /* Animation for hovering over the profile */
+  .contributor:hover {
+    transform: translateY(-15px);  /* Float up effect */
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* Increase shadow to enhance floating look */
+  }
+
+  /* Contributor images */
+  .contributor img {
+    width: 100%;
+    border-radius: 50%;
+  }
+
+  .contributor a {
+    text-decoration: none;
+    color: #333;
+    font-weight: bold;
+  }
+
+  .contributor a:hover {
+    color: #007BFF;
+  }
+</style>