Yummye - Restaurant & Bar HTML Template preview 1

Yummye - Restaurant & Bar HTML Template

bookmark

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...

HTMLcateringcheffine diningitalian restaurantmenumexican restaurantreservation

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

text
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 variations
  • css/style.css — Main stylesheet defining the site-wide visual style and components
  • js/main.js — Interaction logic including carousel, navigation, scroll effects, etc.
  • mail.php — Backend processing for contact form
  • news-mail.php — Backend processing for newsletter subscription
  • index-*.html — Homepage variations, can be used directly by replacing index.html

Quick Start

  1. Deploy the yummye/ directory to a web server (e.g., Apache/Nginx)
  2. Access index.html to preview the homepage; most effects will display correctly when opened locally by double-clicking
  3. For form functionality, configure a PHP runtime environment and modify the recipient email in mail.php and news-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.

help_outline

FAQ