Wallox v1.0 - 绘画和壁纸 HTML 模板 preview 1

Wallox v1.0 - 绘画和壁纸 HTML 模板

bookmark

Wallox 是一款面向油漆与墙纸服务行业的静态 HTML 网站模板,包含首页、博客、作品集、购物车等多种页面模板,支持深色/盒装布局变体,适合快速搭建服务展示型官网。

HTML

项目简介

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/
  • 如需对接后端(购物、表单),需自行编写接口逻辑,当前模板仅含前端样式
help_outline

常见问题