项目简介
Siemon & Salazar 是一个简洁、极简风格的静态 HTML 电商网站模板，提供了 12 种不同的首页布局，适用于服装、配饰、家居等电商网站的快速搭建。模板完全基于静态文件，无需后端即可预览所有页面效果。
技术栈
- Bootstrap 4（响应式布局框架）
- HTML5 / CSS3
- jQuery（交互逻辑）
- Font Awesome 5（图标库）
- Flaticon（自定义图标字体）
- Google Fonts: Rubik（英文字体）
项目结构
text
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 种首页变体可覆盖不同品牌调性，选择其中一个作为基础进行定制开发即可。
