Project Overview
Glowify is a set of static HTML templates for beauty e-commerce, built on the Bootstrap framework. It includes complete pages such as homepage, product catalog, product details, shopping cart, checkout, blog, and user account. Suitable for quickly building a beauty and skincare online store.
Tech Stack
- Bootstrap 5 (responsive layout framework)
- FontAwesome (icon library)
- Slick (carousel/slideshow)
- Select2 (enhanced dropdown selection)
- jQuery (interaction logic)
- Google Fonts (Barlow + Prompt fonts)
Project Structure
glowifyhtml-10/
├── Glowify - Template/
│ ├── index.html
│ ├── shop.html / shop-*.html (various product catalog layouts)
│ ├── product-details*.html (product detail pages)
│ ├── cart.html / checkout.html / wishlist.html (shopping flow)
│ ├── blog*.html / about.html / contact.html
│ ├── login.html / signup.html / my-account.html
│ └── assets/
│ ├── css/
│ │ ├── bootstrap.min.css
│ │ ├── fontawesome.min.css
│ │ ├── slick.min.css
│ │ ├── select2.min.css
│ │ └── style.css (main stylesheet)
│ └── js/
│ ├── jquery.min.js
│ └── layout.js
└── Glowify - Documentation/
└── index.html (official documentation)
Key File Descriptions
index.html— Template homepage entry pointshop.html— Main product catalog pageproduct-details.html— Product detail pagecart.html— Shopping cart pagecheckout.html— Checkout process pageassets/css/style.css— Main stylesheet containing all custom styles
Quick Start
- Navigate to the
Glowify - Templatedirectory; - Double-click to open
index.html, or run using a local server (e.g.,npx serve .); - Modify the corresponding HTML files as needed.
Usage Suggestions
The template provides 30+ pages. It is recommended to select the pages you need based on your actual business requirements and replace placeholder images and text. When modifying styles, prioritize adding override rules at the end of style.css to avoid directly changing vendor files.
