WholesaleX - Documentation

1. Overview

WholesaleX is a modern, responsive HTML5 template built with Bootstrap 5, designed for wholesale, B2B, supplier, and distributor websites. It includes ready-to-use pages for product catalogs, pricing, request-a-quote forms, blog, and more.

2. Folder Structure

WholesaleX/
├── Template/
│   ├── index.html
│   ├── catalog.html
│   ├── categories.html
│   ├── brands.html
│   ├── pricing.html
│   ├── request-quote.html
│   ├── about.html
│   ├── faq.html
│   ├── contact.html
│   ├── blog.html
│   ├── blog-post.html
│   ├── login.html
│   ├── register.html
│   │
│   ├── assets/
│   │   ├── css/main.css
│   │   ├── js/main.js
│   │   ├── img/
│   │   │   ├── cat-*.jpg
│   │   │   ├── brands/
│   │   │   ├── blog-*.jpg
│   │   │   └── favicon.svg
│   │
│   ├── send-form.php
│   ├── login.php
│   ├── register.php
│
├── Documentation/
│   └── index.html
├── license.txt
└── README.md

3. Installation

Unzip the downloaded package.
Open the /Template/ folder and double-click index.html.
To edit, open files in any code editor (VS Code, Sublime, etc.).
For form functionality, use a PHP-enabled server (XAMPP, MAMP, WAMP, etc.).

4. Editing Content

Global styles: assets/css/main.css
Scripts: assets/js/main.js
Images: assets/img/
HTML pages: open each .html file and modify text or content blocks.

5. PHP Contact Form Setup

The contact and quote forms use a simple PHP mail function.

Open send-form.php.
Find the line:
```
$to = "your@email.com";
```
Replace with your email address.
Upload to a PHP-enabled hosting and test the form from contact.html.

6. Customization Tips

Edit brand colors in :root section inside main.css.
Replace all placeholder images with your own.
Duplicate product cards to add more catalog items.
Change typography by editing the Google Fonts link in the <head>.

7. Browser Support

Tested and compatible with:

Google Chrome
Mozilla Firefox
Microsoft Edge
Safari (latest version)

8. Credits & Sources

Bootstrap 5 — getbootstrap.com
Font Awesome — fontawesome.com
Google Fonts (Inter) — fonts.google.com
Images: Freepik & Unsplash (demo purposes only)

9. License

This template is provided for personal and commercial use under the TemplateMonster standard license. Redistribution, reselling, or inclusion in other marketplaces is prohibited. Demo images are for preview only and must be replaced before publishing your live website.

10. Support

For questions, updates, or custom work inquiries, please contact the author via TemplateMonster support.