Project Overview
Inconsl Consulting is an HTML5 responsive website template designed for consulting/investment service firms, featuring complete pages including homepage, services, project showcase, blog, team, and contact form. Built on Bootstrap 5, it supports dark mode and multiple header style switching, making it ideal for quickly building a professional consulting company website.
Tech Stack
- Bootstrap 5 (responsive layout framework)
- jQuery (DOM interaction and animations)
- PHP (contact form email sending)
- Font Awesome (icon library)
- Google Fonts (Open Sans, Krona One, Manrope)
Project Structure
iconslhtml-10/inconsl-package/
├── documentation/ # Official documentation
│ ├── index.html
│ ├── css/
│ │ ├── bootstrap.css
│ │ ├── font-awesome.css
│ │ └── style.css
│ └── js/
└── inconsl/ # Main website files
├── index.html # Homepage 01
├── index-2.html # Homepage 02
├── index-3.html
├── index-dark.html # Dark version homepage
├── about.html # About Us
├── services.html # Services list
├── service-detail.html # Service details
├── projects.html # Project showcase
├── blog.html # Blog list
├── contact.html # Contact Us
├── team.html # Team members
├── register.html # Registration page
├── sendemail.php # Form email processing
└── assets/ # CSS/JS/Images/Fonts
Core File Descriptions
inconsl/index.html— Main homepage template, includes top navigation, Hero section, and service introduction modulesinconsl/contact.html— Contact page, includes form and map placeholder areainconsl/sendemail.php— Contact form backend processing script, handles email sending and page redirectioninconsl/assets/css/style.css— Main stylesheet, defines global typography and theme colorsinconsl/assets/css/responsive.css— Responsive breakpoint stylesdocumentation/index.html— Official documentation, includes HTML structure, CSS explanations, and configuration guides
Quick Start
- Open
inconsl/index.htmldirectly in a browser to preview - The contact form requires deployment in a PHP environment (e.g., XAMPP, phpStudy), and you need to modify the recipient email address in
sendemail.php - Static resource paths for images, fonts, etc. are located in the
assets/directory; maintain relative paths when deploying
Usage Recommendations
Before deploying the contact form, be sure to modify RECIPIENT_EMAIL in sendemail.php to a real email address; for SEO optimization, consider replacing the page <title> and Meta description content. The dark version homepage (index-dark.html) can be used as a standalone skin directly.
