Project Overview
Yummye is a responsive HTML template designed specifically for restaurants and bars, featuring complete pages including homepage, menu, portfolio, blog, and contact page. It comes with interactive features such as Slick carousel, scroll animations, and navigation menus, making it ideal for food and beverage businesses to quickly build their brand website.
Tech Stack
- Bootstrap 4 (grid system & components)
- jQuery (DOM interactions & animations)
- Slick Slider (carousel)
- MeanMenu (mobile navigation)
- Google Fonts (Cormorant Garamond, Josefin Sans)
- PHP (contact form & subscription functionality)
Project Structure
yummyehtml-10/main/
├── Documentation/ # Template documentation
└── yummye/
├── index.html # Homepage (multiple layout versions)
├── about.html # About Us
├── menu.html # Menu
├── shop.html # Product List
├── contact.html # Contact Page
├── blog.html # Blog List
├── faq.html # FAQ
├── team.html # Team Members
├── services.html # Services
├── projects.html # Portfolio
├── mail.php # Email sending handler
├── news-mail.php # Subscription email handler
├── css/ # Stylesheets (includes style.css, responsive.css)
├── js/ # Scripts (includes main.js and various plugins)
├── fonts/ # Font files
├── fontawesome/ # Font Awesome icon library
└── img/ # Image assets
Core File Description
yummye/index.html— Homepage entry point, includes 7 homepage layout variationscss/style.css— Main stylesheet defining the site-wide visual style and componentsjs/main.js— Interaction logic including carousel, navigation, scroll effects, etc.mail.php— Backend processing for contact formnews-mail.php— Backend processing for newsletter subscriptionindex-*.html— Homepage variations, can be used directly by replacing index.html
Quick Start
- Deploy the
yummye/directory to a web server (e.g., Apache/Nginx) - Access
index.htmlto preview the homepage; most effects will display correctly when opened locally by double-clicking - For form functionality, configure a PHP runtime environment and modify the recipient email in
mail.phpandnews-mail.php
Usage Tips
The template's default color scheme features warm gold tones (#c5a47e). You can directly replace the logo and placeholder images in img/; to switch languages or adjust content, edit the text in each HTML file and update the font configuration in the CSS accordingly.
