Project Overview
Bentol is a static HTML5 website template designed for the business consulting industry. It includes multiple business pages such as Home, Team, Projects, Blog, Services, Pricing, and comes with a complete online documentation site template. Ideal for quickly building a corporate website or product documentation site.
Tech Stack
- HTML5 + CSS3 (Static Pages)
- Bootstrap 5 (Responsive Layout Framework)
- jQuery (Interaction Scripts)
- Font Awesome 6 (Icon Library)
- Swiper (Carousel Component)
- Fancybox (Image Lightbox)
- Animate.css (CSS Animations)
- Isotope (Masonry Layout)
- LenIS (Smooth Scrolling)
Project Structure
bentolhtml-10/template-package/
├── bentol/ # Main Site Template
│ ├── index.html # Homepage (Business Consultant)
│ ├── home-2~4.html # Other Homepage Variants
│ ├── about.html # About Us
│ ├── service*.html # Service Pages
│ ├── project*.html # Project Case Pages
│ ├── blog*.html # Blog List/Detail
│ ├── team*.html # Team Pages
│ ├── testimonial.html # Client Testimonials
│ ├── pricing.html # Pricing Page
│ ├── contact.html # Contact
│ ├── faq.html # FAQ
│ ├── gallery.html # Gallery
│ ├── 404.html # Error Page
│ └── assets/ # CSS/JS/Images
└── documentation/ # Online Documentation Site Template
├── index.html # Documentation Home
├── content.html # Content Components Documentation
├── source.html # Source Code Explanation
├── installation.html # Installation Guide
└── assets/ # Documentation Styles & Icons
Core File Description
bentol/index.html— Business Consulting Homepage Entrybentol/home-2~4.html— Four Homepage Layout Optionsbentol/assets/css/style.css— Main Theme Stylesheetbentol/assets/js/main.js— Global Interaction Scriptdocumentation/index.html— Documentation Site Navigation Entry
Quick Start
Open bentol/index.html directly in your browser to preview the full site. For a local server (recommended), run the following command in the bentol directory:
npx serve .
Or use Python:
python -m http.server 8080
Usage Suggestions
Modify the CSS variables in bentol/assets/css/style.css to quickly change the theme colors. Content images are located in the assets/images/ directory; after replacement, update the reference paths in the HTML accordingly. The documentation/ site can be deployed independently for product manuals or API documentation.
