
Slando - Landscaping and Gardening HTML Template
# 项目简介
Slando 是一款面向园林绿化/园艺服务企业的 HTML5 响应式网站模板,包含首页、服务详情、案例博客、团队展示等完整业务页面,适合快速搭建园艺公司的企业官网。
## 技术栈
- Bootstrap(文档区 v3.3.4 / 模板区 v5)
- jQuery
- Font Awesome
- Google Fonts(Open Sans、Poppins)
- mCustomScrollbar、onePageNav
## 项目结构
```
slandohtml-10/
└── slando-package-files/
├── slando-documentations/ # 模板使用文档
│ ├── index.html
│ ├── css/ # 文档样式(含 jQuery 插件样式)
│ ├── fonts/
│ ├── images/
│ └── js/ # 文档脚本(锚点导航、代码高亮)
└── slando-html-files/ # 实际模板文件
├── index.html # 首页
├── about.html
├── services.html # 服务列表
├── services-single-*.html # 6 个服务详情页
├── project.html # 案例列表
├── blog.html # 博客列表
├── team.html
├── contact.html
├── faq.html
└── assets/ # 模板资源(CSS/JS/图片)
```
## 核心文件说明
- `slando-html-files/index.html` — 首页入口,含完整导航与服务概览
- `slando-html-files/services-single-*.html` — 6 个细分服务页模板(草坪修复、花園設計等)
- `slando-html-files/assets/css/slando.css` — 主样式文件,定义全站视觉风格
- `slando-documentations/index.html` — 官方文档首页,含 HTML/CSS/JS 结构说明
- `slando-documentations/css/style.css` — 文档界面样式,含侧边栏与内容区分局
- `slando-documentations/js/script.js` — 文档页交互脚本(锚点滚动、滚动条初始化)
## 快速开始
1. 直接用浏览器打开 `slando-html-files/index.html` 即可预览
2. 或使用本地服务器(如 `npx serve slando-html-files`)获得完整体验
3. 修改 `slando-html-files/assets/` 下的 CSS/图片即可完成定制
## 使用建议
模板默认配色以橙色(#fa401b)为主色调,替换 `assets/css/slando.css` 中的色值即可快速换肤;如需对接后端表单或地图,需在 `contact.html` 中补充对应 API 配置。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML