Project Overviewlink

Fasty is a "Coming Soon / Under Construction" single-page template with 12 page variants, featuring Hero carousel, typewriter animation, YouTube/Vimeo video backgrounds, image gallery, wave animation effects, and more. Ideal for placeholder pages before a website launch.

Tech Stacklink

• HTML5 + CSS3 + Vanilla JavaScript
• jQuery (for carousel, animations, and interactions)
• Swiper 3.x (carousel component)
• jquery.mb.YTPlayer (YouTube video background)
• PHP (optional, for contact form and MailChimp subscription)

Project Structurelink

fastyhtml-10/
├── Fasty-v1-3-Documentation/     # Official documentation
│   └── index.html
└── Fasty-v1-3-Template/          # Template main directory
    ├── index-*.html              # 12 page variants
    ├── contact.php               # Contact form backend
    ├── subscribe.php             # MailChimp subscription backend
    ├── css/style.css             # Main stylesheet
    ├── js/fasty.js               # Main script
    └── img/background/           # Background image assets

Core File Descriptionlink

• Fasty-v1-3-Template/index-*.html — Entry files for 12 page variants, choose according to your needs
• css/style.css — All CSS including backgrounds, layouts, animations, etc. (indexed sections 0-37)
• js/fasty.js — Core interaction logic (carousel, countdown, forms, etc.)
• contact.php — Contact form backend, requires filling in the $myemail recipient address
• subscribe.php — MailChimp subscription backend, requires API Key and List ID
• js/wave.js — Canvas wave animation effect (used by some variants)

Quick Startlink

1. Open any index-*.html file under Fasty-v1-3-Template/ directly in your browser to preview
2. For form functionality, deploy to a PHP environment, then update the email address in contact.php and MailChimp credentials in subscribe.php
3. Replace background images and logo in img/ for quick customization

Usage Recommendationslink

This template is a pure static display page; form functionality requires a PHP environment. For production, deploy with a web server (Nginx/Apache) and ensure the mail() function or MailChimp API is available.