Guild Website Template Free - Extra Quality
/* section common */ section padding: 80px 0; .section-title text-align: center; font-size: 2.5rem; font-weight: 800; margin-bottom: 16px; .section-sub text-align: center; color: #9ca3af; max-width: 600px; margin: 0 auto 56px auto;
<!-- Roster / Members --> <section id="roster"> <div class="container"> <div class="section-title">🏅 Vanguard Council</div> <div class="section-sub">Meet the champions leading the charge</div> <div class="members-grid" id="membersContainer"> <!-- dynamic but also static default with JS? we fill both --> </div> </div> </section> guild website template free
<main> <!-- Hero --> <section class="hero"> <div class="container hero-grid"> <div class="hero-content"> <span class="hero-badge"><i class="fas fa-shield-alt"></i> Season of the Eclipse</span> <h2>Forged in <span class="hero-highlight">valor</span>, united by glory.</h2> <p>We are Aethelgard — a semi-hardcore guild seeking champions to conquer mythic raids, push keys, and build lasting brotherhood.</p> <div class="hero-buttons"> <button class="btn-primary" id="applyNowBtn"><i class="fas fa-scroll"></i> Apply now</button> <button class="btn-outline-light" id="rosterBtn">View roster →</button> </div> </div> <div class="hero-image"> <i class="fas fa-helmet-battle"></i> </div> </div> </section> /* section common */ section padding: 80px 0;
/* footer */ footer background: #07090e; padding: 48px 0 24px; border-top: 1px solid #1e293b; margin-top: 40px; .footer-grid display: flex; flex-wrap: wrap; justify-content: space-between; gap: 32px; margin-bottom: 40px; .footer-col h4 font-size: 1.2rem; margin-bottom: 16px; color: #cbd5e1; .footer-col p, .footer-col a color: #94a3b8; text-decoration: none; display: block; margin-bottom: 8px; .social-icons i font-size: 24px; margin-right: 16px; transition: 0.2s; color: #94a3b8; .social-icons i:hover color: #a5b4fc; .copyright text-align: center; padding-top: 24px; border-top: 1px solid #1e293b; font-size: 0.85rem; color: #5b6e8c; .section-title text-align: center
// small console message for template usage console.log('Aethelgard Guild Template — ready to customize! Replace members, links, and content.'); </script> </body> </html>
