
Yummye - 餐厅和酒吧 HTML 模板
category餐饮
# 项目简介
Yummye 是一套餐厅与酒吧专属的响应式 HTML 模板,包含首页、菜单、作品集、博客、联系页等完整页面。内置 Slick 轮播、滚动动画、导航菜单等交互功能,适合餐饮企业快速搭建品牌官网。
## 技术栈
- Bootstrap 4(栅格与组件)
- jQuery(DOM 交互与动画)
- Slick Slider(轮播图)
- MeanMenu(移动端导航)
- Google Fonts(Cormorant Garamond、Josefin Sans)
- PHP(联系表单与订阅功能)
## 项目结构
```
yummyehtml-10/main/
├── Documentation/ # 模板文档说明
└── yummye/
├── index.html # 首页(多套布局版本)
├── about.html # 关于我们
├── menu.html # 菜单
├── shop.html # 商品列表
├── contact.html # 联系页面
├── blog.html # 博客列表
├── faq.html # 常见问题
├── team.html # 团队成员
├── services.html # 服务项目
├── projects.html # 作品展示
├── mail.php # 邮件发送处理
├── news-mail.php # 订阅邮件处理
├── css/ # 样式表(含 style.css、responsive.css)
├── js/ # 脚本(含 main.js 及各类插件)
├── fonts/ # 字体文件
├── fontawesome/ # Font Awesome 图标库
└── img/ # 图片资源
```
## 核心文件说明
- `yummye/index.html` — 首页入口,内置 7 种首页布局变体
- `css/style.css` — 主样式表,定义全站视觉风格与组件
- `js/main.js` — 交互逻辑,含轮播、导航、滚动效果等
- `mail.php` — 联系表单后端处理逻辑
- `news-mail.php` — 新闻订阅功能后端处理
- `index-*.html` — 各首页变体,可直接替换 index.html 使用
## 快速开始
1. 将 `yummye/` 目录部署到 Web 服务器(如 Apache/Nginx)
2. 访问 `index.html` 预览首页;本地直接双击打开也可正常显示大部分效果
3. 若需表单功能,需配置 PHP 运行环境并修改 `mail.php`、`news-mail.php` 中的收件邮箱
## 使用建议
模板默认配色为暖金色调(#c5a47e),可直接替换 `img/` 下的 logo 与占位图片;如需切换语言或调整内容,请编辑各 HTML 文件中的文本,并同步更新 CSS 中的字体配置。
help_outline
常见问题
评论0
发布时间Dec 7, 2025
技术栈
HTML
标签
cateringcheffine diningitalian restaurantmenumexican restaurantreservationrestaurantrestaurant menuseafoodsushitable booking