Guild Website Template Free Repack -

.btn-outline-light border: 1px solid #4f46e5; background: transparent; padding: 8px 20px; border-radius: 40px; color: #e2e8f0; font-weight: 600; cursor: pointer; transition: 0.2s;

/* roster / members grid */ .members-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 32px; margin-top: 20px; guild website template free

function renderMembers() const container = document.getElementById('membersContainer'); if (!container) return; container.innerHTML = membersData.map(member => ` <div class="member-card"> <div class="member-avatar"><i class="$member.avatarIcon"></i></div> <div class="member-name">$member.name</div> <div class="member-role">$member.role</div> <div class="member-bio">$member.bio</div> </div> `).join(''); </div> </div> </footer>

.hero-buttons display: flex; gap: 16px; flex-wrap: wrap; .recruit-box h3 font-size: 2rem

<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>

.recruit-box h3 font-size: 2rem; margin-bottom: 16px;