项目简介link

Lavale 是一套基于 Bootstrap 5.1.3 构建的响应式 HTML5 法律服务网站模板，提供首页多风格变体（6 种）和完整的业务页面（法律咨询、案例展示、团队介绍等），适合律师事务所、咨询服务机构快速搭建专业形象网站。

技术栈link

• 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

项目结构link

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 字体文件

核心文件说明link

• 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 等说明

快速开始link

# 解压后直接用浏览器打开首页
open 01-lavale-html/index.html
# 或使用任意本地服务器（如 VS Code Live Server）
npx serve lavalehtml-10/lavale-pack/01-lavale-html

使用建议link

模板预设了大量法律行业专用区块，但所有文字、图片、配色均需替换；首页多风格变体建议按需只保留一种，避免维护负担。联系表单默认静态展示，需接入后端服务（如 Formspree、Netlify Forms）方可正常使用。