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

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

bookmark

Sunnar 是一款面向新能源、太阳能及生态环保行业的多页面 HTML 商业网站模板。提供首页多版本（轮播、经典、单页、多页），以及服务、项目、团队、新闻、定价、FAQ 等完整业务页面，适合快速搭建企业展示站。

HTML

项目简介

Sunnar 是一款面向新能源、太阳能及生态环保行业的多页面 HTML 商业网站模板。提供首页多版本（轮播、经典、单页、多页），以及服务、项目、团队、新闻、定价、FAQ 等完整业务页面，适合快速搭建企业展示站。

技术栈

  • HTML5 / CSS3（静态页面）
  • Bootstrap 5（栅格与组件）
  • jQuery（交互逻辑）
  • Swiper Slider（轮播组件）
  • meanmenu（移动端导航）
  • Magnific Popup（图片/视频弹窗）
  • WOW.js（滚动动画）
  • Nice Select（下拉样式增强）
  • CounterUp（数字滚动）

项目结构

text
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
help_outline

常见问题