Project Overviewlink

Daevnt is a dark-themed HTML template designed for events and conferences, offering three homepage variants: creative conference, online conference, and educational conference. It supports GSAP animations, Swiper carousels, dark mode toggling, and other features, making it suitable for quickly building event websites or portfolio showcase pages.

Tech Stacklink

• HTML5 + CSS3 + Vanilla JavaScript
• jQuery (DOM manipulation and event binding)
• GSAP (ScrollTrigger, SplitText, and other plugins for interactive animations)
• Swiper (carousel component)
• SASS (style preprocessor with source files)
• Google Fonts (Bricolage Grotesque / DM Sans)

Project Structurelink

daevnthtml-10/
├── Daevnt - Event & Conference HTML Template/
│   ├── index.html              # Main entry page
│   ├── about-us.html           # About page
│   ├── blog*.html              # Blog list and detail pages
│   ├── events*.html            # Event list and detail pages
│   ├── speaker*.html           # Speaker pages
│   ├── services*.html          # Services page
│   ├── pricing.html            # Pricing page
│   ├── faq.html                # FAQ page
│   ├── contact-us.html         # Contact page
│   ├── 404.html                # Error page
│   ├── coming-soon.html        # Coming soon page
│   └── assets/
│       ├── css/style.css       # Compiled styles
│       ├── sass/style.scss      # SASS source files
│       ├── js/main.js          # Interaction logic
│       ├── fonts/              # Icon fonts (Flaticon)
│       └── img/                 # Image assets
└── Daevnt - Help Documentation/
    └── index.html              # Official help documentation

Core File Descriptionslink

• index.html — Template entry point with full navigation and homepage layout
• assets/css/style.css — Compiled styles defining the dark theme and component styles
• assets/sass/style.scss — SASS source files, customizable by modifying variables and recompiling
• assets/js/main.js — Contains mobile menu, sticky header, GSAP animations, counters, and other logic
• online-conference.html — Online conference homepage variant
• educational-conference.html — Educational conference homepage variant

Quick Startlink

1. Open Daevnt - Event & Conference HTML Template/index.html directly in a browser to preview;
2. To modify styles, adjust variables in style.scss and recompile;
3. Replace placeholder images in assets/img/ and update copy in index.html for quick deployment.

Usage Recommendationslink

GSAP animations rely on CDN loading, ensure network connectivity during initial deployment; the dark theme suits event atmospheres, but pay attention to contrast between light text and background for accessibility.