Karx - Cleaning Service Template

# 项目简介 Karx 是一款面向保洁服务行业的响应式 HTML5 网站模板，提供首页、关于、服务、案例、作品集、商城、博客、联系等完整页面，支持多端适配和基础电商功能（购物车、结算）。基于 Bootstrap 框架构建，页面可脱离后端独立运行，适合快速搭建保洁公司或家政服务网站。 ## 技术栈 - HTML5 / CSS3（静态页面） - Bootstrap 5（布局与栅格） - jQuery（DOM 操作与交互） - Swiper（轮播与幻灯片组件） - MeanMenu（移动端侧边导航） - Font Awesome 6（图标库） - Google Fonts（Open Sans、Poppins 字体） ## 项目结构 ``` karkshtml-10/ ├── documentation/ # 官方文档（可忽略） │ └── index.html └── karx/ # 模板主目录 ├── index.html # 首页（第 1 套） ├── index-2.html # 首页（第 2 套） ├── index-3.html # 首页（第 3 套） ├── about.html # 关于我们 ├── service.html # 服务列表 ├── portfolio.html # 案例展示 ├── shop.html # 商品列表 ├── cart.html # 购物车 ├── checkout.html # 结算页 ├── blog.html # 博客列表 ├── contact.html # 联系方式 └── assets/ ├── css/ # 样式文件（含 main.css、Bootstrap 等） ├── js/ # 脚本文件（含 main.js、Swiper 等） └── img/ # 图片资源 ``` ## 核心文件说明 - `karx/index.html` — 首页入口，集成 Swiper 幻灯片与动画效果 - `karx/assets/css/main.css` — 主样式表，含全站排版、组件与响应式断点 - `karx/assets/js/main.js` — 交互逻辑，包含 Swiper 初始化、移动端菜单、滚动置顶等 - `karx/assets/css/bootstrap.min.css` — Bootstrap 核心样式 - `karx/cart.html` — 购物车页面 - `karx/checkout.html` — 结算流程页面 ## 快速开始 本项目为纯静态模板，无需安装依赖，直接在浏览器打开即可预览： ```bash # 直接用浏览器打开首页 open karx/index.html # 或使用本地 HTTP 服务器（避免部分浏览器跨域限制） python3 -m http.server 8080 # 然后访问 http://localhost:8080/karx/ ``` ## 使用建议 - 正式使用时建议通过 FTP 将 `karx/` 目录部署至服务器根目录，以保证所有资源路径正确。 - 模板默认提供三个首页变体，可根据品牌风格选择或混用布局。 - 如需接入真实商品与订单系统，需在服务端自行实现 API 对接，模板仅提供前端静态结构。