Project Overview
ebukz is a complete online bookstore HTML template built on the Bootstrap framework, featuring 3 homepage variants and 18 inner page templates covering the full e-commerce flow including product display, shopping cart, checkout, blog, and author/publisher introductions. Ideal for quickly building a book e-commerce website.
Tech Stack
- Bootstrap 5 (responsive layout framework)
- jQuery (DOM interaction and animations)
- GSAP (advanced animation effects)
- Font Awesome 6 Pro (icon library)
- Google Fonts: Josefin Sans (heading font), Poppins (body font)
- Magnific Popup (image lightbox)
- Slick Slider (carousel component)
Project Structure
text
ebukzhtml-10/
├── documentation/ # Template usage documentation
│ ├── assets/
│ │ ├── css/style.css
│ │ └── js/main.js
│ └── index.html
└── download version/ # Production-ready version
├── index.html # Homepage (3 versions: index*.html)
├── shop*.html # Product-related pages
├── blog*.html # Blog-related pages
├── cart.html # Shopping cart
├── checkout.html # Checkout
├── vendor*.html # Publisher/author pages
├── author*.html # Author pages
├── about.html # About us
├── contact.html # Contact page
├── wishlist.html # Wishlist
├── 404.html # Error page
└── assets/ # Static resources
├── css/
├── fonts/
└── img/
Core File Descriptions
download version/index.html— Main bookstore homepage template with featured book display and category navigationdownload version/shop.html— Product listing page with sidebar filteringdownload version/assets/css/style.css— Theme core stylesheet (CSS variables defined at the top)download version/assets/js/main.js— Site-wide interaction logic (mobile menu, scroll effects, carousel, GSAP animations, etc.)download version/mail.php— Backend interface file for contact/form submissionsdocumentation/index.html— Official template usage documentation
Quick Start
- Download the
ebukzhtml-10/download versiondirectory to your server or local web directory - Open
index.htmldirectly in a browser, or run it using any local server (e.g., Live Server) - To modify content: edit the text and image paths in the corresponding HTML files
- For style customization: edit CSS variables (e.g.,
--theme-color) inassets/css/style.css
Usage Suggestions
- This template is pure static HTML and requires a backend (PHP/Node.js) to implement actual shopping and user functionality
- Compress CSS/JS files and optimize image resources before production deployment
- GSAP and WOW animations depend on external libraries; ensure the CDN links referenced in
assets/js/main.jsare accessible
