
Solargen - Solar Energy HTML5 Template
# 项目简介
Solargen 是一套面向太阳能/新能源企业的多页面 HTML5 响应式网站模板,包含首页(住宅/商业两个版本)、关于我们、服务详情、项目展示、博客及联系页面等完整企业站结构,基于 Bootstrap 框架构建,适合快速搭建太阳能安装公司、光伏产品供应商的官网。
## 技术栈
- Bootstrap 5(CSS 框架)
- jQuery(交互脚本)
- FontAwesome(图标库)
- Swiper(轮播/幻灯片)
- Magnific Popup(弹窗)
- Animate.css(动画效果)
- NiceSelect(自定义下拉)
- Odometer(数字滚动)
## 项目结构
```
solargen-html-package/
├── Documentation/ # 模板使用文档
│ ├── index.html
│ └── assets/
├── Solargen/ # 核心模板目录
│ ├── index.html # 首页(住宅光伏)
│ ├── commercial-solar.html
│ ├── about.html
│ ├── blog.html
│ ├── blog-details.html
│ ├── contact.html
│ ├── project.html
│ ├── project-details.html
│ ├── service-details.html
│ ├── terms.html
│ ├── privacy.html
│ └── assets/ # CSS/JS/图片资源
└── __MACOSX/ # macOS 临时文件(可删除)
```
## 核心文件说明
- `Solargen/index.html` — 首页(住宅光伏),含幻灯片、产品展示、服务区块
- `Solargen/commercial-solar.html` — 首页商业版变体
- `Solargen/about.html` — 企业介绍页
- `Solargen/blog.html` — 博客文章列表
- `Solargen/contact.html` — 联系表单页
- `Solargen/assets/css/main.css` — 主样式表
## 快速开始
解压后直接在浏览器打开 `Solargen/index.html` 即可预览完整效果,无需安装任何依赖。部署时将 `Solargen/` 文件夹内容上传至服务器根目录即可。
## 使用建议
模板提供住宅与商业两套首页,可根据实际业务类型二选一使用。所有静态资源(图片、CSS、JS)均在 `assets/` 目录下,可按需替换 LOGO 和产品图片。`__MACOSX/` 文件夹为 macOS 系统产生的临时文件,建议删除后再部署。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML