Project Overviewlink

The Ext is a static portfolio template designed for photographers and creative agencies, offering 6 homepage variations (Hero carousel, YouTube background video, Vimeo background video, HTML5 local video, single image wave animation, etc.). It includes built-in modules such as portfolio carousel, news carousel, accordion services, testimonial displays, and can be used directly by opening in a browser.

Tech Stacklink

• Static HTML/CSS/JS (no build tools required)
• jQuery (DOM manipulation and plugin ecosystem)
• Slick Carousel / Owl Carousel (carousel components)
• Magnific Popup (image lightbox)
• Canvas animation (wave.js wave effects)
• contact.php (form backend processing, requires PHP environment)

Project Structurelink

theexthtml-12/
├── The-Ext-v1-2-Template/          ← Template core
│   ├── index-*.html                ← 6 homepage variations
│   ├── contact.php                 ← Form processing
│   ├── css/
│   │   ├── style.css               ← Main stylesheet (43 sections)
│   │   └── plugins.css             ← Third-party plugin styles
│   ├── js/
│   │   ├── the-ext.js              ← Core interaction logic
│   │   ├── plugins.js              ← Plugin initialization
│   │   └── wave.js                 ← Canvas wave animation
│   ├── fonts/                      ← ionicons icon font
│   └── img/                        ← Placeholder images (backgrounds, carousels, etc.)
└── The-Ext-v1-2-Documentation/      ← Official documentation

Core File Descriptionlink

• index-*.html — Homepage entry files, 6 variants with different background display methods
• css/style.css — Main stylesheet, organized into 43 functional sections (from reset to wave animation)
• css/plugins.css — Third-party CSS for Slick / Owl / Magnific Popup, etc.
• js/the-ext.js — Template core interactions, including carousel, navigation, parallax logic
• js/wave.js — Canvas-drawn dynamic waves covering full-screen backgrounds
• contact.php — Receives form POST data, sends email, requires deployment on a PHP environment

Quick Startlink

Simply open any index-*.html file under The-Ext-v1-2-Template/ in your browser to preview. For form functionality, deploy the entire template directory to a PHP-enabled server and update $myemail in contact.php with the actual recipient address.

Usage Tipslink

Replace placeholder images in the img/ directory with your own portfolio assets; use the CSS comment index (first 43 lines of style.css) to quickly locate modules you want to modify; the wave animation page (index-SINGLE-IMAGE-WAVE.html) works well as a visually impactful landing page.