Guild Website Template Free Verified

.btn-secondary background: transparent; border: 2px solid #818cf8; padding: 12px 32px; border-radius: 40px; font-weight: bold; color: white; cursor: pointer; transition: 0.2s;

// add some dynamic loading animation for progress bars function animateProgressBars() const fills = document.querySelectorAll('.progress-fill'); fills.forEach(fill => const width = fill.style.width; fill.style.width = '0%'; setTimeout(() => fill.style.transition = 'width 1s ease-out'; fill.style.width = width; , 200); ); guild website template free

.logo display: flex; align-items: center; gap: 12px; .btn-secondary background: transparent

/* hero section */ .hero padding: 80px 0 100px; background: radial-gradient(circle at 10% 30%, rgba(79,70,229,0.15), transparent 70%); border: 2px solid #818cf8

if (applyBtn) applyBtn.addEventListener('click', () => notifyFeature('Apply form would open here. Customize with your Google Form or Discord application.'));

.footer-col h4 font-size: 1.2rem; margin-bottom: 16px; color: #cbd5e1;