Project Introduction
Valom is a set of HTML5 website templates designed for business consulting companies, built on Bootstrap 5.x. It offers 5 homepage layouts and 20+ inner page templates, supporting responsive design, dark/light mode switching, and cross-browser compatibility. The template includes a backend contact form (PHP mail.php), making it suitable for quick setup of consulting agencies, corporate strategy advisors, and professional service websites.
Tech Stack
- HTML5 + CSS3 (Native + Bootstrap 5.x)
- JavaScript (jQuery ecosystem: magnific-popup, swiper-bundle, AOS animations, datetimepicker)
- PHP (only assets/mail.php for the contact form)
Project Structure
1.Valom-HTML-template/
├── index.html # Homepage (Home One)
├── home-2~home-5.html # Other homepage variants
├── about.html # About Us
├── service.html # Services List
├── service-details.html # Service Details
├── blog.html # Blog List
├── blog-2.html # Blog Layout Variant
├── blog-details.html # Blog Details
├── team.html # Team Members
├── team-details.html # Member Details
├── project.html # Project Cases
├── project-details.html # Case Details
├── pricing.html # Pricing Page
├── appointment.html # Appointment Page
├── contact.html # Contact Page
├── error.html # 404 Error Page
└── assets/
├── mail.php # Contact Form Email Sender
└── css/style.css # Main Stylesheet
2.Valom-Documentation/
└── index.html # Official Documentation
Core File Description
index.html— Main homepage entry, includes top navigation, carousel, and service showcase sectionsassets/css/style.css— Shared main stylesheet for all pagesassets/mail.php— PHP script that sends emails upon contact form POST submissioncontact.html— Contact page with form submission logic (depends on mail.php)error.html— 404 error page, shares the same navigation structure as all other pages
Quick Start
Pure static template, no build required:
- Double-click
1.Valom-HTML-template/index.htmlto preview directly in your browser; or use a local server like VS Code Live Server / Python http.server. - The contact form requires a PHP environment (e.g.,
php -S localhost:8000) to send and receive emails properly.
Usage Suggestions
- Replace the logo files under
assets/img/logo/andassets/img/favicon.jpgto quickly customize the branding. - If deploying to a static hosting platform (GitHub Pages, Vercel, etc.), the contact form needs to be integrated with a third-party service (e.g., Formspree, Netlify Forms) to replace mail.php.
