Sirex - Creative Coming Soon Template preview 1

Sirex - Creative Coming Soon Template

bookmark

Sirex is a creative "Coming Soon" page template that offers three hero section styles: fullscreen slideshow, single background image, and YouTube video background, with optional animation effects including birds, stars, and lines. It inc...

HTMLagencybootstrapcleancoming sooncountdowncreativelanding page

Project Overview

Sirex is a creative "Coming Soon" page template that offers three hero section styles: fullscreen slideshow, single background image, and YouTube video background, with optional animation effects including birds, stars, and lines. It includes built-in countdown timer, contact form, and MailChimp subscription functionality, making it ideal for pre-launch landing pages.

Tech Stack

  • HTML5 + CSS3 (Responsive Layout)
  • jQuery (DOM Manipulation & Interactions)
  • PHP (Contact Form & Email Subscription Backend)
  • Slick Slider (Fullscreen Carousel)
  • fullPage.js (Single Page Scrolling)
  • Magnific Popup / Lity (Image/Video Lightbox)
  • Owl Carousel (Portfolio Carousel)
  • Ionicons (Icon Font)

Project Structure

text
Sirex-v1-0-Template/
├── index-*.html          # 6 Homepage Variants
├── contact.php           # Contact Form Handler
├── subscribe.php         # MailChimp Subscription
├── css/
│   ├── style.css         # Main Stylesheet
│   └── plugins.css       # Third-party Plugin Styles
├── js/
│   ├── sirex.js          # Core Interaction Logic
│   └── plugins*.js       # Animation Effect Scripts
├── img/
│   ├── logo.png          # Logo
│   ├── background/       # 5 Background Images + Video Cover
│   └── works/            # 4 Portfolio Images
├── fonts/                # Ionicons Font
└── mailchimp/inc/        # MailChimp SDK

Core File Description

  • index-*.html — Homepage variants, named by hero section effect (BIRDS/STARS/LINES/VIDEO, etc.)
  • css/style.css — Main stylesheet defining all visual styles including dark theme, buttons, animations
  • js/sirex.js — Core interactions including text carousel, countdown timer, particle animations
  • contact.php — Handles visitor message form and sends to specified email
  • subscribe.php — MailChimp subscription integration, requires API Key and List ID
  • mailchimp/inc/MailChimp.php — MailChimp PHP SDK

Quick Start

  1. Open Sirex-v1-0-Template/index-SINGLE-IMAGE.html directly in browser to preview
  2. For contact form or subscription functionality, run in a PHP environment (e.g., local phpStudy or online server)
  3. Edit $myemail in contact.php, and API Key and List ID in subscribe.php

Usage Tips

  • Choose the HTML variant closest to your needs as the entry point, then modify Logo, countdown time, social links, etc. according to comments
  • Animation effects (birds/stars/lines) are optional; replace with the corresponding version without effects when not needed
help_outline

FAQ