项目简介link

Auron 是一款基于 Bootstrap 5 的静态单页/多页 HTML 模板，专为太阳能及绿色能源企业设计。模板包含首页、关于我们、项目案例、博客、服务详情等完整页面，支持表单提交（需配合 PHP 环境）。适合快速搭建能源、环保类企业展示网站。

技术栈link

• Bootstrap 5（CSS Framework）
• jQuery（交互逻辑、计数器动画）
• Outfit（Google Fonts）字体
• AOS（滚动动画）、Slick（轮播）、Fancybox（图片灯箱）、Bootstrap Icons

项目结构link

auronhtml-10/
└── Auron Solar & Green Renewable Energy HTML Bootstrap 5 Template/
    ├── documentation/          # 模板说明文档
    │   ├── index.html
    │   └── assets/
    └── html_template/          # 实际使用的模板文件
        ├── index.html          # 首页入口
        ├── about-us.html
        ├── projects.html
        ├── services.html
        ├── pricing-plan.html
        ├── blog.html
        ├── contact-us.html
        ├── css/
        │   └── style.css       # 主样式表（含 CSS 变量定义）
        ├── js/
        │   ├── script.js
        │   ├── script-counter.js  # 数字递增动画
        │   └── submit-form.js
        └── images/             # 示例图片资源

核心文件说明link

• html_template/index.html — 模板首页入口文件
• html_template/css/style.css — 主样式表，定义配色、间距、排版等全局变量
• html_template/js/script-counter.js — 数字递增动画逻辑（IntersectionObserver 触发）
• html_template/js/submit-form.js — 表单提交处理
• html_template/php/form_process.php — 后端表单处理脚本
• html_template/css/vendor/ — 第三方库 CSS（AOS、Slick、Fancybox 等）

快速开始link

1. 进入 html_template 目录
2. 直接用浏览器打开 index.html 即可预览
3. 如需表单功能，将 php 文件夹部署到支持 PHP 的服务器

使用建议link

• 正式部署前需将 index.html 中引用的 CDN 资源（Bootstrap Icons、jQuery 等）替换为本地文件或可靠 CDN，确保离线可用
• 模板默认配色以绿色（#99F36C）为主色调，可直接在 css/style.css 的 :root 变量中调整为企业VI色