Ex - Templates in Responsive Development preview 1

Ex - Templates in Responsive Development

bookmark

This is a responsive "Under Construction" page template set, featuring a countdown timer, contact form, and email subscription functionality. It includes multiple fullscreen background effects (video, image, slideshow, Google Maps, Ken B...

HTMLanimationcleancoming sooncontact formcountdownfullscreenhtml5

Project Overview

This is a responsive "Under Construction" page template set, featuring a countdown timer, contact form, and email subscription functionality. It includes multiple fullscreen background effects (video, image, slideshow, Google Maps, Ken Burns, etc.), making it suitable as a transitional page before a website goes live.

Tech Stack

  • Bootstrap (CSS framework)
  • Static HTML (page structure)
  • PHP (contact form, MailChimp subscription backend)
  • jQuery (interactive effects)

Project Structure

text
exunderconstruction-10/
├── Ex-v1-1-Template/
│   ├── index-*.html          # Background variant homepages (20+)
│   ├── contact.php           # Contact form handler
│   ├── subscribe.php         # MailChimp subscription interface
│   ├── css/
│   │   ├── bootstrap.min.css
│   │   ├── style-*.css       # Main styles (dark/light/pure-dark/pure-light)
│   │   └── colors/           # 16 color schemes
│   └── img/
└── Ex-v1-1-Documentation/
    └── index.html            # Official documentation page

Core File Description

  • index-*.html — Homepage variants; choose the file corresponding to your desired background effect
  • css/style-*.css — Theme stylesheets controlling dark/light overall appearance
  • css/colors/*.css — Color schemes; override primary colors by including via <link> tag
  • contact.php — Receives name, email, subject, and message, then sends an email
  • subscribe.php — MailChimp subscription interface; requires API Key and List ID

Quick Start

  1. Deploy the Ex-v1-1-Template directory to a web server
  2. Select the appropriate index-*.html based on your desired background effect
  3. Modify the content in the <!-- intro start --> section of the HTML
  4. Configure the $myemail recipient address in contact.php
  5. Configure the API Key and List ID in subscribe.php
  6. Open in a browser to preview

Usage Suggestions

  • Opening static pages directly in a browser will only display the HTML structure; form submission and subscription features require a PHP environment (e.g., local MAMP/XAMPP or an online server).
  • Color files are independent .css files; switching themes only requires changing the <link> tag's included path, with no need to modify the main stylesheet.
help_outline

FAQ