项目简介link

Slando 是一款面向园林绿化/园艺服务企业的 HTML5 响应式网站模板，包含首页、服务详情、案例博客、团队展示等完整业务页面，适合快速搭建园艺公司的企业官网。

技术栈link

• Bootstrap（文档区 v3.3.4 / 模板区 v5）
• jQuery
• Font Awesome
• Google Fonts（Open Sans、Poppins）
• mCustomScrollbar、onePageNav

项目结构link

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/图片）

核心文件说明link

• 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 — 文档页交互脚本（锚点滚动、滚动条初始化）

快速开始link

1. 直接用浏览器打开 slando-html-files/index.html 即可预览
2. 或使用本地服务器（如 npx serve slando-html-files）获得完整体验
3. 修改 slando-html-files/assets/ 下的 CSS/图片即可完成定制

使用建议link

模板默认配色以橙色（#fa401b）为主色调，替换 assets/css/slando.css 中的色值即可快速换肤；如需对接后端表单或地图，需在 contact.html 中补充对应 API 配置。