Solargen - Solar Energy HTML5 Template

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