Guild Website Template !!hot!! Free 🔥

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

/* custom scroll */ ::-webkit-scrollbar width: 8px; ::-webkit-scrollbar-track background: #14181f; ::-webkit-scrollbar-thumb background: #4f46e5; border-radius: 12px; guild website template free

<section id="progress"> <div class="container"> <div class="section-title">📈 Progression Snapshot</div> <div class="section-sub">Current tier: Shadow of the Forsaken (Mythic)</div> <div class="progress-card"> <div class="raid-item"> <div class="raid-header"><span><i class="fas fa-skull"></i> Vault of the Ancients (Heroic)</span><span>8/8 H</span></div> <div class="progress-bar-bg"><div class="progress-fill" style="width: 100%"></div></div> </div> <div class="raid-item"> <div class="raid-header"><span><i class="fas fa-dragon"></i> Crucible of Storms (Mythic)</span><span>5/8 M</span></div> <div class="progress-bar-bg"><div class="progress-fill" style="width: 62%"></div></div> </div> <div class="raid-item"> <div class="raid-header"><span><i class="fas fa-crown"></i> Echoes of the Fallen (Mythic)</span><span>3/8 M</span></div> <div class="progress-bar-bg"><div class="progress-fill" style="width: 37%"></div></div> </div> <div class="raid-item"> <div class="raid-header"><span><i class="fas fa-trophy"></i> Mythic+ Rating (avg)</span><span>2870 io</span></div> <div class="progress-bar-bg"><div class="progress-fill" style="width: 78%"></div></div> </div> </div> </div> </section> ::-webkit-scrollbar-track background: #14181f

body font-family: 'Inter', sans-serif; background: #0a0c10; color: #eef2ff; line-height: 1.5; scroll-behavior: smooth; ::-webkit-scrollbar-thumb background: #4f46e5

<section id="join"> <div class="container"> <div class="recruit-box"> <h3><i class="fas fa-hand-peace"></i> Join the Warband</h3> <p style="max-width: 600px; margin: 0 auto 12px;">We are recruiting dedicated players for mythic raid progression & high M+ keys.</p> <div class="recruit-tags"> <span class="tag">🔥 Tank (Prot War / DH)</span> <span class="tag">✨ Healer (Prevoker / Disc)</span> <span class="tag">⚡ Ranged DPS (Mage/Lock)</span> <span class="tag">🛡️ Melee DPS (Rogue/Ret)</span> </div> <p style="margin-bottom: 28px; font-size: 0.9rem;">Raids: Wed/Thu 8pm-11pm EST | alt-friendly & social members welcome!</p> <button class="btn-secondary" id="recruitApplyBtn"><i class="fab fa-discord"></i> Apply via Discord</button> </div> </div> </section> </main>

<section id="about"> <div class="container"> <div class="section-title">⚔️ The Aethelgard Oath</div> <div class="section-sub">Founded in 2021, we blend old-school spirit with competitive drive.</div> <div class="about-grid"> <div class="about-text"> <h3>From embers to eternity</h3> <p>Aethelgard was born from the dream of creating a guild where respect, skill, and camaraderie walk hand in hand. We are adventurers, raiders, and strategists who believe that every wipe is a lesson and every victory is shared.</p> <p>Our core values: <strong>integrity, loyalty, and excellence</strong>. Whether you’re a veteran or an aspiring mythic raider, you’ll find a home among wolves who fight as one pack.</p> <p>We maintain a friendly but focused environment — no toxicity, only constructive feedback and mutual growth.</p> </div> <div class="about-stats"> <div class="stat-item"> <div class="stat-number">97%</div> <div>Raid attendance rate</div> </div> <div class="stat-item"> <div class="stat-number">4.8/5</div> <div>Member satisfaction</div> </div> <div class="stat-item"> <div class="stat-number">120+</div> <div>Mythic+ clears / week</div> </div> </div> </div> </div> </section>