
Bermiz - 多用途餐厅和食品配送 HTML 模板
# 项目简介
Bermiz 是一套餐厅与外卖配送场景的 HTML 网站模板,提供 3 种首页风格、多种菜品展示页面(列表/标签/网格)、博客、预订、购物车/结算、厨师介绍等完整页面。适合快速搭建餐饮类展示型站点,无需后端依赖即可在浏览器中直接预览。
## 技术栈
- Bootstrap 5(响应式布局)
- Static HTML / CSS
- jQuery(交互与预加载动画)
- AOS(滚动动画)
- Slick(轮播组件)
- Google Fonts(Elsie、Lexend)
## 项目结构
```
bermizhtml-10/
└── Main File/
├── Documentation/ # 模板使用文档
└── Restaurant and Food Delivery HTML Template - Bermiz/
├── index.html # 首页(第 1 套风格)
├── homepage2.html
├── homepage3.html
├── menupage-*.html # 8 种菜品页面
├── blogpage-*.html # 13 种博客列表页
├── single-blogpage*.html
├── reservation-*.html # 3 种预订页
├── cart-view.html
├── checkout-page.html
├── chefspage*.html
├── single-chefs-deatail-page.html
├── about-us.html
├── contact-us.html
├── single-shop.html
├── 404-error.html
├── comming-soon.html
└── assets/
├── css/
├── images/
└── js/
```
## 核心文件说明
- `index.html` — 首页主入口,内置多级下拉导航与菜品分类
- `assets/css/style.css` — 模板核心样式文件
- `assets/css/bootstrap.min.css` — Bootstrap 框架样式
- `assets/css/aos.css` / `animate.css` — 页面滚动与过渡动画
- `assets/js/` — jQuery 库及插件、页面交互脚本
- `Documentation/index.html` — 官方使用文档(Logo、字体、图标等配置说明)
## 快速开始
1. 进入 `bermizhtml-10/Main File/Restaurant and Food Delivery HTML Template - Bermiz/` 目录;
2. 双击 `index.html` 直接用浏览器打开,即可预览首页;
3. 如需本地服务,可使用 `npx serve .` 或 VS Code Live Server 插件启动。
## 使用建议
模板为纯前端静态页面,所有页面切换通过超链接完成,无需任何构建步骤。部署时将整个 `Restaurant and Food Delivery HTML Template - Bermiz` 文件夹内容上传至 Web 服务器即可。若需接入真实外卖或预订功能,需自行对接后端 API。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML