项目简介link

Elever 是一套面向建筑与装修行业的多页面 HTML 模板，提供完整的企业展示、案例、博客、预约等页面变体，支持多页版（Multipage）和单页版（Onepage）两种模式，适合快速搭建装修/工程类企业官网。

技术栈link

• HTML5 + CSS3
• Bootstrap 4.x（响应式布局框架）
• jQuery（DOM 交互与插件扩展）
• Font Awesome（图标库）
• Swiper / AOS / Magnifying Popup（轮播/动画/图片放大插件）

项目结构link

eleverhtml-10/
├── elever-documentation/     # 模板使用说明文档站点
│   ├── assets/
│   │   ├── css/main.css       # 文档样式（含 CSS 变量）
│   │   └── js/main.js         # 平滑滚动、搜索过滤、回到顶部
│   └── index.html
└── elever-html/               # 正式模板文件
    ├── assets/
    │   ├── css/
    │   │   ├── plugins/       # 第三方插件样式
    │   │   ├── vendor/        # Bootstrap 等框架样式
    │   │   └── style.css      # 主样式文件
    │   ├── js/
    │   │   └── main.js
    │   └── images/
    ├── index.html             # 默认首页（Multipage）
    ├── index-two.html
    ├── onepage-one.html       # Onepage 变体
    └── ...                    # about, blog, project, contact 等页面

核心文件说明link

• elever-html/index.html — 主首页入口，含顶部导航、轮播、服务介绍
• elever-html/assets/css/style.css — 全局样式与主题变量定义
• elever-html/assets/js/main.js — 导航交互、滚动动画、组件初始化
• elever-documentation/index.html — 官方使用文档（如何修改配色、Logo、页面内容）
• elever-documentation/assets/js/main.js — 文档站搜索与侧边栏功能

快速开始link

本模板为纯静态页面，无需安装依赖：

1. 直接用浏览器打开 elever-html/index.html 即可预览首页
2. 修改页面内容时直接编辑对应的 HTML 文件
3. 文档站点可打开 elever-documentation/index.html 作为使用参考

使用建议link

模板内所有页面均采用 RTL 布局（dir="rtl"），如需改为 LTR 需手动修改 body 属性；页面间共享 assets 目录，更换 Logo、图片时注意路径一致性。