Exena - One Page Portfolio Template preview 1

Exena - One Page Portfolio Template

bookmark

Exena is a single-page portfolio HTML template featuring a full-screen scrolling layout with six sections: Home, About, Services, Works, News, and Contact. It includes multiple carousel components such as Slick, Owl Carousel, and Swiper,...

HTMLagencycleancreativedesignerdeveloperfullscreengallery

Project Overview

Exena is a single-page portfolio HTML template featuring a full-screen scrolling layout with six sections: Home, About, Services, Works, News, and Contact. It includes multiple carousel components such as Slick, Owl Carousel, and Swiper, supports parallax effects and responsive design, making it suitable for creative studios or personal portfolio websites that need quick setup.

Tech Stack

  • HTML5 + CSS3 (static pages)
  • jQuery (core interactions)
  • fullPage.js (full-screen scrolling)
  • Slick Slider (services carousel)
  • Owl Carousel (works/news carousel)
  • Swiper (parallax slider)
  • Magnific Popup (image lightbox)
  • PHP (contact form backend)

Project Structure

text
exenahtml-10/
├── Documentation/          # Official documentation
├── Template/
│   ├── index-*.html        # Different homepage variants
│   ├── contact.php         # Form processing
│   ├── MIT-License/
│   ├── css/
│   │   ├── style.css       # Main stylesheet
│   │   └── plugins.css     # Third-party plugin styles
│   ├── fonts/              # Ionicon icon fonts
│   ├── img/                # Sample image assets
│   └── js/
│       ├── main.js         # Core interaction logic
│       └── plugins.js      # Third-party plugins

Key File Descriptions

  • Template/index-*.html — Homepage entry files, offering multiple visual variants (video background, parallax slider, etc.)
  • Template/css/style.css — Main stylesheet defining layout, color scheme, and responsive breakpoints
  • Template/js/main.js — jQuery interaction logic including preloader, navigation, carousels, modals, etc.
  • Template/contact.php — Simple PHP email form processor (requires configuring $myemail)
  • Template/css/plugins.css — Style overrides for third-party components like carousels and lightboxes

Quick Start

  1. Unzip the package and navigate to the Template directory
  2. Double-click index-HTML5-VIDEO.html or another homepage file to preview in browser
  3. For deployment, upload the contents of the Template folder to the server's public_html directory via FTP
  4. Update $myemail in contact.php with the actual recipient email address

Usage Tips

The template includes multiple homepage variants that can be swapped by replacing the index-*.html file. The contact form requires a PHP environment; if using static hosting, you'll need to set up your own backend or integrate a third-party form service.

help_outline

FAQ