Avers - 企业和商业 HTML 模板 preview 1

Avers - 企业和商业 HTML 模板

bookmark

Avers 是一款面向企业/商业代理机构的静态 HTML 模板，基于 Bootstrap 5 构建，提供 3 种首页布局和 16+ 页面模板，适用于商务咨询、设计 agency 等建站场景。

HTML

项目简介

Avers 是一款面向企业/商业代理机构的静态 HTML 模板，基于 Bootstrap 5 构建，提供 3 种首页布局和 16+ 页面模板，适用于商务咨询、设计 agency 等建站场景。

技术栈

  • Bootstrap 5
  • HTML5 + CSS3
  • SCSS（源文件含完整 SCSS 结构）
  • jQuery + jQuery 插件（WOW.js、Magnific Popup、Swiper 等）
  • Font Awesome 5
  • W3C 验证通过代码

项目结构

text
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

常见问题