Project Overview
Chorbi is a Bootstrap-based HTML5 template for digital marketing agencies, suitable for corporate websites, IT solutions, or business service sites. The template includes multiple homepage versions, about, portfolio, services, team, blog, shop, contact, and other pages, along with complete documentation.
Tech Stack
- HTML5 / CSS3 (static pages)
- Bootstrap 4
- JavaScript / jQuery 1.12.4
- Font Awesome / Themify Icons (icons)
- Owl Carousel (carousel)
- Google Fonts (Poppins, Roboto Slab)
- PHP (only contact.php for contact form email sending)
Project Structure
chorbihtml-10/
├── Template_files/
│ └── chorbi/
│ ├── index.html # Homepage (main version)
│ ├── index_two.html # Homepage version 2
│ ├── index_three.html # Homepage dark version
│ ├── index-*.html # Other homepage variants (parallax/particles/water wave/video)
│ ├── about.html # About Us
│ ├── service.html # Services list
│ ├── single_service.html # Service details
│ ├── portfolio.html # Portfolio/Case studies
│ ├── team.html # Team members
│ ├── blog*.html # Blog list/details
│ ├── shop.html # Shop
│ ├── cart.html # Shopping cart
│ ├── checkout.html # Checkout
│ ├── contact.html # Contact page
│ ├── contact.php # Contact form handler (requires PHP environment)
│ ├── login*.html # Login/Register pages
│ ├── pricing.html # Pricing table
│ ├── faq.html # FAQ
│ └── assets/ # Styles/Scripts/Images/Fonts
└── documentation/
└── index.html # Official template documentation
Core File Description
Template_files/chorbi/index.html— Main entry page with complete navigation and module sectionsTemplate_files/chorbi/assets/css/style.css— Main stylesheet with 17 section comments for easy modificationTemplate_files/chorbi/contact.php— Backend contact form handler, requires server PHP mail() supportTemplate_files/chorbi/assets/js/jquery-1.12.4.min.js— jQuery core libraryTemplate_files/chorbi/assets/bootstrap/— Bootstrap framework resourcesdocumentation/index.html— Template usage documentation with HTML structure, CSS categories, and JS integration instructions
Quick Start
Pure static pages require no build process, just open to preview:
# Method 1: Open directly in browser
open Template_files/chorbi/index.html
# Method 2: Local server (recommended for proper resource loading)
cd chorbihtml-10/Template_files/chorbi
python -m http.server 8080
# Visit http://localhost:8080
Note: To enable contact form email functionality, deploy
contact.phpto a PHP-supported web server.
Usage Recommendations
- For production projects, replace CDN resources referenced in the
assets/directory with local files to ensure offline availability; - The template uses Google Fonts by default; users in mainland China should consider replacing with local fonts or domestic CDN (e.g., Source Han Sans) for faster loading;
- The homepage offers 7 variants (default, parallax, particles, water wave, video, etc.), choose the appropriate HTML file based on your project style.
