Merge pull request #236 from pandeyji711/contributor

mdazfar2 · web-flow · commit b8541f2a8ba0 · 2024-06-06T12:19:37.000+05:30
added banner to footer of contributors page
diff --git a/Official_Website/banner.css b/Official_Website/banner.css
@@ -0,0 +1,44 @@
+
+
+.join-team {
+    display: flex;
+    align-items: center;
+    background-color: white;
+    padding: 20px 30px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+}
+
+.trophy {
+    font-size: 24px;
+    margin-right: 15px;
+}
+
+.text-content {
+    flex-grow: 1;
+}
+
+.text-content h2 {
+    margin: 0 0 5px 0;
+    font-size: 18px;
+    color: #333;
+}
+
+.text-content p {
+    margin: 0;
+    color: #666;
+}
+
+.join-button {
+    background-color: #7a5eff;
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.join-button:hover {
+    background-color: #6749e8;
+}
diff --git a/Official_Website/contributor-index.html b/Official_Website/contributor-index.html
@@ -14,7 +14,7 @@
     <link rel="stylesheet" href="newCards.css" />
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="navstyle.css" />
-
+    <link rel="stylesheet" href="banner.css" />
   </head>
   <body>
     <header class="header">
@@ -506,7 +506,17 @@ <h2>Anurag Pandey</h2>
         </div>
         
     </div>
-    <button id="load-more" style="display: none;">Load More</button>
+    <div class="join-team">
+        <span class="trophy">🏆</span>
+        <div class="text-content">
+            <h2>Join our awesome team!</h2>
+            <p>Be a contributor and improve HelpOps-Hub and help fellow developers.</p>
+        </div>
+        <a href="https://github.com/mdazfar2/HelpOps-Hub">
+        <button class="join-button">Join us now ➜</button>
+        </a>
+    </div>
+    <button id="load-more" style="display: none;">See More</button>
     <script src="contributor.js"></script>
     <script src="dark_mode.js"></script>
   </body>
diff --git a/Official_Website/contributor-style.css b/Official_Website/contributor-style.css
@@ -429,4 +429,20 @@ width: 40px;
 }
 #team h4{
   font-size: 10px;
-}
+}
+#load-more {
+  display: block;
+  margin: 20px auto;
+  padding: 10px 20px;
+  font-size: 16px;
+  background-color: #007bff;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+#load-more:hover {
+  background-color: #0056b3;
+}
