Widex - One Page Portfolio Template preview 1

Widex - One Page Portfolio Template

bookmark

Widex is a dark-themed one-page portfolio HTML template, suitable for personal photographers, designers, or creative studios to showcase their work. It includes multiple homepage variants (Hero carousel, image background, video backgroun...

HTML

Project Overview

Widex is a dark-themed one-page portfolio HTML template, suitable for personal photographers, designers, or creative studios to showcase their work. It includes multiple homepage variants (Hero carousel, image background, video background, etc.), supports portfolio carousels and contact form popups, and works out of the box without complex configuration.

Tech Stack

  • HTML5 + CSS3 (responsive layout)
  • JavaScript (jQuery)
  • Swiper carousel plugin
  • Magnific Popup / Lity (image/video lightbox)
  • PHP (only for contact form submission)

Project Structure

text
widexhtml-10/
├── Documentation/          # Template usage documentation
│   └── index.html
└── Template/                # Actual template files
    ├── index-*.html         # Multiple homepage variants
    ├── contact.php          # Contact form processing
    ├── css/
    │   ├── style.css        # Main stylesheet
    │   └── plugins.css      # Plugin styles
    ├── js/
    │   ├── widex.js         # Main script
    │   ├── widex-2.js       # Auxiliary script
    │   └── plugins.js       # Plugin scripts
    ├── img/                 # Image assets
    └── MIT-License/

Core File Description

  • Template/index-*.html — 6 homepage template variants, choose as needed
  • Template/css/style.css — Main site stylesheet, includes dark theme configuration
  • Template/js/widex.js — Core interaction logic and animations
  • Template/contact.php — Backend processing script for contact form
  • Template/img/ — Placeholder images for backgrounds and portfolio

Quick Start

  1. After downloading and extracting, select an index-*.html file from the Template/ directory as the entry point
  2. Open the HTML file directly in a browser to preview
  3. For contact form functionality, deploy contact.php to a PHP-supported server and modify $myemail to the target email address

Usage Suggestions

  • When replacing background and portfolio images in the img/ directory, maintain consistent image proportions for optimal display
  • The contact form relies on a server-side PHP environment; if using static hosting, integrate a third-party form service instead
help_outline

FAQ