diff --git a/Website/HomePage.html b/Website/HomePage.html index 7be37ac..4f8a0c2 100644 --- a/Website/HomePage.html +++ b/Website/HomePage.html @@ -64,6 +64,45 @@ #login-buttons button:hover { background-color: #45a049; } + + /* Contributor grid and hover effect */ + .contributor-grid { + display: flex; + flex-wrap: wrap; + gap: 20px; + } + + .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; + } + + .contributor:hover { + transform: translateY(-15px); /* Float up effect */ + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* Enhance shadow */ + } + + .contributor img { + width: 100%; + border-radius: 50%; + } + + .contributor a { + text-decoration: none; + color: #333; + font-weight: bold; + } + + .contributor a:hover { + color: #007BFF; + } @@ -129,13 +168,11 @@

Cute Puppies

© Hacktoberfest. All rights reserved.

- -