Documentation | MuPu - Multi-Purpose One-Page HTML Kit

Introduction

Thank you for purchasing MuPu - Multi-Purpose One-Page HTML Kit. This documentation covers how to modify and use the templates included in this kit. If you have any questions beyond the scope of this file, please contact us via the Envato profile page.

Note: This is a static HTML5 kit, not a CMS or WordPress theme.

Folder Structure

The kit is organized into two primary directories for ease of use:

MuPu_Kit/
├── Templates/         <-- Contains all 1000+ HTML variations
│   ├── MuPu_0001_Corporate_Business/
│   ├── MuPu_0002_Travel_Agency/
│   └── ...
└── Documentation/     <-- You are here

HTML Structure

Each template is built with a mobile-first approach using Bootstrap 5 and Tailwind CSS utilities. Sections are clearly marked for easy identification:

<!-- Navbar Start -->
<nav class="...">...</nav>

<!-- Main Content -->
<section id="home">...</section>

CSS & Customizing Colors

Branding colors are controlled via CSS variables. You can find them in the <style> block within the <head> of each HTML file:

:root {
    --primary-color: #198754; /* Green */
    --secondary-color: #20c997;
}

Changing Images

To use your own images, update the src attribute. We recommend using optimized .webp or .jpg formats for faster loading.

<img src="path/to/your-image.jpg" alt="Description">

Sources & Credits

The following frameworks and assets were used in this kit:

Bootstrap 5: Layout and core components.
Tailwind CSS: Utility-first styling.
Font Awesome 6: Vector icons.
Google Fonts: Typography (Montserrat & Open Sans).
Unsplash/Placeholder: Demo images.

Support

For technical support or inquiries, please reach out via our official contact channel.