Introduction

Get started with Mizzle by following this guide. It will help you get the most out of our Tailwind CSS Theme quickly and easily.

Thank you for purchasing the Mizzle theme! Before proceeding with installation, we recommend following this guide carefully. It covers all essential information needed to use and customize the theme efficiently.

If you can’t find the answer you’re looking for, feel free to reach out via our Support Tab . Our team will get back to you shortly.

Directory Structure

After extracting the package, you will find the following folder structure:

public/
- images/ - Images used in HTML files
src/

Contains all template files and assets.
- docs/
  
  Documentation files related to theme setup and usage.
  - index.html - Main documentation file
- assets/
  - css/ - Main CSS files
  - js/ - Plugin initialization scripts
- partials/
  
  Documentation partial files related to layout components.
  - topbar.html - Top navigation bar partial
  - footer.html - Footer layout partial
- index.html
  
  .. All HTML Pages.
vite.config.js - Build configuration

package.json - Dependencies & scripts

package-lock.json - Dependency lock file

prettier.config.js - Prettier configuration file

README.md - Project overview

What to Do After Purchase?

1. Explore the theme: Review files and folders to understand the structure.
2. Setup local environment: Optional but recommended for customization.
3. Branding: Update colors and logo as per your brand.
4. Customization: Modify layouts and components as needed.
5. Cleanup before deployment: Remove unused assets, docs, CSS, and node_modules.