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

# 项目简介 Siemon & Salazar 是一个简洁、极简风格的静态 HTML 电商网站模板，提供了 12 种不同的首页布局，适用于服装、配饰、家居等电商网站的快速搭建。模板完全基于静态文件，无需后端即可预览所有页面效果。 ## 技术栈 - Bootstrap 4（响应式布局框架） - HTML5 / CSS3 - jQuery（交互逻辑） - Font Awesome 5（图标库） - Flaticon（自定义图标字体） - Google Fonts: Rubik（英文字体） ## 项目结构 ``` siemonhtml-10/ ├── Documentation/ │ └── index.html # 模板使用文档 └── siemon/ ├── index.html # 首页 1 ├── index2.html ~ index12.html # 其他 11 种首页变体 ├── shop.html # 商品列表页 ├── product-details.html # 商品详情页 ├── cart.html # 购物车页 ├── checkout.html # 结账页 ├── wishlist.html # 收藏页 ├── blog-*.html # 博客相关页面 ├── contact-us.html # 联系页 ├── login.html # 登录页 ├── css/ # 样式文件（style.css 等） └── fonts/ # 图标字体文件 ``` ## 核心文件说明 - `siemon/css/style.css` — 主样式表，包含所有页面元素的完整样式定义 - `siemon/css/bootstrap.min.css` — Bootstrap 核心样式 - `siemon/css/fontawesome-all.min.css` — Font Awesome 图标库 - `siemon/index.html` — 首页入口，包含顶部导航、商品展示、博客等完整电商结构 - `siemon/css/responsive.css` — 响应式适配样式 ## 快速开始 直接用浏览器打开 `siemon/index.html` 即可预览首页。如需本地服务器，可执行： ```bash # Python 3 python -m http.server 8080 # Node.js (npx) npx serve ``` 然后访问 `http://localhost:8080/siemon/` ## 使用建议 该模板为纯前端静态页面，购物车、结账等交互仅作 UI 演示。如需实际电商功能，建议对接 WooCommerce 或其他电商后端系统。12 种首页变体可覆盖不同品牌调性，选择其中一个作为基础进行定制开发即可。