项目简介
Wallox 是一款面向油漆与墙纸服务行业的静态 HTML 网站模板,包含首页、博客、作品集、购物车等多种页面模板,支持深色/盒装布局变体,适合快速搭建服务展示型官网。
技术栈
- Bootstrap 5.x(主模板)/ Bootstrap 3.x(文档页)
- jQuery + 原生 JavaScript
- Font Awesome + 自定义 IcoMoon 图标字体
- Google Fonts(Outfit、Plus Jakarta Sans)
- 静态 HTML + CSS,无构建依赖
项目结构
text
wallox-html-package/
├── wallox-html-main/ # 实际使用的网站模板
│ ├── index.html # 首页
│ ├── about.html / contact.html / faq.html
│ ├── blog-*.html # 博客列表/详情页(多种布局)
│ ├── gallery-*.html # 作品集页(网格/轮播/筛选)
│ ├── cart.html / checkout.html
│ └── assets/ # JS/CSS/图片/图标字体
├── wallox-html-documentations/ # 官方文档
│ └── index.html # 文档入口页
└── wallox-icons/ # 自定义图标字体源码
核心文件说明
wallox-html-main/index.html— 网站首页,展示了完整头部、轮播、服务模块assets/css/wallox.css— 主样式文件,包含所有页面样式定义assets/vendors/wallox-icons/style.css— 自定义图标字体样式assets/js/wallox.js— 模板交互逻辑(需确认存在)wallox-html-documentations/index.html— 官方文档,含 HTML/CSS 结构说明blog-grid.html/gallery-filter.html— 内容页模板示例
快速开始
直接用浏览器打开 wallox-html-main/index.html 即可预览全部页面。如需本地服务器:
bash
# Python 3
cd wallox-html-package/wallox-html-main
python -m http.server 8080
然后访问 http://localhost:8080
使用建议
- 该模板为纯静态,直接修改 HTML 文件即可定制内容;图片位于
assets/images/ - 如需对接后端(购物、表单),需自行编写接口逻辑,当前模板仅含前端样式
