Auron - 太阳能和绿色可再生能源 HTML Bootstrap 5 模板

# 项目简介 Auron 是一款基于 Bootstrap 5 的静态单页/多页 HTML 模板，专为太阳能及绿色能源企业设计。模板包含首页、关于我们、项目案例、博客、服务详情等完整页面，支持表单提交（需配合 PHP 环境）。适合快速搭建能源、环保类企业展示网站。 ## 技术栈 - Bootstrap 5（CSS Framework） - jQuery（交互逻辑、计数器动画） - Outfit（Google Fonts）字体 - AOS（滚动动画）、Slick（轮播）、Fancybox（图片灯箱）、Bootstrap Icons ## 项目结构 ``` 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/ # 示例图片资源 ``` ## 核心文件说明 - `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 等） ## 快速开始 1. 进入 `html_template` 目录 2. 直接用浏览器打开 `index.html` 即可预览 3. 如需表单功能，将 `php` 文件夹部署到支持 PHP 的服务器 ## 使用建议 - 正式部署前需将 `index.html` 中引用的 CDN 资源（Bootstrap Icons、jQuery 等）替换为本地文件或可靠 CDN，确保离线可用 - 模板默认配色以绿色（`#99F36C`）为主色调，可直接在 `css/style.css` 的 `:root` 变量中调整为企业VI色