From 24e3a2b9b2f7af539dc17febba4a12b282ff9fa6 Mon Sep 17 00:00:00 2001 From: Bhavy_Zala Date: Mon, 5 Aug 2024 18:36:20 +0530 Subject: [PATCH] Added Contributor Page --- contributor.html | 123 ++++++++++++++++++++++++++++++++++++ css/contributor.css | 147 ++++++++++++++++++++++++++++++++++++++++++++ index.html | 7 +++ 3 files changed, 277 insertions(+) create mode 100644 contributor.html create mode 100644 css/contributor.css diff --git a/contributor.html b/contributor.html new file mode 100644 index 0000000..4863eb3 --- /dev/null +++ b/contributor.html @@ -0,0 +1,123 @@ + + + + + + + + + + + + Contributors - Conway's Game of Life + + + +
+ + Back to Home + +
+ +
+
+

🤝Our Contributors

+
+
+
+
+ +
+ + + +
+ +
+ + + + + + + + + diff --git a/css/contributor.css b/css/contributor.css new file mode 100644 index 0000000..cb0d60c --- /dev/null +++ b/css/contributor.css @@ -0,0 +1,147 @@ +body { + color: #ffffff; + font-family: 'Poppins', sans-serif; +} + +.back-button { + position: fixed; + top: 20px; + left: 20px; +} + +.back-button img { + width: 40px; + height: 40px; +} + +.content { + min-height: 100vh; + padding: 20px; +} + +.contributors { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; +} + +.contributor-card { + background: linear-gradient(135deg, #6a93ff, #a9c7ff); + color: #ffffff; + border: 1px solid #333; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + border-radius: 10px; + padding: 20px; + text-align: center; + margin: 10px; + transition: transform 0.3s, box-shadow 0.3s; + width: calc(25% - 40px); +} + +.contributor-card img { + border-radius: 50%; + width: 100px; + height: 100px; + object-fit: cover; + margin-bottom: 10px; +} + +.contributor-card h2 { + font-size: 1.2em; + margin-bottom: 5px; +} + +.contributor-card p { + font-size: 0.9em; + margin-bottom: 5px; +} + +.contributor-card:hover { + transform: translateY(-10px); + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); +} + +/* Responsive Design */ +@media (max-width: 1024px) { + .contributor-card { + width: calc(33.33% - 40px); + } +} + +@media (max-width: 768px) { + .contributor-card { + width: calc(50% - 40px); + } +} + +@media (max-width: 480px) { + .contributor-card { + width: calc(100% - 40px); + } +} + +.back-up { + display: none; + position: fixed; + left: 4%; + text-align: center; + width: 50px; + height: 50px; + background: #7582b2; + bottom: 40px; + right: 50px; + line-height: 50px; + font-size: 22px; +} + +.back-up:hover { + cursor: pointer; +} + +.back-button { + position: fixed; + top: 20px; + left: 20px; +} + +.back-button img { + width: 40px; + height: 40px; +} + +.content { + min-height: 100vh; + padding: 20px; +} + +.container h1 { + font-size: 2.5rem; + font-weight: 700; + text-align: center; + margin-bottom: 20px; + color: #ffffff; + text-shadow: none; + animation: none; +} + +@media (max-width: 1024px) { + .container h1 { + font-size: 2rem; / + } +} + +@media (max-width: 768px) { + .container h1 { + font-size: 1.75rem; + } +} + +@media (max-width: 480px) { + .container h1 { + font-size: 1.5rem; + } +} + + + diff --git a/index.html b/index.html index 0043015..c112dc6 100644 --- a/index.html +++ b/index.html @@ -1069,6 +1069,13 @@

Rules

FAQ +
+ + + +
❅