Project Introductionlink

Kingex is a creative portfolio single-page template offering 6 homepage variants (fullscreen slideshow, Ken Burns slideshow, single image background, YouTube/Vimeo video background, ripple effect), suitable for photographers, designers, and other creative professionals to build personal showcase websites.

Tech Stacklink

• HTML5 / CSS3 (static pages)
• JavaScript (jQuery + multiple carousel/modal plugins)
• PHP (contact form + MailChimp subscription interface)
• Third-party components: Slick, Owl Carousel, Magnific Popup, Swiper

Project Structurelink

kingexhtml-10/
├── Kingex-v1-0-Template/
│   ├── index-*.html          # 6 homepage variants
│   ├── contact.php           # Contact form backend
│   ├── subscribe.php         # MailChimp subscription backend
│   ├── css/
│   │   ├── style.css         # Main stylesheet (with 27 section comments)
│   │   └── plugins.css       # Third-party component styles
│   ├── js/
│   │   ├── kingex.js         # Main interaction script
│   │   ├── plugins.js        # Third-party plugin initialization
│   │   └── wave.js           # Ripple effect
│   ├── img/                  # Image assets
│   └── mailchimp/            # MailChimp SDK
└── Kingex-v1-0-Documentation/
    └── index.html            # Official documentation page

Core File Descriptionlink

• index-*.html — Entry files for each homepage variant, choose as needed
• css/style.css — Main stylesheet defining all visual rules including backgrounds, layouts, carousels, etc.
• js/kingex.js — Main navigation, newsletter panel, scrolling, and other interaction logic
• contact.php — Contact form PHP backend, validates and sends emails
• subscribe.php — MailChimp subscription interface, requires API Key and List ID
• js/plugins.js — Configuration for Slick, Owl Carousel, Magnific Popup, and other plugins

Quick Startlink

1. Open Kingex-v1-0-Template/index-HERO-SLIDESHOW-ZOOM-FADE.html directly in a browser to preview the fullscreen slideshow version
2. To use the contact form or subscription functionality, deploy the entire template directory to a PHP environment (e.g., XAMPP/Nginx), and modify the recipient email in contact.php as well as the MailChimp API Key and List ID in subscribe.php

Usage Suggestionslink

This template is a pure static single-page structure, suitable for quickly going live by replacing images and text. To integrate real email functionality, be sure to run it in a PHP environment and ensure the server has the mail() function configured or use a third-party email service.