Files
demo_sites/templates/template_3/site/index-restaurant.html
2026-05-17 18:29:30 -05:00

725 lines
44 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Home</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Abril+Fatface%7CLato:300i,400,900%7CMontserrat:100,300,400,500,600,700,900">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style-5.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="preloader loaded">
<div class="preloader-body">
<div class="cssload-container">
<div class="cssload-speeding-wheel"></div>
</div>
<p>Loading...</p>
</div>
</div>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="50px" data-xl-stick-up-offset="50px" data-xxl-stick-up-offset="50px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
<!-- RD Navbar Brand-->
<div class="rd-navbar-brand"><a class="brand" href="index.html"><img class="brand-logo-light" src="images/restaurant/logo-inverse-140x37.png" alt="" width="140" height="37" srcset="images/restaurant/logo-retina-inverse-280x74.png 2x"/></a></div>
</div>
<div class="rd-navbar-nav-wrap">
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item"><a class="rd-nav-link" href="#about">About</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#team">team</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#menu">menu</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#testimonials">Testimonials</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#blog">blog</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#contacts">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- hero header-->
<section class="section section-xxl context-dark bg-image" style="background-image: url(images/restaurant/hero-header-bg.jpg); ">
<div class="container">
<div class="row">
<div class="col-lg-7 col-xl-6 overflow-hidden">
<p class="subtitle wow fadeInUp">old family recipes</p>
<h1 class="wow fadeInUp" data-wow-delay="200ms">Healthy Organic Food</h1>
<h5 class="wow fadeInUp" data-wow-delay="450ms">Feel the friendly atmosphere of <br class="d-none d-md-inline-block"> our family restaurant.</h5>
<div class="group-sm"><a class="button button-primary button-nina fadeInUp wow" href="#" data-wow-delay="700ms" data-custom-scroll-to="about">read more</a><a class="button button-default-outline button-icon button-icon-right fadeInUp wow" href="#" data-toggle="modal" data-target="#modalvideo" data-wow-delay="700ms"><span class="icon mdi mdi-play"></span>play</a></div>
</div>
</div>
</div>
</section>
<!-- about-->
<section class="section section-md bg-gray-100 text-center" id="about" data-type="anchor">
<div class="container">
<p class="subtitle"><span>about us</span></p>
<h2>Welcome to Our Restaurant</h2>
<p>Since 1999, our restaurant is the center of coziness, comfort, and tasty <br class="d-none d-md-inline-block"> dishes available to our every visitor and guest.</p>
<div class="row row-30 justify-content-center">
<div class="col-md-6 col-xl-4">
<div class="box-process">
<div class="box-process-header"><span class="icon icon-circle icon-primary icon-md icon-effect-4 icon-effect-4--mod-4 linearicons-citrus"></span>
<h5>Ingredients</h5>
</div>
<div class="box-process-body">
<p>We use the freshest ingredients delivered daily by our reliable suppliers.</p>
<ul class="list-marked">
<li>Vegetables & Fruits</li>
<li>Spices</li>
<li>Meats & Fish</li>
<li>Baking & Grains</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-4">
<div class="box-process">
<div class="box-process-header"><span class="icon icon-circle icon-primary icon-md icon-effect-4 icon-effect-4--mod-4 linearicons-scale2"></span>
<h5>Techniques</h5>
</div>
<div class="box-process-body">
<p>Our team uses latest techniques to prepare tasty and outstanding dishes.</p>
<ul class="list-marked">
<li>Freezing</li>
<li>Slow Roasting</li>
<li>Sous Vide Cooking</li>
<li>Thickening</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-4">
<div class="box-process">
<div class="box-process-header"><span class="icon icon-circle icon-primary icon-md icon-effect-4 icon-effect-4--mod-4 linearicons-chef"></span>
<h5>Community</h5>
</div>
<div class="box-process-body">
<p>We work for the benefit of the local community and contribute to society.</p>
<ul class="list-marked">
<li>Saving Energy</li>
<li>Recycling</li>
<li>Sponsorship</li>
<li>Community Cooperation</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--cta-->
<section class="section parallax-container context-dark" data-parallax-img="images/restaurant/cta-bg.jpg">
<div class="parallax-content section-md">
<div class="container section-cta text-center">
<div class="row justify-content-center">
<div class="col-lg-8 col-xl-6">
<p class="subtitle">experience family atmosphere</p>
<h2>Book a Table</h2>
<p>Want to enjoy the cozy atmosphere of our restaurant? Book a table now to get started.</p><a class="button button-primary button-nina" href="#" data-toggle="modal" data-target="#appointment">book now</a>
</div>
</div>
</div>
</div>
</section>
<!-- about team-->
<section class="section section-md bg-default" id="team" data-type="anchor">
<div class="container text-center">
<p class="subtitle"><span>about our team</span></p>
<h2><span>Meet </span> <span class="typed-text-wrap"><span class="typed-text"></span><span class="typed-cursor"></span></span><span class="typed-strings"><span>Alice</span><span>David </span><span>James</span></span><span>and <br class="d-md-none"> Other Team Members</span>
</h2>
<p>Our team is what makes marks us out from other restaurants. Every <br class="d-none d-md-inline-block"> one of us is a part of a family that always welcomes new members!</p>
<!-- Owl Carousel-->
<div class="owl-carousel carousel-team" data-owl='{"dots":true}' data-items="1" data-md-items="2" data-xl-items="3" data-stage-padding="0" data-loop="true" data-autoplay="true" data-margin="30"><a class="box-team" href="#">
<div class="box-team-header"><img src="images/restaurant/team-1-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">David </p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Spencer</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/restaurant/team-2-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">Alice</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Clark</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/restaurant/team-3-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">James</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Wilson</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/restaurant/team-1-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">David </p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Spencer</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/restaurant/team-2-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">Alice</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Clark</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/restaurant/team-3-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">James</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Wilson</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/restaurant/team-1-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">David </p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Spencer</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/restaurant/team-2-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">Alice</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Clark</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/restaurant/team-3-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">James</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Wilson</p>
</div></a>
</div>
</div>
</section>
<section class="section section-md bg-gray-100 text-center" id="menu" data-type="anchor">
<div class="container">
<p class="subtitle"><span>our menu</span></p>
<h2>Discover Our Exclusive Menu</h2>
<div class="isotope-wrap">
<ul class="list-nav isotope-filters-responsive">
<li>
<p>Choose your category:</p>
</li>
<li class="block-top-level">
<!-- Isotope Filters-->
<button class="isotope-filters-toggle button button-sm button-primary" data-custom-toggle="#isotope-1" data-custom-toggle-hide-on-blur="true">Filter<span class="caret"></span></button>
<div class="isotope-filters" id="isotope-1">
<ul class="inline-list">
<li><a class="active" data-isotope-filter="*" data-isotope-group="gallery" href="#">All</a></li>
<li><a data-isotope-filter="Category 1" data-isotope-group="gallery" href="#">lunch</a></li>
<li><a data-isotope-filter="Category 2" data-isotope-group="gallery" href="#">dinner </a></li>
<li><a data-isotope-filter="Category 3" data-isotope-group="gallery" href="#">Specialties</a></li>
</ul>
</div>
</li>
</ul>
<div class="isotope row row-50" data-isotope-layout="fitRows" data-isotope-group="gallery">
<div class="col-12 col-lg-6 isotope-item" data-filter="Category 1">
<div class="box-menu-item">
<div class="box-menu-item-image"><img src="images/restaurant/menu-item-1-133x133.png" alt="" width="133" height="133"/>
</div>
<div class="box-menu-item-body">
<h5>Garden Salad</h5>
<p>This salad coats a mixture of romaine lettuce, tomatoes, cucumber, and onion with sour cream.</p>
</div>
<div class="box-menu-item-price"><span>25</span></div>
</div>
</div>
<div class="col-12 col-lg-6 isotope-item" data-filter="Category 1">
<div class="box-menu-item">
<div class="box-menu-item-image"><img src="images/restaurant/menu-item-2-129x130.png" alt="" width="129" height="130"/>
</div>
<div class="box-menu-item-body">
<h5>Meatball Tagliatelle</h5>
<p>This is a variation of the ever-popular spaghetti bolognese and is sure to become just as well-loved.</p>
</div>
<div class="box-menu-item-price"><span>22</span></div>
</div>
</div>
<div class="col-12 col-lg-6 isotope-item" data-filter="Category 2">
<div class="box-menu-item">
<div class="box-menu-item-image"><img src="images/restaurant/menu-item-3-130x131.png" alt="" width="130" height="131"/>
</div>
<div class="box-menu-item-body">
<h5>Asparagus Spaghetti</h5>
<p>Tender spears of fresh asparagus are tossed with angel hair pasta and Parmesan cheese.</p>
</div>
<div class="box-menu-item-price"><span>11</span></div>
</div>
</div>
<div class="col-12 col-lg-6 isotope-item" data-filter="Category 2">
<div class="box-menu-item">
<div class="box-menu-item-image"><img src="images/restaurant/menu-item-4-129x130.png" alt="" width="129" height="130"/>
</div>
<div class="box-menu-item-body">
<h5>Caesar Salad</h5>
<p>A widely known salad of romaine lettuce and croutons dressed with parmesan cheese and lemon juice.</p>
</div>
<div class="box-menu-item-price"><span>34</span></div>
</div>
</div>
<div class="col-12 col-lg-6 isotope-item" data-filter="Category 3">
<div class="box-menu-item">
<div class="box-menu-item-image"><img src="images/restaurant/menu-item-5-129x130.png" alt="" width="129" height="130"/>
</div>
<div class="box-menu-item-body">
<h5>Nicoise Salad</h5>
<p>This salad was inspired by a classic Salade Niçoise with its fresh anchovies, potatoes, and green beans.</p>
</div>
<div class="box-menu-item-price"><span>25</span></div>
</div>
</div>
<div class="col-12 col-lg-6 isotope-item" data-filter="Category 3">
<div class="box-menu-item">
<div class="box-menu-item-image"><img src="images/restaurant/menu-item-6-131x131.png" alt="" width="131" height="131"/>
</div>
<div class="box-menu-item-body">
<h5>Roasted Vegetables </h5>
<p>Butternut squash, sweet potato, and red peppers are roasted with olive oil in this easy side dish.</p>
</div>
<div class="box-menu-item-price"><span>22</span></div>
</div>
</div>
</div>
</div><a class="button button-default-outline button-nina" href="#">see All menu</a>
</div>
</section>
<!--testimonials-->
<section class="section section-md context-dark bg-image text-center container-decoration" id="testimonials" data-type="anchor" style="background-image: url(images/restaurant/testimonials-bg.jpg)">
<div class="container">
<p class="subtitle">what people say</p>
<h2>Some Words From Our Visitors</h2>
<div class="owl-carousel carousel-testimonials" data-owl='{"dots":true}' data-items="1" data-md-items="2" data-stage-padding="15" data-loop="true" data-autoplay="true" data-margin="60">
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/restaurant/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>I've been eating their lunches for the past 7 years. Not even once have I had any unpleasant experience. And the dishes always taste fresh and good!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Alice Parker</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/restaurant/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>At this restaurant, the prices are as good as the menu! Each time I spend less money, than anywhere else and get a fresh, tasty, homemade dinner!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Steve Thomas</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/restaurant/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>I've been eating their lunches for the past 7 years. Not even once have I had any unpleasant experience. And the dishes always taste fresh and good!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Alice Parker</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/restaurant/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>At this restaurant, the prices are as good as the menu! Each time I spend less money, than anywhere else and get a fresh, tasty, homemade dinner!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Steve Thomas</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/restaurant/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>I've been eating their lunches for the past 7 years. Not even once have I had any unpleasant experience. And the dishes always taste fresh and good!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Alice Parker</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/restaurant/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>At this restaurant, the prices are as good as the menu! Each time I spend less money, than anywhere else and get a fresh, tasty, homemade dinner!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Steve Thomas</cite><span>Customer</span>
</p>
</div>
</div>
</div>
</div>
</section>
<!-- location-->
<section class="section section-md bg-default" id="location" data-type="anchor">
<div class="container text-center">
<p class="subtitle"> <span>opening hours</span></p>
<h2>We are Always Glad to See You</h2>
<p>Our restaurant serves breakfasts, lunches, and dinners throughout the <br class="d-none d-md-inline-block"> day. Learn more about our opening hours below.</p>
<div class="row row-30">
<div class="col">
<div class="box-pricing">
<div class="box-pricing-header">
<h5 class="title">Breakfast</h5><span class="icon icon-circle bg-image context-dark" style="background-image: url(images/restaurant/location-1-118x118.jpg); "></span>
</div>
<div class="box-pricing-body">
<ul class="pricing-list">
<li>Mon - Thu: 7am - 11am</li>
<li>Fri: 7am - 12am</li>
<li>Sat: 7am - 10am</li>
<li>Sun: All Day</li>
</ul><a class="button button-default-outline button-nina" href="#" data-toggle="modal" data-target="#appointment">get started</a>
</div>
</div>
</div>
<div class="col">
<div class="box-pricing">
<div class="box-pricing-header">
<h5 class="title">Lunch</h5><span class="icon icon-circle bg-image context-dark" style="background-image: url(images/restaurant/location-2-118x118.jpg); "></span>
</div>
<div class="box-pricing-body">
<ul class="pricing-list">
<li>Mon - Thu: 11am - 2pm</li>
<li>Fri: 12am - 2pm</li>
<li>Sat: 10am - 1pm</li>
<li>Sun: All Day</li>
</ul><a class="button button-default-outline button-nina" href="#" data-toggle="modal" data-target="#appointment">get started</a>
</div>
</div>
</div>
<div class="col">
<div class="box-pricing">
<div class="box-pricing-header">
<h5 class="title">Dinner</h5><span class="icon icon-circle bg-image context-dark" style="background-image: url(images/restaurant/location-3-118x118.jpg); "></span>
</div>
<div class="box-pricing-body">
<ul class="pricing-list">
<li>Mon - Thu: 2pm - 5pm</li>
<li>Fri: 2pm - 5pm</li>
<li>Sat: 1pm - 5pm</li>
<li>Sun: All Day</li>
</ul><a class="button button-default-outline button-nina" href="#" data-toggle="modal" data-target="#appointment">get started</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--subscribe-->
<section class="section parallax-container context-dark" data-parallax-img="images/restaurant/subscribe-bg.jpg">
<div class="parallax-content section-md">
<div class="container text-center">
<div class="row justify-content-center">
<div class="col-lg-8">
<p class="subtitle">newsletter</p>
<h2>Each Week a New Recipe</h2>
<p>Subscribe to receive exclusive recipes from our chef.</p>
<!-- RD Mailform-->
<form class="rd-form rd-mailform rd-form-inline" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
<div class="form-wrap">
<input class="form-input" id="subscribe-form-0-email" type="email" name="email" data-constraints="@Email @Required"/>
<label class="form-label" for="subscribe-form-0-email">Your E-mail</label>
</div>
<div class="form-button">
<button class="button button-primary button-nina" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- blog-->
<section class="section section-md bg-gray-100" id="blog" data-type="anchor">
<div class="container text-center">
<p class="subtitle"><span>latest news</span></p>
<h2>Our Blog</h2>
<div class="row row-30">
<div class="col-md-6 col-lg-5">
<div class="box-post-classic">
<div class="box-post-classic-body">
<time class="box-post-meta" datetime="2018">December 3, 2020</time>
<h6 class="box-post-title"><a href="#">Best Dishes to Try</a></h6>
<p class="box-post-text">Here is our monthly selection of new recipes and dishes of the current month that you...</p>
</div>
</div>
<div class="box-post-classic"><a class="box-post-classic-image" href="#"><img src="images/restaurant/blog-1-470x256.jpg" alt="" width="470" height="256"/></a>
<div class="box-post-classic-body">
<time class="box-post-meta" datetime="2018">December 3, 2020</time>
<h5 class="box-post-title"><a href="#">Top 5 Vegetarian Dishes You Must Try</a></h5>
<p class="box-post-text">To celebrate National Vegetarian week we are posting some recipes that will...</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-7">
<div class="row row-30">
<div class="col-12">
<div class="box-post-modern"><a class="box-post-modern-image" href="#"><img src="images/restaurant/blog-2-666x485.jpg" alt="" width="666" height="485"/></a>
<div class="box-post-modern-body">
<time class="box-post-meta" datetime="2018">December 17, 2020</time>
<h5 class="box-post-title"><a href="#">Our Chef Recommends: an Easy Recipe for Asparagus Salad</a></h5>
<p class="box-post-text">Today in the section of our chefs recommendations, we are glad to...</p><a class="button button-primary button-nina" href="#">read more</a>
</div>
</div>
</div>
<div class="col-lg-7"><a class="box-post-quote" href="#">
<p class="box-post-quote-inner">Get inspired checking easy-to-cook recipes from our chef.</p><span class="box-post-cite">Steve Smith</span></a></div>
<div class="col-lg-5">
<div class="box-post-instagram instafeed" data-lightgallery="group">
<div class="thumbnail-instafeed"><a class="instagram-link" data-lightgallery="item" href="images/lawyer/blog-3-640x640.jpg"><img class="instagram-image" src="images/lawyer/blog-3-640x640.jpg" alt=""/></a>
<div class="caption">
<ul class="list-inline inline-list-xxs">
<li><span class="novi-icon icon mdi mdi-magnify-plus"></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--contact-->
<section class="section section-md bg-default" id="contacts" data-type="anchor">
<div class="container text-center">
<p class="subtitle"><span>contact us</span></p>
<h2>Get in Touch with Us</h2>
<p>Whether youd like to reserve a table or ask us a question, feel <br class="d-none d-md-inline-block"> free to drop a few lines in the form below.</p>
<!-- RD Mailform-->
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
<div class="row row-20">
<div class="col-md-4">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-name" type="text" name="name" data-constraints="@Required">
<label class="form-label mdi mdi-account-outline input__label--nao" for="contact-name">Your Name</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-md-4">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-email" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label input__label--nao mdi mdi-email-outline" for="contact-email">E-mail</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-md-4">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-phone" type="text" name="phone" data-constraints="@Numeric">
<label class="form-label input__label--nao mdi mdi-tablet-android" for="contact-phone">Phone</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<textarea class="form-input input__field--nao" id="contact-message" name="message" data-constraints="@Required"></textarea>
<label class="form-label input__label--nao mdi mdi-message-text-outline" for="contact-message">Your Message</label>
<svg class="graphic graphic--nao" width="300%" height="50%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12 text-center form-button">
<button class="button button-primary button-nina" type="submit">Send Message</button>
</div>
</div>
</form>
</div>
</section>
<section class="google-map-container" data-center="6036 Richmond hwy., Alexandria, VA, 2230" data-styles="[{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#444444&quot;}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f2f2f2&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;poi.business&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:45}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#b4d4e1&quot;},{&quot;visibility&quot;:&quot;on&quot;}]}]">
<div class="google-map"></div>
<ul class="google-map-markers">
<li data-location="6036 Richmond hwy., Alexandria, VA, 2230" data-description="6036 Richmond hwy., Alexandria, VA, 2230" data-icon="images/restaurant/gmap_marker.png" data-icon-active="images/restaurant/gmap_marker_active.png"></li>
</ul>
</section>
<!-- Page Footer-->
<footer class="section footer-classic context-dark bg-image" style="background-image: url(images/restaurant/pattern-bg.jpg)">
<div class="container">
<div class="row row-30">
<div class="col-md-4 col-xl-5">
<div class="pr-xl-4"><a class="brand" href="index.html"><img class="brand-logo-light" src="images/restaurant/logo-inverse-140x37.png" alt="" width="140" height="37" srcset="images/restaurant/logo-retina-inverse-280x74.png 2x"/></a>
<p>Being one of the leading family-owned restaurants in the area, we have been serving dishes made with the best ingredients since 1999.</p>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp; </span><span class="copyright-year"></span><span>&nbsp;</span><span>Waves</span><span>.&nbsp;</span><span>All Rights Reserved.</span></p>
</div>
</div>
<div class="col-md-4">
<h5>Contacts</h5>
<dl class="contact-list">
<dt>Address:</dt>
<dd>795 South Park Avenue, Melbourne, Australia</dd>
</dl>
<dl class="contact-list">
<dt>email:</dt>
<dd><a href="mailto:#">mail@demolink.org</a></dd>
</dl>
<dl class="contact-list">
<dt>phones:</dt>
<dd><a href="tel:#">8 800 56789011</a> <span>or</span> <a href="tel:#">8 800 99789077</a>
</dd>
</dl>
</div>
<div class="col-md-4 col-xl-3">
<h5>Links</h5>
<ul class="nav-list">
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="#">Pricing</a></li>
</ul>
</div>
</div>
</div>
<div class="row no-gutters social-container">
<div class="col"><a class="social-inner" href="#"><span class="icon mdi mdi-facebook"></span><span>Facebook</span></a></div>
<div class="col"><a class="social-inner" href="#"><span class="icon mdi mdi-instagram"></span><span>instagram</span></a></div>
<div class="col"><a class="social-inner" href="#"><span class="icon mdi mdi-twitter"></span><span>twitter</span></a></div>
<div class="col"><a class="social-inner" href="#"><span class="icon mdi mdi-youtube-play"></span><span>google</span></a></div>
</div>
</footer>
<div class="modal fade" id="modalvideo" role="dialog">
<div class="modal-dialog modal-dialog_custom modal-dialog_custom-details">
<!-- Modal content-->
<div class="modal-dialog__inner">
<button class="close" type="button" data-dismiss="modal"></button>
<div class="modal-dialog__content">
<div class="modal-dialog__content-inner">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" id="video" width="560" height="315" src="https://www.youtube.com/embed/-AhmuMqZB0s" allowfullscreen></iframe>
</div>
</div>
<div class="modal-dialog__content-inner">
<h4>Reliable Solutions</h4>
<p>Waves offers a vast set of services and solutions that help you achieve the desired result.</p>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="appointment" role="dialog">
<div class="modal-dialog modal-dialog_custom">
<!-- Modal content-->
<div class="modal-dialog__inner">
<button class="close" type="button" data-dismiss="modal"></button>
<div class="modal-dialog__content">
<h4>Make an Appointment</h4>
<!-- RD Mailform-->
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
<div class="row row-20">
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-name-modal" type="text" name="name" data-constraints="@Required">
<label class="form-label mdi mdi-account-outline input__label--nao" for="contact-name-modal">Your Name</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-email-modal" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label input__label--nao mdi mdi-email-outline" for="contact-email-modal">E-mail</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-phone-modal" type="text" name="phone" data-constraints="@Numeric">
<label class="form-label input__label--nao mdi mdi-tablet-android" for="contact-phone-modal">Phone</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<textarea class="form-input input__field--nao" id="contact-message-modal" name="message" data-constraints="@Required"></textarea>
<label class="form-label input__label--nao mdi mdi-message-text-outline" for="contact-message-modal">Your Message</label>
<svg class="graphic graphic--nao" width="300%" height="50%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12 text-center form-button">
<button class="button button-primary button-nina" type="submit">Send Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>