Bermiz - 多用途餐厅和食品配送 HTML 模板

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