项目简介
Bermiz 是一套餐厅与外卖配送场景的 HTML 网站模板,提供 3 种首页风格、多种菜品展示页面(列表/标签/网格)、博客、预订、购物车/结算、厨师介绍等完整页面。适合快速搭建餐饮类展示型站点,无需后端依赖即可在浏览器中直接预览。
技术栈
- Bootstrap 5(响应式布局)
- Static HTML / CSS
- jQuery(交互与预加载动画)
- AOS(滚动动画)
- Slick(轮播组件)
- Google Fonts(Elsie、Lexend)
项目结构
text
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、字体、图标等配置说明)
快速开始
- 进入
bermizhtml-10/Main File/Restaurant and Food Delivery HTML Template - Bermiz/目录; - 双击
index.html直接用浏览器打开,即可预览首页; - 如需本地服务,可使用
npx serve .或 VS Code Live Server 插件启动。
使用建议
模板为纯前端静态页面,所有页面切换通过超链接完成,无需任何构建步骤。部署时将整个 Restaurant and Food Delivery HTML Template - Bermiz 文件夹内容上传至 Web 服务器即可。若需接入真实外卖或预订功能,需自行对接后端 API。
