Helgen-Website/html/intro-restaurant.html
2024-11-04 11:54:48 -06:00

1819 lines
111 KiB
HTML
Raw 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="no-js" lang="en">
<head>
<title>H-Code | Responsive & Multi-Purpose One/Multi Page Template</title>
<meta name="description" content="H-Code - A premium portfolio template from ThemeZaa">
<meta name="keywords" content="">
<meta charset="utf-8">
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
<!-- favicon -->
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<!-- animation -->
<link rel="stylesheet" href="css/animate.css" />
<!-- bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css" />
<!-- et line icon -->
<link rel="stylesheet" href="css/et-line-icons.css" />
<!-- font-awesome icon -->
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!-- revolution slider -->
<link rel="stylesheet" href="css/extralayers.css" />
<link rel="stylesheet" href="css/settings.css" />
<!-- magnific popup -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- owl carousel -->
<link rel="stylesheet" href="css/owl.carousel.css" />
<link rel="stylesheet" href="css/owl.transitions.css" />
<link rel="stylesheet" href="css/full-slider.css" />
<!-- text animation -->
<link rel="stylesheet" href="css/text-effect.css" />
<!-- hamburger menu -->
<link rel="stylesheet" href="css/menu-hamburger.css" />
<!-- common -->
<link rel="stylesheet" href="css/style.css" />
<!-- responsive -->
<link rel="stylesheet" href="css/responsive.css" />
<!--[if IE]>
<link rel="stylesheet" href="css/style-ie.css" />
<![endif]-->
<!--[if IE]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic%7CGreat+Vibes' rel='stylesheet' type='text/css'>
</head>
<body>
<audio loop="loop" autoplay="autoplay" >
<source src="sound/intro05.mp3" />
</audio>
<div class="tp-banner-container">
<div class="revolution-intro-restaurant overflow-hidden" >
<ul> <!-- slide 1 -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="http://themezaa.com/html/h-code/images/intro-thumbnail-01.jpg" data-delay="20000" data-saveperformance="on" data-title="hello world">
<!-- main image -->
<img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-bg.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center" alt="">
<!-- extra layer black -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="0"
data-speed="1"
data-start="1"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1"
data-endeasing="Power4.easeIn"
data-end="20000"
style="z-index: 100; "><img src="http://themezaa.com/html/h-code/images/black-up.png" alt="">
</div>
<!-- layer 1 -->
<div class="tp-caption fade "
data-x="center" data-hoffset="0"
data-y="center" data-voffset="0"
data-speed="1000"
data-start="1300"
data-easing="Power4.easeInOut"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn"
style="z-index: 21;"><img src="http://themezaa.com/html/h-code/images/dummy.png" alt="" data-lazyload="http://themezaa.com/html/h-code/images/intro-restaurant-01-08.png">
</div>
<!-- layer 2 -->
<div class="tp-caption sft stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-200"
data-speed="1000"
data-start="2000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 22; max-width: auto; max-height: auto; "><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-01.png" alt="">
</div>
<!-- layer 3 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-230"
data-speed="1000"
data-start="2200"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 23; max-width: auto; max-height: auto; "><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-02.png" alt="">
</div>
<!-- layer 4 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-178"
data-speed="1000"
data-start="2400"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 23; max-width: auto; max-height: auto; "><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-03.png" alt="">
</div>
<!-- layer 5 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-135"
data-speed="1000"
data-start="2600"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 23; max-width: auto; max-height: auto; "><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-04.png" alt="">
</div>
<!-- layer 6 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-60"
data-speed="1000"
data-start="2800"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 23; max-width: auto; max-height: auto; "><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-05.png" alt="">
</div>
<!-- layer 7 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-5"
data-speed="1000"
data-start="3000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 23; max-width: auto; max-height: auto; "><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-06.png" alt="">
</div>
<!-- layer 8 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="15"
data-speed="1000"
data-start="3200"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 23; max-width: auto; max-height: auto; "><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-07.png" alt="">
</div>
<!-- layer 9 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="35"
data-speed="1000"
data-start="3400"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 23; max-width: auto; max-height: auto; "><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-06.png" alt="">
</div>
<!-- layer 10 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="55"
data-speed="1000"
data-start="3600"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 23; max-width: auto; max-height: auto; "><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-21.png" alt="">
</div>
<!-- layer 11 -->
<div class="tp-caption sfl stl "
data-x="-100"
data-y="-60"
data-speed="1000"
data-start="4500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 19; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-10.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right top" alt="">
</div>
<!-- layer 12 -->
<div class="tp-caption sfl stl "
data-x="left" data-hoffset="-50"
data-y="center" data-voffset="0"
data-speed="1000"
data-start="5500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 20; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-11.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right top" alt="">
</div>
<!-- layer 13 -->
<div class="tp-caption sfl stl "
data-x="left" data-hoffset="-150"
data-y="center" data-voffset="280"
data-speed="1000"
data-start="6500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 19; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-12.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right top" alt="">
</div>
<!-- layer 14 -->
<div class="tp-caption sfb stb "
data-x="left" data-hoffset="15"
data-y="bottom" data-voffset="130"
data-speed="1000"
data-start="7500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 19; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-13.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right top" alt="">
</div>
<!-- layer 15 -->
<div class="tp-caption sfb stb "
data-x="center" data-hoffset="-400"
data-y="bottom" data-voffset="100"
data-speed="1000"
data-start="8500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 18; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-14.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right top" alt="">
</div>
<!-- layer 16 -->
<div class="tp-caption sft stt "
data-x="170"
data-y="-90"
data-speed="1000"
data-start="9500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 20; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-09.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right top" alt="">
</div>
<!-- layer 17 -->
<div class="tp-caption sfr str "
data-x="right" data-hoffset="0"
data-y="top" data-voffset="0"
data-speed="1000"
data-start="10500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 16; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-20.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right top" alt="">
</div>
<!-- layer 18 -->
<div class="tp-caption sfb stb "
data-x="center" data-hoffset="-170"
data-y="bottom" data-voffset="100"
data-speed="1000"
data-start="11500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 18; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-15.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right top" alt="">
</div>
<!-- layer 19 -->
<div class="tp-caption sfb stb "
data-x="right" data-hoffset="120"
data-y="bottom" data-voffset="170"
data-speed="1000"
data-start="12500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 17; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-18.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right top" alt="">
</div>
<!-- layer 20 -->
<div class="tp-caption sfb stb "
data-x="center" data-hoffset="150"
data-y="bottom" data-voffset="50"
data-speed="1000"
data-start="13500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 18; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-16.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right top" alt="">
</div>
<!-- layer 21 -->
<div class="tp-caption sfb stb "
data-x="center" data-hoffset="500"
data-y="bottom" data-voffset="150"
data-speed="1000"
data-start="14500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 17; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-17.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right top" alt="">
</div>
<!-- layer 22 -->
<div class="tp-caption sfr str "
data-x="right" data-hoffset="40"
data-y="center" data-voffset="-100"
data-speed="1000"
data-start="15500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 17; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-01-19.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="right top" alt="">
</div>
</li>
<!-- slide 2 -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="http://themezaa.com/html/h-code/images/intro-thumbnail-10.jpg" data-delay="22000" data-saveperformance="on" data-title="thank you">
<!-- main image -->
<img src="http://themezaa.com/html/h-code/images/dummy.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center" alt="">
<!-- layer 1 -->
<div class="tp-caption lfb ltb"
data-x="center" data-hoffset="0"
data-y="bottom" data-voffset="70"
data-speed="1000"
data-start="2000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 2; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-02-02.png" alt="">
</div>
<!-- layer 2 -->
<div class="tp-caption lfr ltl"
data-x="center" data-hoffset="0"
data-y="bottom" data-voffset="70"
data-speed="1000"
data-start="2500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 3; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-02-01.png" alt="">
</div>
<!-- layer 3 -->
<div class="tp-caption fashion_text_120 sfb stb "
data-x="center" data-hoffset="0"
data-y="center" data-voffset="170"
data-speed="1000"
data-start="3000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
data-endeasing="Power4.easeIn"
data-end="7000"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; text-align: center; color: #c59d5f;">Discover
</div>
<!-- layer 4 -->
<div class="tp-caption extra_Bold_medium_70_black_text sfb stb "
data-x="center" data-hoffset="0"
data-y="center" data-voffset="235"
data-speed="1000"
data-start="3500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
data-endeasing="Power4.easeIn"
data-end="7000"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; text-align: center; letter-spacing: 10px;">Our story
</div>
<!-- layer 5 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="300"
data-speed="600"
data-start="4000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
data-endeasing="Power4.easeIn"
data-end="7000"
style="z-index: 4; max-width: auto; max-height: auto; background-color: #c59d5f; height: 3px;"><div class="separator-line"></div>
</div>
<!-- layer 6 -->
<div class="tp-caption light_medium_16_black_text sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="360"
data-speed="600"
data-start="4500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
data-endeasing="Power4.easeIn"
data-end="7000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 400; text-align: center;">H-code is a restaurant, bar and coffee roastery located on a busy corner site in<br> Farringdon’s Exmouth Market. With glazed frontage on two sides of the building,<br>overlooking the market and a bustling London intersection.
</div>
<!-- layer 7 -->
<div class="tp-caption fashion_text_70 sfb stb "
data-x="left" data-hoffset="250"
data-y="center" data-voffset="110"
data-speed="1000"
data-start="8000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
data-endeasing="Power4.easeIn"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; text-align: center; font-weight: 600">Our story
</div>
<!-- layer 8 -->
<div class="tp-caption fashion_text_70 sfb stb "
data-x="right" data-hoffset="-250"
data-y="center" data-voffset="260"
data-speed="1000"
data-start="9000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
data-endeasing="Power4.easeIn"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-02-03.png" alt="">
</div>
<!-- layer 9 -->
<div class="tp-caption light_medium_16_black_text sfb stb "
data-x="left" data-hoffset="250"
data-y="center" data-voffset="240"
data-speed="1000"
data-start="10000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
data-endeasing="Power4.easeIn"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; font-weight: 400;">The Restaurant was founded by the grandfather of the current owner in the 1930s<br>an since then has only received positive feedback. The service is high-profile and<br>the interior is luxuriously elegant.<br><br>Posuere risus tortor non diam<br>In molestie pellentesque tristique<br>Aliquam erat volutpat
</div>
<!-- layer 10 -->
<div class="tp-caption regular_text_18 sfb stb "
data-x="left" data-hoffset="250"
data-y="center" data-voffset="355"
data-speed="1000"
data-start="11000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
data-endeasing="Power4.easeIn"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; font-weight: 700;">Antonio Locatelli
</div>
<!-- layer 11 -->
<div class="tp-caption regular_small_text_18 sfb stb "
data-x="left" data-hoffset="250"
data-y="center" data-voffset="385"
data-speed="1000"
data-start="12000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
data-endeasing="Power4.easeIn"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; font-weight: 400; color: #8c611f;">Founder
</div>
</li>
<!-- slide 3 -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="http://themezaa.com/html/h-code/images/intro-thumbnail-10.jpg" data-delay="11000" data-saveperformance="on" data-title="thank you">
<!-- main image -->
<img src="http://themezaa.com/html/h-code/images/dummy.png" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center" alt="">
<!-- layer 1 -->
<div class="tp-caption lft ltb"
data-x="center" data-hoffset="-628"
data-y="center" data-voffset="0"
data-speed="1000"
data-start="2000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 3; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-03-01.jpg" alt="">
</div>
<!-- layer 2 -->
<div class="tp-caption lfb ltt"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="0"
data-speed="1000"
data-start="3000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 3; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-03-03.jpg" alt="">
</div>
<!-- layer 3 -->
<div class="tp-caption lft ltb"
data-x="center" data-hoffset="628"
data-y="center" data-voffset="0"
data-speed="1000"
data-start="4000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 3; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-03-05.jpg" alt="">
</div>
<!-- layer 4 -->
<div class="tp-caption lfb ltt"
data-x="center" data-hoffset="-628"
data-y="center" data-voffset="0"
data-speed="1000"
data-start="7000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 3; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-03-02.png" alt="">
</div>
<!-- layer 5 -->
<div class="tp-caption lft ltb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="0"
data-speed="1000"
data-start="6000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 3; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-03-04.png" alt="">
</div>
<!-- layer 6 -->
<div class="tp-caption lfb ltt"
data-x="center" data-hoffset="628"
data-y="center" data-voffset="0"
data-speed="1000"
data-start="5000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 3; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-03-06.png" alt="">
</div>
<!-- layer 7 -->
<div class="tp-caption light_medium_40_text lfb ltt"
data-x="center" data-hoffset="-628"
data-y="center" data-voffset="400"
data-speed="1000"
data-start="8000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 700;">starter
</div>
<!-- layer 8 -->
<div class="tp-caption light_medium_40_text lft ltb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="400"
data-speed="1000"
data-start="8500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 700;">main dishes
</div>
<!-- layer 9 -->
<div class="tp-caption light_medium_40_text lfb ltt"
data-x="center" data-hoffset="628"
data-y="center" data-voffset="400"
data-speed="1000"
data-start="9000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 700; ">desserts
</div>
</li>
<!-- slide 4 -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="http://themezaa.com/html/h-code/images/intro-thumbnail-10.jpg" data-delay="18000" data-saveperformance="on" data-title="thank you">
<!-- main image -->
<img src="http://themezaa.com/html/h-code/images/intro-restaurant-04-01.jpg" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center" alt="">
<!-- layer 1 -->
<div class="tp-caption light_medium_45_text lft ltt"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-350"
data-speed="1000"
data-start="1500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 3; max-width: auto; max-height: auto; color: #c59d5f; text-transform: uppercase; font-weight: 700; letter-spacing: 10px;">starter
</div>
<!-- layer 2 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-300"
data-speed="600"
data-start="2000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; background-color: #c59d5f; height: 3px; "><div class="separator-line"></div>
</div>
<!-- layer 3 -->
<div class="tp-caption sfb stb"
data-x="200"
data-y="center" data-voffset="-100"
data-speed="600"
data-start="2500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-04-02.png" alt="">
</div>
<!-- layer 4 -->
<div class="tp-caption light_medium_20_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="-135"
data-speed="1000"
data-start="3000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 700">garlic bread
</div>
<!-- layer 5 -->
<div class="tp-caption light_regular_13_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="-80"
data-speed="1000"
data-start="3500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;">Lorem Ipsum is simply dummy text of the printing and typesetting<br>industry. Lorem Ipsum has been the industry's standard dummy text<br>ever since the 1500s,
</div>
<!-- layer 6 -->
<div class="tp-caption sfb stb"
data-x="right" data-hoffset="-100"
data-y="center" data-voffset="70"
data-speed="1000"
data-start="4000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn"
data-end="6000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-04-05.png" alt="">
</div>
<!-- layer 7 -->
<div class="tp-caption sfb stb"
data-x="200"
data-y="center" data-voffset="50"
data-speed="600"
data-start="7000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-04-03.png" alt="">
</div>
<!-- layer 8 -->
<div class="tp-caption light_medium_20_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="15"
data-speed="1000"
data-start="7500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 700">bbq chicken wings
</div>
<!-- layer 9 -->
<div class="tp-caption light_regular_13_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="70"
data-speed="1000"
data-start="8000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;">Lorem Ipsum is simply dummy text of the printing and typesetting<br>industry. Lorem Ipsum has been the industry's standard dummy text<br>ever since the 1500s,
</div>
<!-- layer 10 -->
<div class="tp-caption sfb stb"
data-x="right" data-hoffset="-100"
data-y="center" data-voffset="70"
data-speed="1000"
data-start="9000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn"
data-end="11000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-04-06.png" alt="">
</div>
<!-- layer 11 -->
<div class="tp-caption sfb stb"
data-x="200"
data-y="center" data-voffset="200"
data-speed="600"
data-start="12000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-04-04.png" alt="">
</div>
<!-- layer 12 -->
<div class="tp-caption light_medium_20_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="170"
data-speed="1000"
data-start="12500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 700">tomato soup
</div>
<!-- layer 13 -->
<div class="tp-caption light_regular_13_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="220"
data-speed="1000"
data-start="13000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;">Lorem Ipsum is simply dummy text of the printing and typesetting<br>industry. Lorem Ipsum has been the industry's standard dummy text<br>ever since the 1500s,
</div>
<!-- layer 14 -->
<div class="tp-caption sfb stb"
data-x="right" data-hoffset="-100"
data-y="center" data-voffset="70"
data-speed="1000"
data-start="14000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-04-07.png" alt="">
</div>
</li>
<!-- slide 5 -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="http://themezaa.com/html/h-code/images/intro-thumbnail-10.jpg" data-delay="18000" data-saveperformance="on" data-title="thank you">
<!-- main image -->
<img src="http://themezaa.com/html/h-code/images/intro-restaurant-04-01.jpg" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center" alt="">
<!-- layer 1 -->
<div class="tp-caption light_medium_45_text lft ltt"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-350"
data-speed="1000"
data-start="1500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 3; max-width: auto; max-height: auto; color: #c59d5f; text-transform: uppercase; font-weight: 700; letter-spacing: 10px;">main dishes
</div>
<!-- layer 2 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-300"
data-speed="600"
data-start="2000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; background-color: #c59d5f; height: 3px; "><div class="separator-line"></div>
</div>
<!-- layer 3 -->
<div class="tp-caption sfb stb"
data-x="200"
data-y="center" data-voffset="-100"
data-speed="600"
data-start="2500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-05-01.png" alt="">
</div>
<!-- layer 4 -->
<div class="tp-caption light_medium_20_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="-135"
data-speed="1000"
data-start="3000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 700">chicken tikka masala
</div>
<!-- layer 5 -->
<div class="tp-caption light_regular_13_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="-80"
data-speed="1000"
data-start="3500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;">Lorem Ipsum is simply dummy text of the printing and typesetting<br>industry. Lorem Ipsum has been the industry's standard dummy text<br>ever since the 1500s,
</div>
<!-- layer 6 -->
<div class="tp-caption sfb stb"
data-x="right" data-hoffset="-100"
data-y="center" data-voffset="70"
data-speed="1000"
data-start="4000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn"
data-end="6000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-05-06.png" alt="">
</div>
<!-- layer 7 -->
<div class="tp-caption sfb stb"
data-x="200"
data-y="center" data-voffset="50"
data-speed="600"
data-start="7000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-05-02.png" alt="">
</div>
<!-- layer 8 -->
<div class="tp-caption light_medium_20_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="15"
data-speed="1000"
data-start="7500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 700">baby back ribs
</div>
<!-- layer 9 -->
<div class="tp-caption light_regular_13_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="70"
data-speed="1000"
data-start="8000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;">Lorem Ipsum is simply dummy text of the printing and typesetting<br>industry. Lorem Ipsum has been the industry's standard dummy text<br>ever since the 1500s,
</div>
<!-- layer 10 -->
<div class="tp-caption sfb stb"
data-x="right" data-hoffset="-100"
data-y="center" data-voffset="70"
data-speed="1000"
data-start="9000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn"
data-end="11000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-05-05.png" alt="">
</div>
<!-- layer 11 -->
<div class="tp-caption sfb stb"
data-x="200"
data-y="center" data-voffset="200"
data-speed="600"
data-start="12000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-05-03.png" alt="">
</div>
<!-- layer 12 -->
<div class="tp-caption light_medium_20_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="170"
data-speed="1000"
data-start="12500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 700">meat feast pizza
</div>
<!-- layer 13 -->
<div class="tp-caption light_regular_13_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="220"
data-speed="1000"
data-start="13000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;">Lorem Ipsum is simply dummy text of the printing and typesetting<br>industry. Lorem Ipsum has been the industry's standard dummy text<br>ever since the 1500s,
</div>
<!-- layer 14 -->
<div class="tp-caption sfb stb"
data-x="right" data-hoffset="-100"
data-y="center" data-voffset="70"
data-speed="1000"
data-start="14000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-05-04.png" alt="">
</div>
</li>
<!-- slide 6 -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="http://themezaa.com/html/h-code/images/intro-thumbnail-10.jpg" data-delay="18000" data-saveperformance="on" data-title="thank you">
<!-- main image -->
<img src="http://themezaa.com/html/h-code/images/intro-restaurant-04-01.jpg" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center" alt="">
<!-- layer 1 -->
<div class="tp-caption light_medium_45_text lft ltt"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-350"
data-speed="1000"
data-start="1500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endspeed="1000"
style="z-index: 3; max-width: auto; max-height: auto; color: #c59d5f; text-transform: uppercase; font-weight: 700; letter-spacing: 10px;">desserts
</div>
<!-- layer 2 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-300"
data-speed="600"
data-start="2000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; background-color: #c59d5f; height: 3px; "><div class="separator-line"></div>
</div>
<!-- layer 3 -->
<div class="tp-caption sfb stb"
data-x="200"
data-y="center" data-voffset="-100"
data-speed="600"
data-start="2500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-06-01.png" alt="">
</div>
<!-- layer 4 -->
<div class="tp-caption light_medium_20_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="-135"
data-speed="1000"
data-start="3000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 700">cappuccino
</div>
<!-- layer 5 -->
<div class="tp-caption light_regular_13_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="-80"
data-speed="1000"
data-start="3500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;">Lorem Ipsum is simply dummy text of the printing and typesetting<br>industry. Lorem Ipsum has been the industry's standard dummy text<br>ever since the 1500s,
</div>
<!-- layer 6 -->
<div class="tp-caption sfb stb"
data-x="right" data-hoffset="-100"
data-y="center" data-voffset="70"
data-speed="1000"
data-start="4000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn"
data-end="6000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-06-04.png" alt="">
</div>
<!-- layer 7 -->
<div class="tp-caption sfb stb"
data-x="200"
data-y="center" data-voffset="50"
data-speed="600"
data-start="7000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-06-02.png" alt="">
</div>
<!-- layer 8 -->
<div class="tp-caption light_medium_20_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="15"
data-speed="1000"
data-start="7500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 700">chocolate fudge cake
</div>
<!-- layer 9 -->
<div class="tp-caption light_regular_13_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="70"
data-speed="1000"
data-start="8000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;">Lorem Ipsum is simply dummy text of the printing and typesetting<br>industry. Lorem Ipsum has been the industry's standard dummy text<br>ever since the 1500s,
</div>
<!-- layer 10 -->
<div class="tp-caption sfb stb"
data-x="right" data-hoffset="-100"
data-y="center" data-voffset="70"
data-speed="1000"
data-start="9000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn"
data-end="11000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-06-05.png" alt="">
</div>
<!-- layer 11 -->
<div class="tp-caption sfb stb"
data-x="200"
data-y="center" data-voffset="200"
data-speed="600"
data-start="12000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-06-03.png" alt="">
</div>
<!-- layer 12 -->
<div class="tp-caption light_medium_20_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="170"
data-speed="1000"
data-start="12500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 700">chocolate gateau
</div>
<!-- layer 13 -->
<div class="tp-caption light_regular_13_black_text sfb stb"
data-x="330"
data-y="center" data-voffset="220"
data-speed="1000"
data-start="13000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;">Lorem Ipsum is simply dummy text of the printing and typesetting<br>industry. Lorem Ipsum has been the industry's standard dummy text<br>ever since the 1500s,
</div>
<!-- layer 14 -->
<div class="tp-caption sfb stb"
data-x="right" data-hoffset="-100"
data-y="center" data-voffset="70"
data-speed="1000"
data-start="14000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-06-06.png" alt="">
</div>
</li>
<!-- slide 7 -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="http://themezaa.com/html/h-code/images/intro-thumbnail-10.jpg" data-delay="9000" data-saveperformance="on" data-title="thank you">
<!-- main image -->
<img src="http://themezaa.com/html/h-code/images/intro-restaurant-07-01.jpg" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center" alt="">
<!-- layer 1 -->
<div class="tp-caption fashion_text_120 sfb stb "
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-350"
data-speed="1000"
data-start="1500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; text-align: center; color: #c59d5f;">Discover
</div>
<!-- layer 2 -->
<div class="tp-caption extra_Bold_medium_70_black_text sfb stb "
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-270"
data-speed="1000"
data-start="2000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; text-align: center; letter-spacing: 10px; color: #ffffff;">Our Services
</div>
<!-- layer 3 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-200"
data-speed="600"
data-start="2500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto; background-color: #c59d5f; height: 3px;"><div class="separator-line"></div>
</div>
<!-- layer 4 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="-500"
data-y="center" data-voffset="-50"
data-speed="600"
data-start="3500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-07-02.png" alt="">
</div>
<!-- layer 5 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="-250"
data-y="center" data-voffset="-50"
data-speed="600"
data-start="4000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-07-03.png" alt="">
</div>
<!-- layer 6 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-50"
data-speed="600"
data-start="4500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-07-04.png" alt="">
</div>
<!-- layer 7 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="250"
data-y="center" data-voffset="-50"
data-speed="600"
data-start="5000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-07-05.png" alt="">
</div>
<!-- layer 8 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="500"
data-y="center" data-voffset="-50"
data-speed="600"
data-start="5500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-07-06.png" alt="">
</div>
<!-- layer 9 -->
<div class="tp-caption regular_small_text_18 sfb stb"
data-x="center" data-hoffset="-500"
data-y="center" data-voffset="20"
data-speed="600"
data-start="8000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto; text-transform: uppercase;">broiled fish
</div>
<!-- layer 10 -->
<div class="tp-caption regular_small_text_18 sfb stb"
data-x="center" data-hoffset="-250"
data-y="center" data-voffset="20"
data-speed="600"
data-start="7500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto; text-transform: uppercase;">wedding cake
</div>
<!-- layer 11 -->
<div class="tp-caption regular_small_text_18 sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="20"
data-speed="600"
data-start="7000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto; text-transform: uppercase;">lunch special
</div>
<!-- layer 12 -->
<div class="tp-caption regular_small_text_18 sfb stb"
data-x="center" data-hoffset="250"
data-y="center" data-voffset="20"
data-speed="600"
data-start="6500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto; text-transform: uppercase;">cappuccino
</div>
<!-- layer 13 -->
<div class="tp-caption regular_small_text_18 sfb stb"
data-x="center" data-hoffset="500"
data-y="center" data-voffset="20"
data-speed="600"
data-start="6000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto; text-transform: uppercase;">wine tasting
</div>
</li>
<!-- slide 8 -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="http://themezaa.com/html/h-code/images/intro-thumbnail-10.jpg" data-delay="13000" data-saveperformance="on" data-title="thank you">
<!-- main image -->
<img src="http://themezaa.com/html/h-code/images/intro-restaurant-08-01.jpg" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center" alt="">
<!-- layer 1 -->
<div class="tp-caption fashion_text_120 sfb stb "
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-350"
data-speed="1000"
data-start="1500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; text-align: center; color: #c59d5f;">Our Spicy
</div>
<!-- layer 2 -->
<div class="tp-caption extra_Bold_medium_70_black_text sfb stb "
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-270"
data-speed="1000"
data-start="2000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; text-align: center; letter-spacing: 10px; color: #ffffff;">chefs team
</div>
<!-- layer 3 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-200"
data-speed="600"
data-start="2500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto; background-color: #c59d5f; height: 3px;"><div class="separator-line"></div>
</div>
<!-- layer 4 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="-430"
data-y="center" data-voffset="140"
data-speed="600"
data-start="3000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-08-05.png" alt="">
</div>
<!-- layer 5 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="-430"
data-y="center" data-voffset="34"
data-speed="600"
data-start="3500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-08-02.jpg" alt="">
</div>
<!-- layer 6 -->
<div class="tp-caption regular_medium_20 sfb stb"
data-x="center" data-hoffset="-430"
data-y="center" data-voffset="230"
data-speed="1000"
data-start="4000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 600; text-transform: uppercase;">john doggett
</div>
<!-- layer 7 -->
<div class="tp-caption light_regular_13_white_text sfb stb"
data-x="center" data-hoffset="-430"
data-y="center" data-voffset="255"
data-speed="1000"
data-start="4500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 600;text-transform: uppercase;">Head Chef
</div>
<!-- layer 8 -->
<div class="tp-caption light_regular_13_white_text sfb stb"
data-x="center" data-hoffset="-430"
data-y="center" data-voffset="340"
data-speed="1000"
data-start="5000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 400; text-align: center; letter-spacing: 2px;">It is a long established fact that a reader<br>will be distracted by the readable<br>content of a page when looking at its<br>layout. The point of using Lorem Ipsum<br>is that it has a more-or-less normal<br>distribution of letters
</div>
<!-- layer 9 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="140"
data-speed="1000"
data-start="5500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-08-05.png" alt="">
</div>
<!-- layer 10 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="34"
data-speed="1000"
data-start="6000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-08-03.jpg" alt="">
</div>
<!-- layer 11 -->
<div class="tp-caption regular_medium_20 sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="230"
data-speed="1000"
data-start="6500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 600; text-transform: uppercase;">jeffrey spender
</div>
<!-- layer 12 -->
<div class="tp-caption light_regular_13_white_text sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="255"
data-speed="1000"
data-start="7000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 600;text-transform: uppercase;">Head Barman
</div>
<!-- layer 13 -->
<div class="tp-caption light_regular_13_white_text sfb stb"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="340"
data-speed="1000"
data-start="7500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 400; text-align: center; letter-spacing: 2px;">It is a long established fact that a reader<br>will be distracted by the readable<br>content of a page when looking at its<br>layout. The point of using Lorem Ipsum<br>is that it has a more-or-less normal<br>distribution of letters
</div>
<!-- layer 14 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="430"
data-y="center" data-voffset="140"
data-speed="1000"
data-start="8000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-08-05.png" alt="">
</div>
<!-- layer 15 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="430"
data-y="center" data-voffset="34"
data-speed="1000"
data-start="8500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-08-04.jpg" alt="">
</div>
<!-- layer 16 -->
<div class="tp-caption regular_medium_20 sfb stb"
data-x="center" data-hoffset="430"
data-y="center" data-voffset="230"
data-speed="1000"
data-start="9000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 600; text-transform: uppercase;">monica reyes
</div>
<!-- layer 17 -->
<div class="tp-caption light_regular_13_white_text sfb stb"
data-x="center" data-hoffset="430"
data-y="center" data-voffset="255"
data-speed="1000"
data-start="9500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 600;text-transform: uppercase;">Waitress
</div>
<!-- layer 18 -->
<div class="tp-caption light_regular_13_white_text sfb stb"
data-x="center" data-hoffset="430"
data-y="center" data-voffset="340"
data-speed="1000"
data-start="10000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
style="z-index: 4; max-width: auto; max-height: auto; font-weight: 400; text-align: center; letter-spacing: 2px;">It is a long established fact that a reader<br>will be distracted by the readable<br>content of a page when looking at its<br>layout. The point of using Lorem Ipsum<br>is that it has a more-or-less normal<br>distribution of letters
</div>
</li>
<!-- slide 9 -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="500" data-thumb="http://themezaa.com/html/h-code/images/intro-thumbnail-10.jpg" data-delay="5000" data-saveperformance="on" data-title="thank you">
<!-- main image -->
<img src="http://themezaa.com/html/h-code/images/intro-restaurant-09-01.jpg" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center" alt="">
<!-- layer 1 -->
<div class="tp-caption sfb stb"
data-x="right" data-hoffset="30"
data-y="center" data-voffset="250"
data-speed="1000"
data-start="1500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 4; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-09-02.png" alt="">
</div>
<!-- layer 2 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="50"
data-y="center" data-voffset="-155"
data-speed="1000"
data-start="2000"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 3; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-09-03.png" alt="">
</div>
<!-- layer 3 -->
<div class="tp-caption sfb stb"
data-x="center" data-hoffset="50"
data-y="center" data-voffset="-155"
data-speed="1000"
data-start="2500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="600"
style="z-index: 3; max-width: auto; max-height: auto;"><img src="http://themezaa.com/html/h-code/images/intro-restaurant-09-04.png" alt="">
</div>
</li>
</ul>
<div class="tp-bannertimer"></div>
</div>
</div>
<!-- javascript libraries / javascript files set #1 -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/modernizr.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap-hover-dropdown.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript" src="js/smooth-scroll.js"></script>
<!-- jquery appear -->
<script type="text/javascript" src="js/jquery.appear.js"></script>
<!-- animation -->
<script type="text/javascript" src="js/wow.min.js"></script>
<!-- page scroll -->
<script type="text/javascript" src="js/page-scroll.js"></script>
<!-- easy piechart-->
<script type="text/javascript" src="js/jquery.easypiechart.js"></script>
<!-- parallax -->
<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
<!--portfolio with shorting tab -->
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<!-- owl slider -->
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<!-- magnific popup -->
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/popup-gallery.js"></script>
<!-- text effect -->
<script type="text/javascript" src="js/text-effect.js"></script>
<!-- revolution slider -->
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/jquery.revolution.js"></script>
<!-- counter -->
<script type="text/javascript" src="js/counter.js"></script>
<!-- countTo -->
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<!-- fit videos -->
<script type="text/javascript" src="js/jquery.fitvids.js"></script>
<!-- imagesloaded -->
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<!-- hamburger menu-->
<script type="text/javascript" src="js/classie.js"></script>
<script type="text/javascript" src="js/hamburger-menu.js"></script>
<!-- setting -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>