Exdos - Creative Agency HTML Template preview 1

Exdos - Creative Agency HTML Template

bookmark

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 lightbox...

HTML

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

text
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 previews
  • exdos/assets/css/style.css — Main style file, contains CSS variable definitions and all component styles
  • exdos/assets/js/main.js — Site-wide JS logic, includes mobile menu, GSAP initialization, carousel configuration, etc.
  • exdos/assets/ajax-form.js — Asynchronous form submission script
  • exdos/contact.html — Contact page, includes PHP backend support for email sending

Quick Start

bash
# 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.

help_outline

FAQ