Project Overview
Exdos is a static HTML template designed for creative agencies, featuring over ten page templates including homepage, portfolio, blog, shop, team, and more. It comes with built-in GSAP animations, Swiper carousels, magnificPopup lightboxes, and other interactive effects, making it ideal for quickly building agency websites or portfolio showcases.
Tech Stack
- Bootstrap 5 (Layout & Grid)
- jQuery (DOM interaction & plugin driving)
- GSAP + ScrollTrigger (Advanced scroll animations)
- Swiper (Carousel component)
- FontAwesome Pro (Icon font)
- DM Sans / Federo (Google Fonts)
- PHP (Contact form backend)
Project Structure
exdoshtml-10/
├── documentation/ # Online documentation page
│ └── index.html
└── exdos/ # Main template directory
├── index.html # Homepage (multi-version entry)
├── index-2~5.html # Other homepage variants
├── about.html
├── portfolio.html
├── blog.html
├── shop.html
├── services.html
├── team.html
├── contact.html
└── assets/
├── css/ # Style files (includes GSAP/Swiper plugin styles)
├── js/ # main.js contains all site interaction logic
└── ajax-form.js # Asynchronous form submission
Core File Description
exdos/index.html— Homepage entry, top section includes 5 homepage switch previewsexdos/assets/css/style.css— Main style file, contains CSS variable definitions and all component stylesexdos/assets/js/main.js— Site-wide JS logic, includes mobile menu, GSAP initialization, carousel configuration, etc.exdos/assets/ajax-form.js— Asynchronous form submission scriptexdos/contact.html— Contact page, includes PHP backend support for email sending
Quick Start
# Open homepage directly in browser
open exdos/index.html
# Or start a local static server
npx serve exdos
Usage Tips
Replace images in assets/img/ and color variables in the :root section at the top of style.css to complete brand customization; the contact form requires a server environment (e.g., php -S localhost:8000) to properly receive emails.
