项目简介link

Retro 是一套极简风格的电商 HTML5 模板，提供首页、商城、博客、购物车、结账、用户登录/注册等多种页面，适合快速搭建服装、配饰或生活方式类小型电商网站。

技术栈link

• Bootstrap 4（CSS 框架）
• jQuery（交互逻辑）
• Font Awesome（图标库）
• Slick（轮播组件）
• Magnific Popup（弹窗/图册）
• metisMenu（侧边菜单）
• Google Fonts（Muli + PRISTINA 字体）

项目结构link

retrohtml-10/
├── Documentation/          # 官方文档说明
│   ├── index.html
│   └── assets/css/js/
└── retro/                  # 模板主体
    ├── index.html          # 首页入口（5 种首页样式变体）
    ├── shop*.html          # 商品列表页
    ├── product-details*.html # 商品详情页
    ├── blog*.html          # 博客相关页面
    ├── cart.html / checkout.html / wishlist.html
    ├── login.html / register.html
    ├── contact.html / about.html
    └── css/                # 样式文件
        ├── main.css        # 核心样式
        ├── bootstrap.min.css
        ├── responsive.css
        └── *.css           # 其他组件样式

核心文件说明link

• retro/index.html — 首页入口文件
• retro/css/main.css — 主样式表，定义整体布局、颜色、按钮等
• retro/css/responsive.css — 移动端响应式适配
• retro/shop.html — 商品列表页基准模板
• retro/product-details.html — 商品详情页
• retro/css/pristina.font.css — 手写风格装饰字体

快速开始link

纯静态模板，无需安装依赖。直接在浏览器中打开 retro/index.html，或通过本地服务器访问（如 Live Server、http-server）。多首页变体分别为 index-2.html ~ index-5.html。

使用建议link

模板自带 5 种首页样式、多种商城布局及完整购物流程页面，替换图片和文字内容后即可投入使用。图片资源存放在 retro/img/ 目录，请确保目录结构完整以避免样式错位。