/* roster / members grid */ .members-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 32px; margin-top: 20px;
These are just some of the features that a free guild website template might include. The specific features and functionalities will depend on the template and the needs of the guild. guild website template free
if (recruitApplyBtn) recruitApplyBtn.addEventListener('click', () => notifyFeature('Discord application channel: join our server and verify.')); /* roster / members grid */
/* section common */ section padding: 80px 0; We are adventurers, raiders, and strategists who believe
<!-- About / Lore section --> <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>
.progress-bar-bg background: #1e293b; border-radius: 20px; height: 12px; overflow: hidden;
.social-icons i font-size: 24px; margin-right: 16px; transition: 0.2s; color: #94a3b8;