Yummye - Restaurant and Bar HTML Template

Yummye - Restaurant and Bar HTML Template

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

FAQ

Comments0
PublishedDec 7, 2025

Tech Stack

HTML

Tags

cateringcheffine diningitalian restaurantmenumexican restaurantreservationrestaurantrestaurant menuseafoodsushitable booking