项目简介
Solargen 是一套面向太阳能/新能源企业的多页面 HTML5 响应式网站模板,包含首页(住宅/商业两个版本)、关于我们、服务详情、项目展示、博客及联系页面等完整企业站结构,基于 Bootstrap 框架构建,适合快速搭建太阳能安装公司、光伏产品供应商的官网。
技术栈
- Bootstrap 5(CSS 框架)
- jQuery(交互脚本)
- FontAwesome(图标库)
- Swiper(轮播/幻灯片)
- Magnific Popup(弹窗)
- Animate.css(动画效果)
- NiceSelect(自定义下拉)
- Odometer(数字滚动)
项目结构
text
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 系统产生的临时文件,建议删除后再部署。
