Project Overviewlink

Bizos is a responsive HTML5 template designed for creative agencies, digital marketing companies, and freelancers. It includes 20+ complete pages such as Home, Services, Portfolio, Team, Pricing, Blog, E-commerce, FAQ, and more. It supports interactive features like secondary navigation, carousels, lightboxes, and FAQs, and can be used directly to quickly build corporate websites or portfolio showcases.

Tech Stacklink

• Frontend Framework: Bootstrap 5 (loaded via CDN)
• Navigation Component: BSnav (custom Bootstrap Navigation)
• Animation Libraries: Animate.css, FontAwesome 6
• Icons: Themify Icons, IcoFont, Flaticon, Bootstrap Icons
• Interactive Components: Magnific Popup (lightbox), Swiper Slider (carousel), jQuery UI
• Fonts: Google Fonts (Roboto, Lato)
• Preprocessor: None (pure static HTML/CSS, CSS variables define theme colors)

Project Structurelink

bizoshtml-10/source/
├── bizos/                      # Theme main directory
│   ├── index.html               # Home page
│   ├── index-2.html             # Home page variant
│   ├── about.html              # About Us
│   ├── service.html            # Services list
│   ├── service-single.html     # Service details
│   ├── gallery.html            # Project/Portfolio showcase
│   ├── project-single.html     # Project details
│   ├── team.html               # Team members
│   ├── team-single.html        # Member details
│   ├── price.html              # Pricing plans
│   ├── review.html             # Client reviews
│   ├── blog.html               # Blog list
│   ├── blog-standard.html      # Standard blog
│   ├── single.html             # Blog details
│   ├── shop.html               # Shop homepage
│   ├── product-single.html     # Product details
│   ├── cart.html               # Shopping cart
│   ├── checkout.html           # Checkout
│   ├── contact.html            # Contact Us
│   ├── faq.html                # Frequently Asked Questions
│   ├── appointment.html        # Appointment booking
│   ├── login.html              # Login
│   ├── register.html           # Registration
│   ├── 404.html                # 404 page
│   ├── style.css               # Custom styles (empty, for secondary development)
│   └── assets/
│       ├── style.css           # Complete theme stylesheet
│       └── css/                # Module styles (responsive, preloader, etc.)
└── documentation/              # Official documentation
    └── index.html

Core File Descriptionslink

• bizos/index.html — Template entry page, includes top navigation, carousel sections, service introduction, team showcase, etc.
• bizos/assets/style.css — Main theme stylesheet, defines color variables (--clr-def, etc.), typography, layout, and all component styles
• bizos/style.css — Reserved custom stylesheet, empty by default; use this to override theme defaults during development
• bizos/assets/css/bsnav.min.css — BSnav navigation component styles, handles responsive dropdown menus and sticky navigation
• bizos/assets/css/swiper-bundle.min.css — Swiper carousel plugin styles
• documentation/index.html — Official documentation page explaining template structure and modification methods

Quick Startlink

1. Navigate to the bizoshtml-10/source/bizos/ directory
2. Open index.html directly in your browser to preview the full effect
3. To run with a local server, use any static server tool, for example:

# Python 3
python -m http.server 8080

# Node.js (npx)
npx serve .

1. To modify template content, open the HTML files with a code editor (e.g., VS Code), search for and replace placeholder text (such as contact info, team details), then save.

Usage Recommendationslink

• The template's style.css file is empty. It is recommended to write all custom styles in this file to avoid directly modifying assets/style.css, making future theme updates easier.
• The template includes e-commerce pages (shop, cart, checkout) but does not contain backend logic. For a complete shopping functionality, integrate with a third-party e-commerce SaaS or develop your own backend API.