Noir - Photographer Portfolio HTML Template

Noir is a modern responsive HTML portfolio template created for photographers, photography studios and creative professionals.

The template combines a clean editorial design with a strong visual presentation for portfolios, services, testimonials and contact information. Its responsive layout is optimized for desktop, tablet and mobile devices.

Noir is built with HTML5, CSS3 and vanilla JavaScript. The files are clearly structured and easy to customize, making it suitable for personal photography portfolios, studios, freelance photographers and other visual creatives.

The template includes a portfolio gallery with lightbox, services section, about section, process presentation, testimonials slider, contact form, legal modals, cookie notice, custom 404 page and thank-you page.

A PHP contact form is included. SMTP configuration via PHPMailer is supported, while PHP mail() is available as a fallback. Detailed English documentation is included in the package.

Features

• Modern photography portfolio design
• Fully responsive layout
• HTML5 and CSS3
• Vanilla JavaScript
• Portfolio gallery with lightbox
• Responsive services section
• About and statistics sections
• Process section
• Testimonials slider
• Contact form with PHP handler
• SMTP-ready configuration
• PHP mail() fallback
• Privacy Policy and Legal Notice modals
• Cookie notice
• Custom 404 page
• Thank-you page
• SEO-ready meta structure
• Favicon included
• Organized file structure
• English documentation included
• Easy to customize

Requirements

• Basic knowledge of HTML and CSS for customization
• Web hosting with PHP support for the contact form
• A modern web browser for testing and editing
• PHPMailer is required only if SMTP delivery is used

Instructions

1. Extract the downloaded ZIP archive.
2. Open index.html and replace the demo text, images and contact information.
3. Replace images inside the assets/img folder or update their paths in the HTML files.
4. Edit colors, typography and layout styles in assets/css/style.css.
5. Open config.php and enter the email address that should receive contact form messages.
6. Configure SMTP settings in config.php if SMTP delivery is required.
7. Replace the placeholder Legal Notice and Privacy Policy content before publishing.
8. Update the domain in sitemap.xml and robots.txt.
9. Upload all files to your web hosting while keeping the original folder structure.
10. See README.html for complete documentation and customization instructions.