Project Overview
Smartbiz is a responsive HTML5 website template designed for businesses and agencies, built on Bootstrap 5.1.3. The template offers multiple homepage versions, a dark theme, single-page layouts, and a complete set of business pages (About Us, Team, Portfolio, News, Pricing, FAQ, etc.), making it ideal for quickly building commercial service websites.
Tech Stack
- HTML5 + CSS3 (Vanilla JS)
- Bootstrap v5.1.3
- Owl Carousel (carousel component)
- Swiper (slider component)
- jQuery (helper library)
- Font Awesome 6
- Google Fonts: Roboto Condensed
Project Structure
smartbiz-pack/
├── documentation/
│ └── index.html # Template usage documentation
└── smartbiz-html/
├── index.html # Homepage (Version 1)
├── index2.html # Homepage (Version 2)
├── index-dark.html # Dark theme homepage
├── index-one-page.html # Single-page layout homepage
├── index2-one-page.html # Single-page layout homepage (Version 2)
├── about.html # About Us
├── contact.html # Contact Us
├── faq.html # Frequently Asked Questions
├── gallery.html # Gallery
├── news.html # News list
├── news-details.html # News details
├── pricing.html # Pricing plans
├── projects.html # Project portfolio
├── services.html # Services
├── team.html # Team members
├── testimonials.html # Client testimonials
└── assets/ # CSS/JS/Images
Key Files
smartbiz-html/index.html— Main homepage entry point, includes full navigation and service showcasesmartbiz-html/index-dark.html— Dark theme homepage, suitable for creative or tech-focused sitessmartbiz-html/index-one-page.html— Single-page scroll version, ideal for landing pagessmartbiz-html/about.html— About page, includes team and history introductionsmartbiz-html/assets/css/smartbiz.css— Main stylesheetsmartbiz-html/assets/vendors/— Third-party libraries (Bootstrap, Owl Carousel, Swiper, etc.)
Quick Start
Pure static template, no dependencies to install:
- Open
smartbiz-html/index.htmldirectly in your browser to preview all pages - For a local server, use VS Code's Live Server extension or
python -m http.server
To customize, replace the logo images in assets/images/resources/ and edit the text content in each HTML file.
Usage Tips
All pages in the template share the same navigation and style structure. It's recommended to start with index.html, familiarize yourself with the modular sections, then replace content as needed. Since fonts and some plugins are loaded via external CDN, ensure your deployment environment has network access.
