Project Overviewlink

Retro is a minimalist e-commerce HTML5 template featuring multiple pages including homepage, shop, blog, cart, checkout, user login/registration, and more. It's ideal for quickly building small e-commerce websites for clothing, accessories, or lifestyle products.

Tech Stacklink

• Bootstrap 4 (CSS framework)
• jQuery (interaction logic)
• Font Awesome (icon library)
• Slick (carousel component)
• Magnific Popup (modal/gallery)
• metisMenu (sidebar menu)
• Google Fonts (Muli + PRISTINA fonts)

Project Structurelink

retrohtml-10/
├── Documentation/          # Official documentation
│   ├── index.html
│   └── assets/css/js/
└── retro/                  # Template main directory
    ├── index.html          # Homepage entry (5 homepage style variants)
    ├── shop*.html          # Product listing pages
    ├── product-details*.html # Product detail pages
    ├── blog*.html          # Blog-related pages
    ├── cart.html / checkout.html / wishlist.html
    ├── login.html / register.html
    ├── contact.html / about.html
    └── css/                # Stylesheet files
        ├── main.css        # Core styles
        ├── bootstrap.min.css
        ├── responsive.css
        └── *.css           # Other component styles

Core File Descriptionslink

• retro/index.html — Homepage entry file
• retro/css/main.css — Main stylesheet defining overall layout, colors, buttons, etc.
• retro/css/responsive.css — Mobile responsive adaptation
• retro/shop.html — Product listing base template
• retro/product-details.html — Product detail page
• retro/css/pristina.font.css — Handwritten decorative font

Quick Startlink

Pure static template, no dependencies required. Open retro/index.html directly in your browser, or access it via a local server (e.g., Live Server, http-server). Multiple homepage variants are available as index-2.html through index-5.html.

Usage Tipslink

The template includes 5 homepage styles, multiple shop layouts, and a complete shopping flow. Simply replace images and text content to get started. Image assets are stored in the retro/img/ directory — ensure the directory structure remains intact to avoid layout issues.