Guild Website Template Free Patched Direct
<script> // Member data - feel free to modify with your own roster const membersData = [ name: "Thalorian", role: "Guild Master", avatarIcon: "fas fa-crown", bio: "The tactical mastermind, 10+ years raid leading." , name: "Vaelara", role: "Raid Leader", avatarIcon: "fas fa-eye", bio: "Shotcaller, analyst & mythic veteran." , name: "Grommash", role: "Main Tank", avatarIcon: "fas fa-shield-haltered", bio: "Unbreakable wall, always first into the fray." , name: "Lyrisse", role: "Heal Lead", avatarIcon: "fas fa-heart", bio: "Saves lives and parses pink. Literal angel." , name: "Kaelen", role: "Ranged Captain", avatarIcon: "fas fa-bow-arrow", bio: "Mage god with insane mechanics." , name: "Morvyn", role: "Officer", avatarIcon: "fas fa-book-dead", bio: "Recruitment & community vibes." , ];
/* raid progress */ .progress-card background: #11161f; border-radius: 28px; padding: 32px; border: 1px solid #2d3748; .raid-item margin-bottom: 28px; .raid-header display: flex; justify-content: space-between; margin-bottom: 10px; font-weight: 600; .progress-bar-bg background: #1e293b; border-radius: 20px; height: 12px; overflow: hidden; .progress-fill background: linear-gradient(90deg, #4f46e5, #818cf8); width: 0%; height: 100%; border-radius: 20px; guild website template free
// smooth scroll for anchor links document.querySelectorAll('.nav-links a, #rosterBtn, .btn-outline-light[href="#"]').forEach(anchor => anchor.addEventListener('click', function(e) const href = this.getAttribute('href'); if (href && href.startsWith('#')) e.preventDefault(); const targetId = href.substring(1); const targetElement = document.getElementById(targetId); if (targetElement) targetElement.scrollIntoView( behavior: 'smooth', block: 'start' ); else if (this.id === 'rosterBtn') e.preventDefault(); const rosterSection = document.getElementById('roster'); if (rosterSection) rosterSection.scrollIntoView( behavior: 'smooth' ); ); ); <script> // Member data - feel free to