); );
<footer> <div class="container"> <div class="footer-grid"> <div class="footer-col"> <h4>ÆTHELGARD</h4> <p>Victory through unity.</p> <div class="social-icons"> <i class="fab fa-twitter"></i> <i class="fab fa-discord"></i> <i class="fab fa-twitch"></i> <i class="fab fa-youtube"></i> </div> </div> <div class="footer-col"> <h4>Quick links</h4> <a href="#">Guild rules</a> <a href="#">Raid schedule</a> <a href="#">Apply form</a> <a href="#">Merch store</a> </div> <div class="footer-col"> <h4>Contact</h4> <p><i class="fas fa-envelope"></i> council@aethelgard.gg</p> <p><i class="fab fa-discord"></i> discord.gg/aethelgard</p> <p><i class="fas fa-calendar-alt"></i> Raid nights: Wed/Thu</p> </div> </div> <div class="copyright"> © 2025 Aethelgard Gaming. Forged by champions, open source template. All rights reserved. </div> </div> </footer>
.nav-links a text-decoration: none; color: #e2e8f0; font-weight: 500; transition: 0.2s; font-size: 1rem; guild website template free
.recruit-tags display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 28px 0;
// initial load renderMembers(); animateProgressBars(); </div> </div> </footer>
if (recruitApplyBtn) recruitApplyBtn.addEventListener('click', () => notifyFeature('Discord application channel: join our server and verify.'));
.social-icons i font-size: 24px; margin-right: 16px; transition: 0.2s; color: #94a3b8; .nav-links a text-decoration: none
.copyright text-align: center; padding-top: 24px; border-top: 1px solid #1e293b; font-size: 0.85rem; color: #5b6e8c;