Elever - 建筑 HTML 模板

# 项目简介 Elever 是一套面向建筑与装修行业的多页面 HTML 模板，提供完整的企业展示、案例、博客、预约等页面变体，支持多页版（Multipage）和单页版（Onepage）两种模式，适合快速搭建装修/工程类企业官网。 ## 技术栈 - HTML5 + CSS3 - Bootstrap 4.x（响应式布局框架） - jQuery（DOM 交互与插件扩展） - Font Awesome（图标库） - Swiper / AOS / Magnifying Popup（轮播/动画/图片放大插件） ## 项目结构 ``` 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 等页面 ``` ## 核心文件说明 - `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` — 文档站搜索与侧边栏功能 ## 快速开始 本模板为纯静态页面，无需安装依赖： 1. 直接用浏览器打开 `elever-html/index.html` 即可预览首页 2. 修改页面内容时直接编辑对应的 HTML 文件 3. 文档站点可打开 `elever-documentation/index.html` 作为使用参考 ## 使用建议 模板内所有页面均采用 RTL 布局（`dir="rtl"`），如需改为 LTR 需手动修改 `body` 属性；页面间共享 `assets` 目录，更换 Logo、图片时注意路径一致性。