Project Introductionlink

Zodkoo is a responsive single-page landing page template based on Bootstrap 5, suitable for showcasing apps, products, or business services. It provides 6 homepage variants (index.html ~ index_6.html), along with auxiliary pages such as About Us, Contact, FAQ, and Jobs. The code structure is clean and easy for secondary development.

Tech Stacklink

• Bootstrap 5.3.0 (CSS + JS)
• jQuery (for sidebar navigation scroll animation)
• Google Fonts (Source Sans Pro)
• Static HTML/CSS/JS

Project Structurelink

Zodkoo_v3.0.0/
├── Documentation/
│   ├── index.html        # Template usage documentation
│   ├── html_str.html     # HTML structure explanation page
│   ├── css/              # Documentation styles
│   ├── fonts/            # Documentation fonts
│   └── js/               # jQuery scroll scripts
└── Landing/
    └── Bootstrap-5/
        ├── index.html    # Homepage (Layout 1)
        ├── index_2.html  # Homepage (Layout 2)
        ├── index_3.html  # Homepage (Layout 3)
        ├── index_4.html  # Homepage (Layout 4)
        ├── index_5.html  # Homepage (Layout 5)
        ├── index_6.html  # Homepage (Layout 6)
        ├── about-us.html
        ├── contact.html
        ├── faq.html
        └── jobs.html

Core File Descriptionlink

• Landing/Bootstrap-5/index.html — Main landing page entry, includes navigation, Hero section, Features, and other blocks
• Landing/Bootstrap-5/about-us.html — About Us page
• Landing/Bootstrap-5/contact.html — Contact page
• Landing/Bootstrap-5/faq.html — Frequently Asked Questions page
• Landing/Bootstrap-5/jobs.html — Job listings page
• Documentation/index.html — Template official documentation (includes structure explanation and plugin reference list)

Quick Startlink

Simply open Landing/Bootstrap-5/index.html in your browser to preview. The 6 homepage variants can be used interchangeably as needed.

Usage Suggestionslink

To modify the color scheme, replace css/colors/default.css. The template includes built-in Dropdown multi-level navigation and sticky navigation. For custom interactions, refer to the plugin explanation section in Documentation/index.html.