Project Overview
Medshop is a responsive HTML5 website template for medical/pharmacy sites built on Bootstrap. It includes over a dozen complete pages such as homepage, shop details, shopping cart, checkout, blog, FAQ, etc., making it suitable for quickly building pharmaceutical e-commerce or medical service websites.
Tech Stack
- Bootstrap 5.0.0 (layout and components)
- jQuery (interaction logic)
- Font Awesome (icons)
- icomoon (custom icon font)
- Google Fonts: Open Sans
Project Structure
text
medshop-pack/
├── 1_html_file/ # Complete template pages
│ ├── index.html # Homepage
│ ├── shop.html # Product list
│ ├── shop-details.html # Product details
│ ├── cart.html # Shopping cart
│ ├── checkout.html # Checkout
│ ├── blog.html # Blog list
│ ├── blog-single.html # Blog article
│ ├── contact.html # Contact us
│ ├── faq.html # FAQ
│ ├── account.html # User account
│ ├── about.html # About us
│ ├── testimonials.html # Testimonials
│ ├── coming-soon.html # Coming soon
│ ├── 404.html # Error page
│ └── assets/ # Assets directory
├── 2_doc_file/ # Documentation and legacy styles
│ ├── index.html # Documentation homepage
│ ├── css/ # Stylesheets
│ └── js/ # Scripts
└── 3_icon_file/ # icomoon icon font
Key Files
1_html_file/index.html— Homepage template with Banner, service features, partners, etc.1_html_file/shop-details.html— Product detail page template1_html_file/cart.html— Shopping cart page1_html_file/checkout.html— Checkout flow page2_doc_file/css/style.css— Main stylesheet defining global colors and layout3_icon_file/style.css— icomoon icon font definitions
Quick Start
Simply open 1_html_file/index.html in your browser to preview the full effect. To use a local server, run:
bash
npx serve medshop-pack/1_html_file
Usage Tips
The template provides three homepage variants (index, index-2, index-3) for different brand styles. Replace images in assets/images/ and color variables in style.css for basic customization.
