Skip to content

Update index.html with enhanced footer #43

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
urviagrawal1 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Update index.html with enhanced footer #43

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3ea250e
Update index.html with enhanced footer
urviagrawal1 Aug 4, 2025
60f7aca
resolved conflicts
urviagrawal1 Aug 20, 2025
03a878b
enhanced footer
urviagrawal1 Aug 20, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 24 additions & 5 deletions frontend/dashBoard/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -371,11 +371,11 @@ body {
padding: 60px 0 20px;
}

.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-bottom: 2rem;
.footer-columns {
display: grid;
grid-template-columns: repeat(4, 1fr); /* Always 4 columns */
gap: 2rem;
margin-bottom: 2rem;
}

.footer-brand {
Expand Down Expand Up @@ -423,6 +423,17 @@ body {
color: #2563eb;
}

.footer a {
color: #94a3b8; /* soft gray, matches your screenshot */
text-decoration: none; /* remove underline */
transition: color 0.3s ease;
}

.footer a:hover {
color: #2563eb; /* blue on hover */
text-decoration: none; /* keep underline disabled on hover too */
}

.social-links {
display: flex;
gap: 1rem;
Expand All @@ -447,6 +458,14 @@ body {
transform: translateY(-2px);
}

.social-links a i {
color: #94a3b8 !important; /* force all icons to use gray */
}
.social-links a:hover i {
color: white !important; /* on hover make them white */
}


.footer-bottom {
text-align: center;
padding-top: 2rem;
Expand Down
135 changes: 77 additions & 58 deletions frontend/others/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,13 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ClubMate - Robonixx Club Management System</title>
<link rel="stylesheet" href="../dashBoard/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
</head>

<body>
<header class="header">
<nav class="nav">
Expand All @@ -22,12 +20,12 @@
<li><a href="#features" class="nav-link">Features</a></li>
<li><a href="#about" class="nav-link">About</a></li>
<li><a href="frontend/contact.html" class="nav-link">Contact</a></li>
<li><a href="frontend/login.html" class="nav-link">Sign In</a></li>
<li><a href="frontend/login.html" class="nav-link">Sign In</a></li>
<li><a href="frontend/signup.html" class="nav-link">Sign Up</a></li>

</ul>
<div class="auth-links">

<a href="frontend/login.html" class="btn btn-sm">Login</a>
<a href="admin-dashboard.html" class="btn btn-sm btn-primary">Admin Dashboard</a>
<a href="member-dashboard.html" class="btn btn-sm btn-secondary">Member Dashboard</a>
</div>
Expand All @@ -48,7 +46,7 @@ <h1 class="hero-title">
Operations
</h1>
<p class="hero-description">
ClubMate is an open-source platform designed for student technical clubs like Robonixx.
ClubMate is an open-source platform designed for student technical clubs like Robonixx.
Manage events, coordinate teams, track projects, and share resources all in one place.
</p>
<div class="hero-buttons">
Expand Down Expand Up @@ -194,66 +192,87 @@ <h2>Ready to Transform Your Club?</h2>
<i class="fas fa-sign-in-alt"></i>
Login to ClubMate
</a>
</div>
</div>
</div>
</div>
</section>

<footer id="contact" class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<div class="footer-brand">
<i class="fas fa-robot"></i>
<span>ClubMate</span>
</div>
<p>Open-source club management system for technical communities</p>
<div class="social-links">
<a href="https://github.com/yadavaman13/clubmate" target="_blank">
<i class="fab fa-github"></i>
</a>
<a href="#" target="_blank">
<i class="fab fa-twitter"></i>
</a>
<a href="#" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
</div>
</div>
<div class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#about">About</a></li>
<li><a href="https://github.com/yadavaman13/clubmate/issues">Report Issues</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Community</h3>
<ul>
<li><a href="https://github.com/yadavaman13/clubmate/blob/main/CONTRIBUTING.md">Contributing</a>
</li>
<li><a href="https://github.com/yadavaman13/clubmate/blob/main/CODE_OF_CONDUCT.md">Code of
Conduct</a></li>
<li><a href="https://github.com/yadavaman13/clubmate/discussions">Discussions</a></li>
<li><a href="https://github.com/yadavaman13/clubmate/wiki">Documentation</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p><i class="fas fa-envelope"></i> clubmate@robonixx.com</p>
<p><i class="fas fa-map-marker-alt"></i> Open Source Community</p>
<p><i class="fas fa-globe"></i> Available Worldwide</p>
</div>
<footer class="footer">
<div class="container footer-columns">

<!-- Column 1: Brand + About -->
<div class="footer-col brand-col">
<div class="footer-brand">
<i class="fas fa-robot"></i>
<span>ClubMate</span>
</div>
<p>
ClubMate is an open-source platform for student technical clubs,
helping you manage events, members, projects, and resources—all in one place.
Built by and for the community.
</p>
<div class="social-links">
<a href="#"><i class="fab fa-github"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
<div class="footer-bottom">
<p>&copy; 2025 ClubMate. Open source under MIT License.</p>
</div>

<!-- Column 2: Navigation -->
<div class="footer-col">
<h3>Navigation</h3>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="about.html">About</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
</ul>
</div>

<!-- Column 3: Quick Links + Community (merged together) -->
<div class="footer-col">
<h3>Quick Links</h3>
<ul>
<li><a href="#">Report Issues</a></li>
<li><a href="#">Sign In</a></li>
<li><a href="#">Sign Up</a></li>
<li><a href="#">Admin Dashboard</a></li>
<li><a href="#">Member Dashboard</a></li>
</ul>

<h3 style="margin-top:1.5rem;">Community</h3>
<ul>
<li><a href="#">Contributing</a></li>
<li><a href="#">Code of Conduct</a></li>
<li><a href="#">Discussions</a></li>
<li><a href="#">Documentation</a></li>
</ul>
</div>

<!-- Column 4: Support + Contact -->
<div class="footer-col">
<h3>Support</h3>
<p><i class="fas fa-envelope"></i> support@clubmate.com</p>
<p>For help or feedback, email our support team anytime.</p>

<h3 style="margin-top:1.5rem;">Contact</h3>
<p><i class="fas fa-envelope"></i> clubmate@robonixx.com</p>
<p><i class="fas fa-map-marker-alt"></i> Open Source Community</p>
<p><i class="fas fa-globe"></i> Available Worldwide</p>
</div>

</div>

<!-- Bottom -->
<div class="footer-bottom">
<p>&copy; 2025 ClubMate. Open source under MIT License.</p>
</div>
</footer>
</footer>




<script src="script.js"></script>
</body>

</html>