inital commit

This commit is contained in:
2026-05-17 18:29:30 -05:00
parent b827236fe2
commit 7c1e18bd59
4683 changed files with 159402 additions and 1 deletions

View File

@@ -0,0 +1,725 @@
<!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>