Project Overviewlink

Legendo is a photography portfolio single-page template built with pure static HTML/CSS/JS, featuring 12 homepage variants (slideshow, parallax background, video background, etc.). It's suitable for photographers, creative studios, or personal portfolio sites that need quick setup.

Tech Stacklink

• HTML5 / CSS3 (responsive layout)
• jQuery (core interaction library)
• Slick Carousel (fullscreen carousel)
• jQuery mb.YTPlayer (YouTube background video)
• Owl Carousel 2 (portfolio carousel)
• Vimeo / HTML5 native video background
• Ken Burns effect
• enllax parallax scrolling
• PHP (only contact.php, subscribe.php for form processing)

Project Structurelink

legendo-12/
├── Legendo-v1-2-Template/        ← Template main directory
│   ├── index-*.html               ← 12 homepage variants
│   ├── contact.php                ← Contact form backend
│   ├── subscribe.php              ← MailChimp subscription backend
│   ├── css/
│   │   ├── style.css              ← Main stylesheet (with extensive commented sections)
│   │   └── plugins.css            ← Third-party plugin styles
│   ├── fonts/                     ← Ion Icons icon font
│   └── img/                       ← Sample image assets
└── Legendo-v1-2-Documentation/    ← Official documentation

Core File Descriptionlink

• index-*.html — 12 homepage variants, replace content for use
• css/style.css — Main stylesheet with approximately 35 commented sections covering carousels, parallax, buttons, and all components
• contact.php — Contact form POST receiver, requires $myemail configuration
• subscribe.php — MailChimp subscription endpoint, requires API Key and List ID configuration
• css/plugins.css — Additional styles for third-party components like Slick, Owl Carousel

Quick Startlink

1. Open Legendo-v1-2-Template/index-SINGLE-IMAGE.html directly in a browser to preview
2. Modify image paths in each index-*.html file (background image URLs defined in css/style.css also need updating)
3. Form functionality: Deploy contact.php and subscribe.php to a PHP-enabled web server

Usage Suggestionslink

All template resources (images, fonts) are sample placeholder content. Replace with actual portfolio images before deployment. Video background features require network access to YouTube/Vimeo, or switch to self-hosted HTML5 video.