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

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

bookmark

Bermiz 是一套餐厅与外卖配送场景的 HTML 网站模板,提供 3 种首页风格、多种菜品展示页面(列表/标签/网格)、博客、预订、购物车/结算、厨师介绍等完整页面。适合快速搭建餐饮类展示型站点,无需后端依赖即可在浏览器中直接预览。

HTML

项目简介

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、字体、图标等配置说明)

快速开始

  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

常见问题