Lavale - 法律和律师 HTML 模板

# 项目简介 Lavale 是一套基于 Bootstrap 5.1.3 构建的响应式 HTML5 法律服务网站模板，提供首页多风格变体（6 种）和完整的业务页面（法律咨询、案例展示、团队介绍等），适合律师事务所、咨询服务机构快速搭建专业形象网站。 ## 技术栈 - HTML5 + CSS3 + Vanilla JavaScript - Bootstrap v5.1.3 - Google Fonts（DM Sans + Marcellus） - IcoMoon 自定义图标字体（49 个 glyphs） - 第三方插件：Slick、Swiper、jQuery Magnific Popup、Nice Select、Odometer、NoUiSlider ## 项目结构 ``` lavalehtml-10/lavale-pack/ ├── 01-lavale-html/ # 主模板目录 │ ├── index.html # 首页（6 种变体页面） │ ├── about.html # 关于我们 │ ├── service.html # 服务列表 │ ├── case.html # 案例展示 │ ├── blog.html # 博客 │ ├── contact.html # 联系方式 │ ├── pricing.html # 收费标准 │ ├── faq.html # 常见问题 │ └── assets/ # CSS/JS/图片/字体资源 ├── 02-lavale-documentation/ # 官方文档 └── 03-lavale-icon/ # 图标字体文件 ├── style.css # 图标样式定义 └── fonts/ # eot/ttf/woff/svg 字体文件 ``` ## 核心文件说明 - `01-lavale-html/index.html` — 首页入口，内含 6 种首页风格切换菜单 - `assets/css/style.css` — 主样式表，承载整体视觉风格 - `assets/css/bootstrap.min.css` — Bootstrap 框架核心样式 - `assets/css/icomoon.css` — 图标字体样式（含 49 个 icon class） - `03-lavale-icon/fonts/` — IcoMoon 生成的图标字体文件（eot/ttf/woff/svg） - `02-lavale-documentation/index.html` — 官方配置文档，含 HTML 结构、联系表单、Credits 等说明 ## 快速开始 ```bash # 解压后直接用浏览器打开首页 open 01-lavale-html/index.html # 或使用任意本地服务器（如 VS Code Live Server） npx serve lavalehtml-10/lavale-pack/01-lavale-html ``` ## 使用建议 模板预设了大量法律行业专用区块，但所有文字、图片、配色均需替换；首页多风格变体建议按需只保留一种，避免维护负担。联系表单默认静态展示，需接入后端服务（如 Formspree、Netlify Forms）方可正常使用。