
Avers - 企业和商业 HTML 模板
category企业官网
# 项目简介
Avers 是一款面向企业/商业代理机构的静态 HTML 模板,基于 Bootstrap 5 构建,提供 3 种首页布局和 16+ 页面模板,适用于商务咨询、设计 agency 等建站场景。
## 技术栈
- Bootstrap 5
- HTML5 + CSS3
- SCSS(源文件含完整 SCSS 结构)
- jQuery + jQuery 插件(WOW.js、Magnific Popup、Swiper 等)
- Font Awesome 5
- W3C 验证通过代码
## 项目结构
```
avershtml-10/
├── main-files/
│ ├── index.html # 主首页(首页第 1 版)
│ ├── index-2.html # 首页第 2 版
│ ├── index-3.html # 首页第 3 版
│ ├── about.html # 关于页面
│ ├── blog.html # 博客列表
│ ├── contact.html # 联系页面
│ ├── service.html # 服务列表
│ ├── service-details.html # 服务详情
│ ├── project.html # 项目列表
│ ├── project-details.html # 项目详情
│ ├── team.html # 团队页面
│ └── assets/
│ ├── css/style.css # 编译后的完整样式
│ ├── js/main.js # 所有交互逻辑
│ └── scss/style.scss # SCSS 源文件
└── documentation/
└── index.html # 官方文档页面
```
## 核心文件说明
- `main-files/index.html` — 主首页入口
- `main-files/assets/css/style.css` — 所有页面样式(引用此文件即可)
- `main-files/assets/js/main.js` — 粘性导航栏、视差滚动、WOW 动画、回到顶部等功能
- `main-files/assets/scss/style.scss` — SCSS 源文件,可自行编译定制主题
- `main-files/assets/php/contact.php` — 联系表单后端处理脚本
- `main-files/assets/images/` — Logo、图片等资源
## 快速开始
直接用浏览器打开 `main-files/index.html` 即可预览。也可通过任意本地服务器(如 `npx serve main-files`)访问。
> 如需使用联系表单或 Mailchimp 订阅功能,需在 `main.js` 中填入真实接口地址。
## 使用建议
- 替换 Logo 和配色:编辑 `assets/css/style.css` 中的 CSS 变量或 SCSS 文件
- 主题为纯静态,无需 npm install,可直接在任何托管平台部署
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML