复古 - 干净的最小电子商务 HTML5 模板

# 项目简介 Retro 是一套极简风格的电商 HTML5 模板，提供首页、商城、博客、购物车、结账、用户登录/注册等多种页面，适合快速搭建服装、配饰或生活方式类小型电商网站。 ## 技术栈 - Bootstrap 4（CSS 框架） - jQuery（交互逻辑） - Font Awesome（图标库） - Slick（轮播组件） - Magnific Popup（弹窗/图册） - metisMenu（侧边菜单） - Google Fonts（Muli + PRISTINA 字体） ## 项目结构 ``` 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 # 其他组件样式 ``` ## 核心文件说明 - `retro/index.html` — 首页入口文件 - `retro/css/main.css` — 主样式表，定义整体布局、颜色、按钮等 - `retro/css/responsive.css` — 移动端响应式适配 - `retro/shop.html` — 商品列表页基准模板 - `retro/product-details.html` — 商品详情页 - `retro/css/pristina.font.css` — 手写风格装饰字体 ## 快速开始 纯静态模板，无需安装依赖。直接在浏览器中打开 `retro/index.html`，或通过本地服务器访问（如 Live Server、http-server）。多首页变体分别为 `index-2.html` ~ `index-5.html`。 ## 使用建议 模板自带 5 种首页样式、多种商城布局及完整购物流程页面，替换图片和文字内容后即可投入使用。图片资源存放在 `retro/img/` 目录，请确保目录结构完整以避免样式错位。