Sunnar - 太阳能和可再生能源 HTML 模板

# 项目简介 Sunnar 是一款面向新能源、太阳能及生态环保行业的多页面 HTML 商业网站模板。提供首页多版本（轮播、经典、单页、多页），以及服务、项目、团队、新闻、定价、FAQ 等完整业务页面，适合快速搭建企业展示站。 ## 技术栈 - HTML5 / CSS3（静态页面） - Bootstrap 5（栅格与组件） - jQuery（交互逻辑） - Swiper Slider（轮播组件） - meanmenu（移动端导航） - Magnific Popup（图片/视频弹窗） - WOW.js（滚动动画） - Nice Select（下拉样式增强） - CounterUp（数字滚动） ## 项目结构 ``` sunnarhtml-10/ ├── documentation/ # 官方文档说明页 │ ├── index.html │ └── assets/ ├── sungo/ # 模板主体 │ ├── index.html # 默认首页 │ ├── index-2.html # 首页变体（轮播） │ ├── index-one-page.html # 单页版首页 │ ├── about.html │ ├── service.html │ ├── project.html │ ├── team.html │ ├── news.html │ ├── pricing.html │ ├── contact.html │ ├── faq.html │ └── 404.html └── assets/ ├── css/ │ └── main.css # 核心样式 ├── js/ │ └── main.js # 交互脚本 └── img/ # 示例图片 ``` ## 核心文件说明 - `sungo/index.html` — 默认首页入口，包含顶部导航、Hero区、服务预览等完整布局 - `sungo/assets/css/main.css` — 全局样式与主题变量定义（主题色 #1D8F2C） - `sungo/assets/js/main.js` — 轮播、导航、弹窗、数字滚动等交互逻辑 - `sungo/contact.html` — 附带 `contact.php` 表单处理文件 - `sungo/index-one-page.html` — 单页版首页，聚合全部内容区块 - `sungo/service-details.html` — 服务详情页模板 ## 快速开始 1. 将 `sungo` 文件夹部署到 Web 服务器 2. 直接在浏览器打开 `sungo/index.html`（部分功能如 PHP 表单需本地服务器支持） 3. 修改 `assets/css/main.css` 中的 CSS 变量可快速调整主题色 ## 使用建议 - 模板提供多个首页变体，建议根据实际业务复杂度选择（单页适合落地页，多页适合完整企业站） - 所有第三方插件（Swiper、WOW等）均通过 CDN 引入，无需额外安装依赖 - 正式上线前请替换 `assets/img/` 中的占位图片和 Logo