API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 10th, 2017
396
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 226.50 KB | None | 0 0
raw download clone embed print report
  1. http://lesmenusplaisirs.syrs.com/unify/one-pages/restaurant/index.html#about
  2. -------
  3. <html lang="en"><head><style type="text/css">.gm-style .gm-style-mtc label,.gm-style .gm-style-mtc div{font-weight:400}
  4. </style><link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"><style type="text/css">.gm-style .gm-style-cc span,.gm-style .gm-style-cc a,.gm-style .gm-style-mtc div{font-size:10px}
  5. </style><style type="text/css">@media print { .gm-style .gmnoprint, .gmnoprint { display:none }}@media screen { .gm-style .gmnoscreen, .gmnoscreen { display:none }}</style><style type="text/css">.gm-style-pbc{transition:opacity ease-in-out;background-color:rgba(0,0,0,0.45);text-align:center}.gm-style-pbt{font-size:22px;color:white;font-family:Roboto,Arial,sans-serif;position:relative;margin:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
  6. </style>
  7. <!-- Title -->
  8. <title>Restaurant | Unify - Responsive Website Template</title>
  9.  
  10. <!-- Required Meta Tags Always Come First -->
  11. <meta charset="utf-8">
  12. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  13. <meta http-equiv="x-ua-compatible" content="ie=edge">
  14.  
  15. <!-- Favicon -->
  16. <link rel="shortcut icon" href="../../favicon.ico">
  17.  
  18. <!-- Google Fonts -->
  19. <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Montserrat%3A300%2C400%2C500%2C600%2C700%2C900%7COpen+Sans%3A300%2C400%2C500%2C600%2C700%2C800%7CPlayfair+Display%7CRoboto%7CRaleway%7CSpectral%7CRubik">
  20.  
  21. <!-- CSS Global Compulsory -->
  22. <link rel="stylesheet" href="../../assets/vendor/bootstrap/bootstrap.min.css">
  23.  
  24. <!-- CSS Implementing Plugins -->
  25. <link rel="stylesheet" href="../../assets/vendor/icon-awesome/css/font-awesome.min.css">
  26. <link rel="stylesheet" href="../../assets/vendor/icon-line/css/simple-line-icons.css">
  27. <link rel="stylesheet" href="../../assets/vendor/icon-hs/style.css">
  28. <link rel="stylesheet" href="../../assets/vendor/icon-line-pro/style.css">
  29. <link rel="stylesheet" href="../../assets/vendor/hamburgers/hamburgers.min.css">
  30. <link rel="stylesheet" href="../../assets/vendor/animate.css">
  31. <link rel="stylesheet" href="../../assets/vendor/master-slider/source/assets/css/masterslider.main.css">
  32. <link rel="stylesheet" href="../../assets/vendor/cubeportfolio-full/cubeportfolio/css/cubeportfolio.min.css">
  33. <link rel="stylesheet" href="../../assets/vendor/slick-carousel/slick/slick.css">
  34.  
  35. <!-- CSS Template -->
  36. <link rel="stylesheet" href="assets/css/styles.op-restaurant.css">
  37.  
  38. <!-- CSS Customization -->
  39. <link rel="stylesheet" href="../../assets/css/custom.css">
  40. <script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/31/1/common.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/31/1/map.js"></script><style type="text/css">.gm-style {
  41. font: 400 11px Roboto, Arial, sans-serif;
  42. text-decoration: none;
  43. }
  44. .gm-style img { max-width: none; }</style><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/31/1/util.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/31/1/onion.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/31/1/controls.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/31/1/marker.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/31/1/stats.js"></script></head>
  45.  
  46. <body class="g-overflow-x-hidden" style="">
  47. <main class="g-pt-105" style="position: relative;">
  48. <!-- Header v1 -->
  49. <header id="js-header" class="u-header u-header--sticky-top u-header--change-appearance g-z-index-9999" data-header-fix-moment="100">
  50. <div class="u-header__section g-bg-white g-transition-0_3 u-shadow-v27 g-py-6 js-header-change-moment" data-header-fix-moment-exclude="g-py-16" data-header-fix-moment-classes="u-shadow-v27 g-py-6">
  51. <nav class="navbar navbar-expand-lg g-py-0">
  52. <div class="container g-pos-rel">
  53. <!-- Logo -->
  54. <a href="#!" class="js-go-to navbar-brand u-header__logo animated u-animation-was-fired undefined" data-type="static" style="display: inline-block; position: static;">
  55. <img class="u-header__logo-img u-header__logo-img--main g-width-140" src="assets/img/logo.png" alt="Image description">
  56. </a>
  57. <!-- End Logo -->
  58.  
  59. <!-- Navigation -->
  60. <div class="collapse navbar-collapse align-items-center flex-sm-row" id="navBar">
  61. <ul id="js-scroll-nav" class="navbar-nav text-uppercase g-font-weight-700 g-font-size-12 g-pt-20 g-pt-0--lg ml-auto">
  62. <li class="nav-item g-mr-10--lg g-mb-7 g-mb-0--lg">
  63. <a href="#masterslider" class="nav-link p-0">Home <span class="sr-only">(current)</span></a>
  64. </li>
  65. <li class="nav-item g-mx-10--lg g-mb-7 g-mb-0--lg active">
  66. <a href="#about" class="nav-link p-0">About</a>
  67. </li>
  68. <li class="nav-item g-mx-10--lg g-mb-7 g-mb-0--lg">
  69. <a href="#menu" class="nav-link p-0">Menu</a>
  70. </li>
  71. <li class="nav-item g-mx-10--lg g-mb-7 g-mb-0--lg">
  72. <a href="#special" class="nav-link p-0">Special</a>
  73. </li>
  74. <li class="nav-item g-mx-10--lg g-mb-7 g-mb-0--lg">
  75. <a href="#ourFood" class="nav-link p-0">Our food</a>
  76. </li>
  77. <li class="nav-item g-mx-10--lg g-mb-7 g-mb-0--lg">
  78. <a href="#services" class="nav-link p-0">Services</a>
  79. </li>
  80. <li class="nav-item g-mx-10--lg g-mb-7 g-mb-0--lg">
  81. <a href="#gallery" class="nav-link p-0">Gallery</a>
  82. </li>
  83. <li class="nav-item g-mx-10--lg g-mb-7 g-mb-0--lg">
  84. <a href="#ourTeem" class="nav-link p-0">Our teem</a>
  85. </li>
  86. <li class="nav-item g-mx-10--lg g-mb-7 g-mb-0--lg">
  87. <a href="#bookingForm" class="nav-link p-0">Booking form</a>
  88. </li>
  89. <li class="nav-item g-ml-10--lg">
  90. <a href="#contact" class="nav-link p-0">Contact</a>
  91. </li>
  92. </ul>
  93. </div>
  94. <!-- End Navigation -->
  95.  
  96. <!-- Responsive Toggle Button -->
  97. <button class="navbar-toggler btn g-line-height-1 g-brd-none g-pa-0 g-pos-abs g-top-30 g-right-0" type="button" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navBar" data-toggle="collapse" data-target="#navBar">
  98. <span class="hamburger hamburger--slider">
  99. <span class="hamburger-box">
  100. <span class="hamburger-inner"></span>
  101. </span>
  102. </span>
  103. </button>
  104. <!-- End Responsive Toggle Button -->
  105. </div>
  106. </nav>
  107. </div>
  108. </header>
  109. <!-- End Header v1 -->
  110.  
  111. <!-- Main Slider -->
  112. <div class="master-slider ms-wk" id="masterslider" style="visibility: visible; opacity: 1; margin: 0px; height: 752px; width: 1065px;"><div class="ms-container"><div class="ms-inner-controls-cont" style="max-width: 1400px;"><div class="ms-view ms-basic-view ms-grab-cursor" style="width: 1065px; height: 752px; left: 0px;"><div class="ms-slide-container" style="transform: translateX(-1065px) translateZ(0px);"><div class="ms-slide" style="width: 1065px; height: 752px; left: 0px;">
  113.  
  114.  
  115.  
  116.  
  117.  
  118. <div class="ms-slide-bgcont" style="height: 100%; opacity: 1;"><img src="assets/img-temp/1200x800/img4.jpg" alt="Image description" style="height: 752px; width: 1128px; margin-top: 0px; margin-left: -31.5px;"></div><div class="ms-lightbox-btn"></div><div class="ms-slide-layers" style="left: 0px; max-width: 1400px;"><div class="ms-anim-layers"><div class="ms-layer text-center g-pos-rel" style="visibility: hidden; display: none; top: 15px; left: -100px;">
  119. <i class="icon-food-228 g-font-size-60 g-color-white-opacity-0_7 g-mb-10"></i>
  120. <h2 class="text-uppercase g-line-height-1_2 g-font-weight-700 g-font-size-30 g-font-size-56--md g-color-white g-mb-10 g-mb-15--md">Desserts</h2>
  121. <p class="text-uppercase g-line-height-1 g-font-weight-700 g-font-size-default g-font-size-20--md g-color-white g-mb-40 g-mb-50--md">Sweet love</p>
  122. <img class="g-width-130 g-height-130 g-brd-around g-brd-10 g-brd-white g-rounded-50x mx-auto g-mb-20 g-mb-25--md" src="assets/img-temp/500x500/img4.jpg" alt="Image description">
  123. <p class="text-uppercase g-line-height-1 g-font-weight-700 g-font-size-default g-font-size-20--md g-color-white g-mb-10 g-mb-15--md">Fruity caramel</p>
  124. <p class="g-line-height-1_1 g-font-weight-100 g-font-size-default g-color-white g-mb-10 g-mb-20--md">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in.</p>
  125. <p class="text-uppercase g-font-weight-700 g-font-size-16 g-color-primary mb-0">$2.50</p>
  126. </div></div></div></div><div class="ms-slide ms-sl-selected" style="width: 1065px; height: 752px; left: 1065px;">
  127.  
  128.  
  129.  
  130.  
  131.  
  132. <div class="ms-slide-bgcont" style="height: 100%; opacity: 1;"><img src="assets/img-temp/1200x800/img1.jpg" alt="Image description" style="height: 752px; width: 1128px; margin-top: 0px; margin-left: -31.5px;"></div><div class="ms-lightbox-btn"></div><div class="ms-slide-layers" style="left: 0px; max-width: 1400px;"><div class="ms-anim-layers" style=""><div class="ms-layer text-center g-pos-rel ms-hover-active" style="top: 149.5px; left: -113.571px; margin: 0px; padding: 0px; font-size: 9.88929px; line-height: 15.2143px;">
  133. <i class="icon-food-026 g-font-size-60 g-color-white-opacity-0_7 g-mb-10"></i>
  134. <h2 class="text-uppercase g-line-height-1_2 g-font-weight-700 g-font-size-30 g-font-size-56--md g-color-white g-mb-10 g-mb-15--md">Meat dishes</h2>
  135. <p class="text-uppercase g-line-height-1 g-font-weight-700 g-font-size-default g-font-size-20--md g-color-white g-mb-40 g-mb-50--md">Only fresh meat</p>
  136. <img class="g-width-130 g-height-130 g-brd-around g-brd-10 g-brd-white g-rounded-50x mx-auto g-mb-20 g-mb-25--md" src="assets/img-temp/500x500/img1.jpg" alt="Image description">
  137. <p class="text-uppercase g-line-height-1 g-font-weight-700 g-font-size-default g-font-size-20--md g-color-white g-mb-10 g-mb-15--md">Juicy steak with special sauce</p>
  138. <p class="g-line-height-1_1 g-font-weight-100 g-font-size-default g-color-white g-mb-10 g-mb-20--md">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in.</p>
  139. <p class="text-uppercase g-font-weight-700 g-font-size-16 g-color-primary mb-0">$9.00</p>
  140. </div></div></div></div><div class="ms-slide" style="width: 1065px; height: 752px; left: 2130px;">
  141.  
  142.  
  143.  
  144.  
  145.  
  146. <div class="ms-slide-bgcont" style="height: 100%; opacity: 1;"><img src="assets/img-temp/1200x800/img2.jpg" alt="Image description" style="height: 752px; width: 1128px; margin-top: 0px; margin-left: -31.5px;"></div><div class="ms-lightbox-btn"></div><div class="ms-slide-layers" style="left: 0px; max-width: 1400px;"><div class="ms-anim-layers"><div class="ms-layer text-center g-pos-rel" style="visibility: hidden; display: none; top: 15px; left: -100px;">
  147. <i class="icon-food-119 g-font-size-60 g-color-white-opacity-0_7 g-mb-10"></i>
  148. <h2 class="text-uppercase g-line-height-1_2 g-font-weight-700 g-font-size-30 g-font-size-56--md g-color-white g-mb-10 g-mb-15--md">Fish dishes</h2>
  149. <p class="text-uppercase g-line-height-1 g-font-weight-700 g-font-size-default g-font-size-20--md g-color-white g-mb-40 g-mb-50--md">Fresh from the ocean</p>
  150. <img class="g-width-130 g-height-130 g-brd-around g-brd-10 g-brd-white g-rounded-50x mx-auto g-mb-20 g-mb-25--md" src="assets/img-temp/500x500/img2.jpg" alt="Image description">
  151. <p class="text-uppercase g-line-height-1 g-font-weight-700 g-font-size-default g-font-size-20--md g-color-white g-mb-10 g-mb-15--md">Sushi rolls</p>
  152. <p class="g-line-height-1_1 g-font-weight-100 g-font-size-default g-color-white g-mb-10 g-mb-20--md">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in.</p>
  153. <p class="text-uppercase g-font-weight-700 g-font-size-16 g-color-primary mb-0">$10.00</p>
  154. </div></div></div></div><div class="ms-slide" style="width: 1065px; height: 752px; left: 3195px;">
  155.  
  156.  
  157.  
  158.  
  159.  
  160. <div class="ms-slide-bgcont" style="height: 100%; opacity: 1;"><img src="assets/img-temp/1200x800/img3.jpg" alt="Image description" style="height: 752px; width: 1128px; margin-top: 0px; margin-left: -31.5px;"></div><div class="ms-lightbox-btn"></div><div class="ms-slide-layers" style="left: 0px; max-width: 1400px;"><div class="ms-anim-layers"><div class="ms-layer text-center g-pos-rel" style="visibility: hidden; display: none; top: 15px; left: -100px;">
  161. <i class="icon-food-187 g-font-size-60 g-color-white-opacity-0_7 g-mb-10"></i>
  162. <h2 class="text-uppercase g-line-height-1_2 g-font-weight-700 g-font-size-30 g-font-size-56--md g-color-white g-mb-10 g-mb-15--md">Dishes for vegans</h2>
  163. <p class="text-uppercase g-line-height-1 g-font-weight-700 g-font-size-default g-font-size-20--md g-color-white g-mb-40 g-mb-50--md">Green nature</p>
  164. <img class="g-width-130 g-height-130 g-brd-around g-brd-10 g-brd-white g-rounded-50x mx-auto g-mb-20 g-mb-25--md" src="assets/img-temp/500x500/img3.jpg" alt="Image description">
  165. <p class="text-uppercase g-line-height-1 g-font-weight-700 g-font-size-default g-font-size-20--md g-color-white g-mb-10 g-mb-15--md">Special Vegan tomato soup</p>
  166. <p class="g-line-height-1_1 g-font-weight-100 g-font-size-default g-color-white g-mb-10 g-mb-20--md">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in.</p>
  167. <p class="text-uppercase g-font-weight-700 g-font-size-16 g-color-primary mb-0">$7.39</p>
  168. </div></div></div></div></div></div><div class="ms-lightbox-btn"></div></div></div>
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176. <div class="ms-thumb-list ms-tabs ms-dir-h ms-align-top" style="top: 0px; height: 50px;"><div class="ms-thumbs-cont" style="width: 1064px; left: 0.5px;"><div class="ms-thumb-frame ms-thumb-frame-selected" style="width: 550px; height: 50px; margin-right: 0px;"><div class="ms-thumb">Meat Dishes</div><div class="ms-thumb-ol"></div></div><div class="ms-thumb-frame" style="width: 550px; height: 50px; margin-right: 0px;"><div class="ms-thumb">Fish Dishes</div><div class="ms-thumb-ol"></div></div><div class="ms-thumb-frame" style="width: 550px; height: 50px; margin-right: 0px;"><div class="ms-thumb">Dishes for vegans</div><div class="ms-thumb-ol"></div></div><div class="ms-thumb-frame" style="width: 550px; height: 50px; margin-right: 0px;"><div class="ms-thumb">Desserts</div><div class="ms-thumb-ol"></div></div></div></div></div>
  177. <!-- End Main Slider -->
  178.  
  179. <!-- Section Content -->
  180. <section id="about">
  181. <div class="container-fluid px-0">
  182. <div class="row no-gutters">
  183. <div class="col-lg-6 g-flex-centered g-bg-primary g-pa-40">
  184. <div class="text-center">
  185. <div class="text-uppercase text-center u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
  186. <h4 class="g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">About us</h4>
  187. <h2 class="u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-32 g-font-size-40--md g-color-white g-bg-white--before g-pb-40">We are the best</h2>
  188. </div>
  189.  
  190. <p class="g-color-white-opacity-0_7 g-mb-15">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante. Nunc ullamcorper, justo a iaculis elementum, enim orci viverra eros, fringilla porttitor lorem eros vel.</p>
  191. <p class="g-color-white-opacity-0_7 mb-0">Fringilla lorem, vel faucibus ante. Nunc ullamcorper, justo a iaculis elementum, enim orci viverra eros, fringilla porttitor lorem eros vel.</p>
  192. </div>
  193. </div>
  194.  
  195. <div class="col-lg-6">
  196. <!-- Carousel v20 -->
  197. <div class="js-carousel slick-initialized slick-slider" data-infinite="true" data-arrows-classes="u-arrow-v1 g-pos-abs g-left-0 g-absolute-centered--y g-width-60 g-height-60 g-color-primary g-bg-white g-opacity-1 g-opacity-0_8--hover g-transition-0_2 g-transition--ease-in" data-arrow-left-classes="fa fa-chevron-left g-ml-15" data-arrow-right-classes="fa fa-chevron-right g-ml-75"><div class="js-prev u-arrow-v1 g-pos-abs g-left-0 g-absolute-centered--y g-width-60 g-height-60 g-color-primary g-bg-white g-opacity-1 g-opacity-0_8--hover g-transition-0_2 g-transition--ease-in fa fa-chevron-left g-ml-15 slick-arrow" style="display: block;"></div>
  198. <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 2665px; transform: translate3d(-1066px, 0px, 0px);"><div class="js-slide g-bg-cover g-bg-black-opacity-0_3--after slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 533px;" tabindex="-1">
  199. <img class="w-100" src="assets/img-temp/1200x800/img2.jpg" alt="Image description">
  200. </div><div class="js-slide g-bg-cover g-bg-black-opacity-0_3--after slick-slide" data-slick-index="0" aria-hidden="true" style="width: 533px; height: auto;" tabindex="-1">
  201. <img class="w-100" src="assets/img-temp/1200x800/img1.jpg" alt="Image description">
  202. </div><div class="js-slide g-bg-cover g-bg-black-opacity-0_3--after slick-slide slick-current slick-active" data-slick-index="1" aria-hidden="false" style="width: 533px; height: auto;" tabindex="0">
  203. <img class="w-100" src="assets/img-temp/1200x800/img2.jpg" alt="Image description">
  204. </div><div class="js-slide g-bg-cover g-bg-black-opacity-0_3--after slick-slide slick-cloned" data-slick-index="2" aria-hidden="true" style="width: 533px;" tabindex="-1">
  205. <img class="w-100" src="assets/img-temp/1200x800/img1.jpg" alt="Image description">
  206. </div><div class="js-slide g-bg-cover g-bg-black-opacity-0_3--after slick-slide slick-cloned" data-slick-index="3" aria-hidden="true" style="width: 533px;" tabindex="-1">
  207. <img class="w-100" src="assets/img-temp/1200x800/img2.jpg" alt="Image description">
  208. </div></div></div>
  209.  
  210.  
  211. <div class="js-next u-arrow-v1 g-pos-abs g-left-0 g-absolute-centered--y g-width-60 g-height-60 g-color-primary g-bg-white g-opacity-1 g-opacity-0_8--hover g-transition-0_2 g-transition--ease-in fa fa-chevron-right g-ml-75 slick-arrow" style="display: block;"></div></div>
  212. <!-- End Carousel v20 -->
  213. </div>
  214. </div>
  215. </div><div class="container-fluid px-0">
  216. <div class="row no-gutters">
  217. <div class="col-lg-6">
  218. <!-- Carousel v20 -->
  219. <div class="js-carousel slick-initialized slick-slider" data-infinite="true" data-arrows-classes="u-arrow-v1 g-pos-abs g-left-0 g-absolute-centered--y g-width-60 g-height-60 g-color-primary g-bg-white g-opacity-1 g-opacity-0_8--hover g-transition-0_2 g-transition--ease-in" data-arrow-left-classes="fa fa-chevron-left g-ml-15" data-arrow-right-classes="fa fa-chevron-right g-ml-75"><div class="js-prev u-arrow-v1 g-pos-abs g-left-0 g-absolute-centered--y g-width-60 g-height-60 g-color-primary g-bg-white g-opacity-1 g-opacity-0_8--hover g-transition-0_2 g-transition--ease-in fa fa-chevron-left g-ml-15 slick-arrow" style="display: block;"></div>
  220. <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 2665px; transform: translate3d(-1066px, 0px, 0px);"><div class="js-slide g-bg-cover g-bg-black-opacity-0_3--after slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 533px;" tabindex="-1">
  221. <img class="w-100" src="assets/img-temp/1200x800/img2.jpg" alt="Image description">
  222. </div><div class="js-slide g-bg-cover g-bg-black-opacity-0_3--after slick-slide" data-slick-index="0" aria-hidden="true" style="width: 533px; height: auto;" tabindex="-1">
  223. <img class="w-100" src="assets/img-temp/1200x800/img1.jpg" alt="Image description">
  224. </div><div class="js-slide g-bg-cover g-bg-black-opacity-0_3--after slick-slide slick-current slick-active" data-slick-index="1" aria-hidden="false" style="width: 533px; height: auto;" tabindex="0">
  225. <img class="w-100" src="assets/img-temp/1200x800/img2.jpg" alt="Image description">
  226. </div><div class="js-slide g-bg-cover g-bg-black-opacity-0_3--after slick-slide slick-cloned" data-slick-index="2" aria-hidden="true" style="width: 533px;" tabindex="-1">
  227. <img class="w-100" src="assets/img-temp/1200x800/img1.jpg" alt="Image description">
  228. </div><div class="js-slide g-bg-cover g-bg-black-opacity-0_3--after slick-slide slick-cloned" data-slick-index="3" aria-hidden="true" style="width: 533px;" tabindex="-1">
  229. <img class="w-100" src="assets/img-temp/1200x800/img2.jpg" alt="Image description">
  230. </div></div></div>
  231.  
  232.  
  233. <div class="js-next u-arrow-v1 g-pos-abs g-left-0 g-absolute-centered--y g-width-60 g-height-60 g-color-primary g-bg-white g-opacity-1 g-opacity-0_8--hover g-transition-0_2 g-transition--ease-in fa fa-chevron-right g-ml-75 slick-arrow" style="display: block;"></div></div>
  234. <!-- End Carousel v20 -->
  235. </div><div class="col-lg-6 g-flex-centered g-bg-primary g-pa-40">
  236. <div class="text-center">
  237. <div class="text-uppercase text-center u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
  238. <h4 class="g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">About us</h4>
  239. <h2 class="u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-32 g-font-size-40--md g-color-white g-bg-white--before g-pb-40">We are the best</h2>
  240. </div>
  241.  
  242. <p class="g-color-white-opacity-0_7 g-mb-15">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante. Nunc ullamcorper, justo a iaculis elementum, enim orci viverra eros, fringilla porttitor lorem eros vel.</p>
  243. <p class="g-color-white-opacity-0_7 mb-0">Fringilla lorem, vel faucibus ante. Nunc ullamcorper, justo a iaculis elementum, enim orci viverra eros, fringilla porttitor lorem eros vel.</p>
  244. </div>
  245. </div>
  246.  
  247.  
  248. </div>
  249. </div>
  250. </section>
  251. <!-- End Section Content -->
  252.  
  253. <!-- Section Content -->
  254. <section id="menu" class="g-py-100">
  255. <div class="container g-max-width-780 text-center g-mb-20 g-mb-60--md">
  256. <div class="text-center text-uppercase u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
  257. <h4 class="g-font-weight-700 g-font-size-12 g-color-primary g-mb-15">Our menu</h4>
  258. <h2 class="u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-32 g-font-size-40--md g-bg-primary--before g-pb-40">Taste this</h2>
  259. </div>
  260. </div>
  261.  
  262. <div class="container g-width-560">
  263. <!-- Nav tabs -->
  264. <ul class="nav justify-content-center text-uppercase u-nav-v5-3 u-nav-primary g-line-height-1_4 g-font-weight-700 g-font-size-default g-brd-bottom--md g-brd-gray-light-v4 g-mb-80--md" role="tablist" data-target="days" data-tabs-mobile-type="slide-up-down" data-btn-classes="btn btn-md btn-block text-uppercase g-font-weight-700 u-btn-outline-primary">
  265. <li class="nav-item g-mx-10--md">
  266. <a class="nav-link g-theme-color-gray-dark-v1 g-color-primary--hover g-pb-25--md active" data-toggle="tab" href="#breakfast" role="tab">Breakfast</a>
  267. </li>
  268. <li class="nav-item g-mx-10--md">
  269. <a class="nav-link g-theme-color-gray-dark-v1 g-color-primary--hover g-pb-25--md" data-toggle="tab" href="#lunch" role="tab">Lunch</a>
  270. </li>
  271. <li class="nav-item g-mx-10--md">
  272. <a class="nav-link g-theme-color-gray-dark-v1 g-color-primary--hover g-pb-25--md" data-toggle="tab" href="#dinner" role="tab">Dinner</a>
  273. </li>
  274. </ul>
  275. <!-- End Nav tabs -->
  276. </div>
  277.  
  278. <div class="container">
  279. <div id="days" class="tab-content g-pt-20">
  280. <div class="tab-pane fade show active" id="breakfast" role="tabpanel">
  281. <!-- Products Block -->
  282. <div class="row">
  283. <div class="col-md-6 g-mb-50">
  284. <!-- Article -->
  285. <article class="media">
  286. <!-- Article Image -->
  287. <a class="g-width-100" href="#!">
  288. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img5.jpg" alt="Image description">
  289. </a>
  290. <!-- End Article Image -->
  291.  
  292. <!-- Article Content -->
  293. <div class="media-body align-self-center g-pl-10">
  294. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  295. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  296.  
  297. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  298. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  299. </div>
  300. </div>
  301.  
  302. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  303. </div>
  304. <!-- End Article Content -->
  305. </article>
  306. <!-- End Article -->
  307. </div>
  308.  
  309. <div class="col-md-6 g-mb-50">
  310. <!-- Article -->
  311. <article class="media">
  312. <!-- Article Image -->
  313. <a class="g-width-100" href="#!">
  314. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img6.jpg" alt="Image description">
  315. </a>
  316. <!-- End Article Image -->
  317.  
  318. <!-- Article Content -->
  319. <div class="media-body align-self-center g-pl-10">
  320. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  321. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  322.  
  323. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  324. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  325. </div>
  326. </div>
  327.  
  328. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  329. </div>
  330. <!-- End Article Content -->
  331. </article>
  332. <!-- End Article -->
  333. </div>
  334. </div>
  335. <!-- End Products Block -->
  336.  
  337. <!-- Products Block -->
  338. <div class="row">
  339. <div class="col-md-6 g-mb-50">
  340. <!-- Article -->
  341. <article class="media">
  342. <!-- Article Image -->
  343. <a class="g-width-100" href="#!">
  344. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img7.jpg" alt="Image description">
  345. </a>
  346. <!-- End Article Image -->
  347.  
  348. <!-- Article Content -->
  349. <div class="media-body align-self-center g-pl-10">
  350. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  351. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  352.  
  353. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  354. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  355. </div>
  356. </div>
  357.  
  358. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  359. </div>
  360. <!-- End Article Content -->
  361. </article>
  362. <!-- End Article -->
  363. </div>
  364.  
  365. <div class="col-md-6 g-mb-50">
  366. <!-- Article -->
  367. <article class="media">
  368. <!-- Article Image -->
  369. <a class="g-width-100" href="#!">
  370. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img8.jpg" alt="Image description">
  371. </a>
  372. <!-- End Article Image -->
  373.  
  374. <!-- Article Content -->
  375. <div class="media-body align-self-center g-pl-10">
  376. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  377. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  378.  
  379. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  380. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  381. </div>
  382. </div>
  383.  
  384. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  385. </div>
  386. <!-- End Article Content -->
  387. </article>
  388. <!-- End Article -->
  389. </div>
  390. </div>
  391. <!-- End Products Block -->
  392.  
  393. <!-- Products Block -->
  394. <div class="row">
  395. <div class="col-md-6 g-mb-50">
  396. <!-- Article -->
  397. <article class="media">
  398. <!-- Article Image -->
  399. <a class="g-width-100" href="#!">
  400. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img9.jpg" alt="Image description">
  401. </a>
  402. <!-- End Article Image -->
  403.  
  404. <!-- Article Content -->
  405. <div class="media-body align-self-center g-pl-10">
  406. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  407. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  408.  
  409. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  410. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  411. </div>
  412. </div>
  413.  
  414. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  415. </div>
  416. <!-- End Article Content -->
  417. </article>
  418. <!-- End Article -->
  419. </div>
  420.  
  421. <div class="col-md-6 g-mb-50">
  422. <!-- Article -->
  423. <article class="media">
  424. <!-- Article Image -->
  425. <a class="g-width-100" href="#!">
  426. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img10.jpg" alt="Image description">
  427. </a>
  428. <!-- End Article Image -->
  429.  
  430. <!-- Article Content -->
  431. <div class="media-body align-self-center g-pl-10">
  432. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  433. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  434.  
  435. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  436. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  437. </div>
  438. </div>
  439.  
  440. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  441. </div>
  442. <!-- End Article Content -->
  443. </article>
  444. <!-- End Article -->
  445. </div>
  446. </div>
  447. <!-- End Products Block -->
  448.  
  449. <!-- Products Block -->
  450. <div class="row">
  451. <div class="col-md-6 g-mb-50">
  452. <!-- Article -->
  453. <article class="media">
  454. <!-- Article Image -->
  455. <a class="g-width-100" href="#!">
  456. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img11.jpg" alt="Image description">
  457. </a>
  458. <!-- End Article Image -->
  459.  
  460. <!-- Article Content -->
  461. <div class="media-body align-self-center g-pl-10">
  462. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  463. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  464.  
  465. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  466. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  467. </div>
  468. </div>
  469.  
  470. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  471. </div>
  472. <!-- End Article Content -->
  473. </article>
  474. <!-- End Article -->
  475. </div>
  476.  
  477. <div class="col-md-6">
  478. <!-- Article -->
  479. <article class="media">
  480. <!-- Article Image -->
  481. <a class="g-width-100" href="#!">
  482. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img12.jpg" alt="Image description">
  483. </a>
  484. <!-- End Article Image -->
  485.  
  486. <!-- Article Content -->
  487. <div class="media-body align-self-center g-pl-10">
  488. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  489. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  490.  
  491. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  492. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  493. </div>
  494. </div>
  495.  
  496. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  497. </div>
  498. <!-- End Article Content -->
  499. </article>
  500. <!-- End Article -->
  501. </div>
  502. </div>
  503. <!-- End Products Block -->
  504. </div>
  505.  
  506. <div class="tab-pane fade" id="lunch" role="tabpanel">
  507. <!-- Products Block -->
  508. <div class="row">
  509. <div class="col-md-6 g-mb-50">
  510. <!-- Article -->
  511. <article class="media">
  512. <!-- Article Image -->
  513. <a class="g-width-100" href="#!">
  514. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img9.jpg" alt="Image description">
  515. </a>
  516. <!-- End Article Image -->
  517.  
  518. <!-- Article Content -->
  519. <div class="media-body align-self-center g-pl-10">
  520. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  521. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  522.  
  523. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  524. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  525. </div>
  526. </div>
  527.  
  528. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  529. </div>
  530. <!-- End Article Content -->
  531. </article>
  532. <!-- End Article -->
  533. </div>
  534.  
  535. <div class="col-md-6 g-mb-50">
  536. <!-- Article -->
  537. <article class="media">
  538. <!-- Article Image -->
  539. <a class="g-width-100" href="#!">
  540. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img10.jpg" alt="Image description">
  541. </a>
  542. <!-- End Article Image -->
  543.  
  544. <!-- Article Content -->
  545. <div class="media-body align-self-center g-pl-10">
  546. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  547. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  548.  
  549. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  550. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  551. </div>
  552. </div>
  553.  
  554. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  555. </div>
  556. <!-- End Article Content -->
  557. </article>
  558. <!-- End Article -->
  559. </div>
  560. </div>
  561. <!-- End Products Block -->
  562.  
  563. <!-- Products Block -->
  564. <div class="row">
  565. <div class="col-md-6 g-mb-50">
  566. <!-- Article -->
  567. <article class="media">
  568. <!-- Article Image -->
  569. <a class="g-width-100" href="#!">
  570. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img11.jpg" alt="Image description">
  571. </a>
  572. <!-- End Article Image -->
  573.  
  574. <!-- Article Content -->
  575. <div class="media-body align-self-center g-pl-10">
  576. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  577. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  578.  
  579. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  580. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  581. </div>
  582. </div>
  583.  
  584. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  585. </div>
  586. <!-- End Article Content -->
  587. </article>
  588. <!-- End Article -->
  589. </div>
  590.  
  591. <div class="col-md-6">
  592. <!-- Article -->
  593. <article class="media">
  594. <!-- Article Image -->
  595. <a class="g-width-100" href="#!">
  596. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img12.jpg" alt="Image description">
  597. </a>
  598. <!-- End Article Image -->
  599.  
  600. <!-- Article Content -->
  601. <div class="media-body align-self-center g-pl-10">
  602. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  603. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  604.  
  605. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  606. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  607. </div>
  608. </div>
  609.  
  610. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  611. </div>
  612. <!-- End Article Content -->
  613. </article>
  614. <!-- End Article -->
  615. </div>
  616. </div>
  617. <!-- End Products Block -->
  618. </div>
  619.  
  620. <div class="tab-pane fade" id="dinner" role="tabpanel">
  621. <!-- Products Block -->
  622. <div class="row">
  623. <div class="col-md-6 g-mb-50">
  624. <!-- Article -->
  625. <article class="media">
  626. <!-- Article Image -->
  627. <a class="g-width-100" href="#!">
  628. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img5.jpg" alt="Image description">
  629. </a>
  630. <!-- End Article Image -->
  631.  
  632. <!-- Article Content -->
  633. <div class="media-body align-self-center g-pl-10">
  634. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  635. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  636.  
  637. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  638. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  639. </div>
  640. </div>
  641.  
  642. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  643. </div>
  644. <!-- End Article Content -->
  645. </article>
  646. <!-- End Article -->
  647. </div>
  648.  
  649. <div class="col-md-6 g-mb-50">
  650. <!-- Article -->
  651. <article class="media">
  652. <!-- Article Image -->
  653. <a class="g-width-100" href="#!">
  654. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img6.jpg" alt="Image description">
  655. </a>
  656. <!-- End Article Image -->
  657.  
  658. <!-- Article Content -->
  659. <div class="media-body align-self-center g-pl-10">
  660. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  661. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  662.  
  663. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  664. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  665. </div>
  666. </div>
  667.  
  668. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  669. </div>
  670. <!-- End Article Content -->
  671. </article>
  672. <!-- End Article -->
  673. </div>
  674. </div>
  675. <!-- End Products Block -->
  676.  
  677. <!-- Products Block -->
  678. <div class="row">
  679. <div class="col-md-6 g-mb-50">
  680. <!-- Article -->
  681. <article class="media">
  682. <!-- Article Image -->
  683. <a class="g-width-100" href="#!">
  684. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img7.jpg" alt="Image description">
  685. </a>
  686. <!-- End Article Image -->
  687.  
  688. <!-- Article Content -->
  689. <div class="media-body align-self-center g-pl-10">
  690. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  691. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  692.  
  693. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  694. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  695. </div>
  696. </div>
  697.  
  698. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  699. </div>
  700. <!-- End Article Content -->
  701. </article>
  702. <!-- End Article -->
  703. </div>
  704.  
  705. <div class="col-md-6 g-mb-50">
  706. <!-- Article -->
  707. <article class="media">
  708. <!-- Article Image -->
  709. <a class="g-width-100" href="#!">
  710. <img class="img-fluid g-rounded-50x" src="assets/img-temp/500x500/img8.jpg" alt="Image description">
  711. </a>
  712. <!-- End Article Image -->
  713.  
  714. <!-- Article Content -->
  715. <div class="media-body align-self-center g-pl-10">
  716. <div class="d-flex justify-content-between u-heading-v1-4 g-bg-main g-theme-brd-gray-light-v1 g-mb-8">
  717. <h3 class="align-self-center u-heading-v1__title g-color-black g-font-weight-700 g-font-size-13 text-uppercase mb-0">Croissants</h3>
  718.  
  719. <div class="align-self-center g-pos-rel g-bg-main g-pl-15">
  720. <strong class="g-font-weight-700 g-font-size-13 g-color-white g-bg-primary g-rounded-3 g-py-4 g-px-12">$1.20</strong>
  721. </div>
  722. </div>
  723.  
  724. <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  725. </div>
  726. <!-- End Article Content -->
  727. </article>
  728. <!-- End Article -->
  729. </div>
  730. </div>
  731. <!-- End Products Block -->
  732. </div>
  733. </div>
  734. </div>
  735. </section>
  736. <!-- End Section Content -->
  737.  
  738. <!-- Section Content -->
  739. <section id="special" class="g-bg-primary g-py-100">
  740. <div class="container">
  741. <section class="js-carousel slick-initialized slick-slider slick-dotted slick-vertical" data-vertical="true" data-pagi-classes="u-carousel-indicators-v7 text-center">
  742. <div class="slick-list draggable" style="height: 464px;"><div class="slick-track" style="opacity: 1; height: 2320px; transform: translate3d(0px, 0px, 0px);"><div class="js-slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 930px; height: auto;" tabindex="0" role="tabpanel" id="slick-slide10" aria-describedby="slick-slide-control10">
  743. <!-- Article -->
  744. <article class="row flex-items-middle text-center">
  745. <div class="col-lg-6 align-self-center g-mb-50">
  746. <div class="text-uppercase text-center u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
  747. <h4 class="g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">From chef</h4>
  748. <h2 class="u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-32 g-font-size-40--md g-color-white g-bg-white--before g-pb-40">Green soup with croutons</h2>
  749. </div>
  750.  
  751. <div class="g-px-70--md">
  752. <p class="g-color-white-opacity-0_7 g-mb-25">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
  753. </div>
  754.  
  755. <strong class="d-block g-color-white g-font-size-26 g-mb-30">$14.00</strong>
  756. <button class="btn text-uppercase u-btn-white g-font-weight-700 g-font-size-11 g-theme-color-gray-dark-v2 g-brd-none rounded-0 g-px-30 g-py-25" type="submit" tabindex="0">Book now</button>
  757. </div>
  758.  
  759. <div class="col-lg-6">
  760. <!-- Article Image -->
  761. <img class="img-fluid g-width-360 g-width-auto--lg mx-auto" src="assets/img-temp/700x700/img1.png" alt="Image description">
  762. <!-- End Article Image -->
  763. </div>
  764. </article>
  765. <!-- End Article -->
  766. </div><div class="js-slide slick-slide" data-slick-index="1" aria-hidden="true" style="width: 930px; height: auto;" tabindex="-1" role="tabpanel" id="slick-slide11" aria-describedby="slick-slide-control11">
  767. <!-- Article -->
  768. <article class="row flex-items-middle text-center">
  769. <div class="col-lg-6 align-self-center g-mb-50">
  770. <div class="text-uppercase text-center u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
  771. <h4 class="g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">From chef</h4>
  772. <h2 class="u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-40 g-color-white g-bg-white--before g-pb-40">Spaghetti</h2>
  773. </div>
  774.  
  775. <div class="g-px-70--md">
  776. <p class="g-color-white-opacity-0_7 g-mb-25">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
  777. </div>
  778.  
  779. <strong class="d-block g-color-white g-font-size-26 g-mb-30">$14.00</strong>
  780. <button class="btn text-uppercase u-btn-white g-font-weight-700 g-font-size-11 g-theme-color-gray-dark-v2 g-brd-none rounded-0 g-px-30 g-py-25" type="submit" tabindex="-1">Book now</button>
  781. </div>
  782.  
  783. <div class="col-lg-6">
  784. <!-- Article Image -->
  785. <img class="img-fluid g-width-360 g-width-auto--lg mx-auto" src="assets/img-temp/700x700/img2.png" alt="Image description">
  786. <!-- End Article Image -->
  787. </div>
  788. </article>
  789. <!-- End Article -->
  790. </div><div class="js-slide slick-slide" data-slick-index="2" aria-hidden="true" style="width: 930px; height: auto;" tabindex="-1" role="tabpanel" id="slick-slide12" aria-describedby="slick-slide-control12">
  791. <!-- Article -->
  792. <article class="row flex-items-middle text-center">
  793. <div class="col-lg-6 align-self-center g-mb-50">
  794. <div class="text-uppercase text-center u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
  795. <h4 class="g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">From chef</h4>
  796. <h2 class="u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-40 g-color-white g-bg-white--before g-pb-40">Green soup with croutons</h2>
  797. </div>
  798.  
  799. <div class="g-px-70--md">
  800. <p class="g-color-white-opacity-0_7 g-mb-25">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
  801. </div>
  802.  
  803. <strong class="d-block g-color-white g-font-size-26 g-mb-30">$14.00</strong>
  804. <button class="btn text-uppercase u-btn-white g-font-weight-700 g-font-size-11 g-theme-color-gray-dark-v2 g-brd-none rounded-0 g-px-30 g-py-25" type="submit" tabindex="-1">Book now</button>
  805. </div>
  806.  
  807. <div class="col-lg-6">
  808. <!-- Article Image -->
  809. <img class="img-fluid g-width-360 g-width-auto--lg mx-auto" src="assets/img-temp/700x700/img3.png" alt="Image description">
  810. <!-- End Article Image -->
  811. </div>
  812. </article>
  813. <!-- End Article -->
  814. </div><div class="js-slide slick-slide" data-slick-index="3" aria-hidden="true" style="width: 930px; height: auto;" tabindex="-1" role="tabpanel" id="slick-slide13" aria-describedby="slick-slide-control13">
  815. <!-- Article -->
  816. <article class="row flex-items-middle text-center">
  817. <div class="col-lg-6 align-self-center g-mb-50">
  818. <div class="text-uppercase text-center u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
  819. <h4 class="g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">From chef</h4>
  820. <h2 class="u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-40 g-color-white g-bg-white--before g-pb-40">Green soup with croutons</h2>
  821. </div>
  822.  
  823. <div class="g-px-70--md">
  824. <p class="g-color-white-opacity-0_7 g-mb-25">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
  825. </div>
  826.  
  827. <strong class="d-block g-color-white g-font-size-26 g-mb-30">$14.00</strong>
  828. <button class="btn text-uppercase u-btn-white g-font-weight-700 g-font-size-11 g-theme-color-gray-dark-v2 g-brd-none rounded-0 g-px-30 g-py-25" type="submit" tabindex="-1">Book now</button>
  829. </div>
  830.  
  831. <div class="col-lg-6">
  832. <!-- Article Image -->
  833. <img class="img-fluid g-width-360 g-width-auto--lg mx-auto" src="assets/img-temp/700x700/img4.png" alt="Image description">
  834. <!-- End Article Image -->
  835. </div>
  836. </article>
  837. <!-- End Article -->
  838. </div><div class="js-slide slick-slide" data-slick-index="4" aria-hidden="true" style="width: 930px; height: auto;" tabindex="-1" role="tabpanel" id="slick-slide14" aria-describedby="slick-slide-control14">
  839. <!-- Article -->
  840. <article class="row flex-items-middle text-center">
  841. <div class="col-lg-6 align-self-center g-mb-50">
  842. <div class="text-uppercase text-center u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
  843. <h4 class="g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">From chef</h4>
  844. <h2 class="u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-40 g-color-white g-bg-white--before g-pb-40">Green soup with croutons</h2>
  845. </div>
  846.  
  847. <div class="g-px-70--md">
  848. <p class="g-color-white-opacity-0_7 g-mb-25">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
  849. </div>
  850.  
  851. <strong class="d-block g-color-white g-font-size-26 g-mb-30">$14.00</strong>
  852. <button class="btn text-uppercase u-btn-white g-font-weight-700 g-font-size-11 g-theme-color-gray-dark-v2 g-brd-none rounded-0 g-px-30 g-py-25" type="submit" tabindex="-1">Book now</button>
  853. </div>
  854.  
  855. <div class="col-lg-6">
  856. <!-- Article Image -->
  857. <img class="img-fluid g-width-360 g-width-auto--lg mx-auto" src="assets/img-temp/700x700/img5.png" alt="Image description">
  858. <!-- End Article Image -->
  859. </div>
  860. </article>
  861. <!-- End Article -->
  862. </div></div></div>
  863.  
  864.  
  865.  
  866.  
  867.  
  868.  
  869.  
  870.  
  871. <ul class="js-pagination u-carousel-indicators-v7 text-center" style="display: block;" role="tablist"><li class="slick-active slick-current" role="presentation"><span></span></li><li role="presentation"><span></span></li><li role="presentation"><span></span></li><li role="presentation"><span></span></li><li role="presentation"><span></span></li></ul></section>
  872. </div>
  873. </section>
  874. <!-- End Section Content -->
  875.  
  876. <!-- Section Content -->
  877. <section id="ourFood" class="g-pt-100">
  878. <div class="container text-uppercase g-mb-30">
  879. <h4 class="g-font-weight-700 g-font-size-12 g-color-primary g-mb-15">Our food</h4>
  880. <h2 class="g-line-height-1_2 g-font-weight-700 g-font-size-32 g-font-size-40--md g-bg-primary--before">Try this yummy</h2>
  881. </div>
  882.  
  883. <div class="g-brd-top--md g-theme-brd-gray-light-v1">
  884. <div class="container">
  885. <ul class="nav text-uppercase u-nav-v2-1 u-nav-primary g-mt-minus-1" role="tablist" data-target="ourFoodTabs" data-tabs-mobile-type="slide-up-down" data-btn-classes="btn btn-md btn-block text-uppercase g-font-weight-700 u-btn-outline-primary">
  886. <li class="nav-item">
  887. <a class="nav-link g-py-15--md g-py-35--lg g-px-10--md g-px-30--lg active" href="#meat" role="tab" data-toggle="tab">Meat</a>
  888. </li>
  889. <li class="nav-item">
  890. <a class="nav-link g-py-15--md g-py-35--lg g-px-10--md g-px-30--lg" href="#fish" role="tab" data-toggle="tab">Fish</a>
  891. </li>
  892. <li class="nav-item">
  893. <a class="nav-link g-py-15--md g-py-35--lg g-px-10--md g-px-30--lg" href="#fastFood" role="tab" data-toggle="tab">Fast food</a>
  894. </li>
  895. <li class="nav-item">
  896. <a class="nav-link g-py-15--md g-py-35--lg g-px-10--md g-px-30--lg" href="#pizza" role="tab" data-toggle="tab">Pizza</a>
  897. </li>
  898. <li class="nav-item">
  899. <a class="nav-link g-py-15--md g-py-35--lg g-px-10--md g-px-30--lg" href="#vegeterianDishes" role="tab" data-toggle="tab">Vegeterian dishes</a>
  900. </li>
  901. <li class="nav-item">
  902. <a class="nav-link g-py-15--md g-py-35--lg g-px-10--md g-px-30--lg" href="#desserts" role="tab" data-toggle="tab">Desserts</a>
  903. </li>
  904. <li class="nav-item">
  905. <a class="nav-link g-py-15--md g-py-35--lg g-px-10--md g-px-30--lg" href="#drinks" role="tab" data-toggle="tab">Drinks</a>
  906. </li>
  907. </ul>
  908. </div>
  909. </div>
  910.  
  911. <div class="container-fluid px-0">
  912. <div id="ourFoodTabs" class="tab-content g-pt-20 g-pt-0--md">
  913. <div class="tab-pane fade show active" id="meat" role="tabpanel">
  914. <div class="row no-gutters g-overflow-x-hidden">
  915. <div class="col-lg-7">
  916. <div class="row no-gutters">
  917. <div class="col-md-4">
  918. <!-- Article -->
  919. <article class="text-center">
  920. <!-- Article Image -->
  921. <img class="w-100" src="assets/img-temp/738x678/img1.jpg" alt="Image description">
  922. <!-- End Article Image -->
  923.  
  924. <!-- Article Content -->
  925. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  926. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  927. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  928. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  929. <strong class="g-color-primary g-font-size-16">$8.50</strong>
  930. </div>
  931. <!-- End Article Content -->
  932. </article>
  933. <!-- End Article -->
  934. </div>
  935.  
  936. <div class="col-md-4 g-ml-minus-1">
  937. <!-- Article -->
  938. <article class="text-center">
  939. <!-- Article Image -->
  940. <img class="w-100" src="assets/img-temp/738x678/img2.jpg" alt="Image description">
  941. <!-- End Article Image -->
  942.  
  943. <!-- Article Content -->
  944. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  945. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  946. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">steak + carrot salad</h4>
  947. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  948. <strong class="g-color-primary g-font-size-16">$10.20</strong>
  949. </div>
  950. <!-- End Article Content -->
  951. </article>
  952. <!-- End Article -->
  953. </div>
  954.  
  955. <div class="col-md-4 g-ml-minus-1">
  956. <!-- Article -->
  957. <article class="text-center">
  958. <!-- Article Image -->
  959. <img class="w-100" src="assets/img-temp/738x678/img3.jpg" alt="Image description">
  960. <!-- End Article Image -->
  961.  
  962. <!-- Article Content -->
  963. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  964. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  965. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + mashroom sauce</h4>
  966. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  967. <strong class="g-color-primary g-font-size-16">$11.00</strong>
  968. </div>
  969. <!-- End Article Content -->
  970. </article>
  971. <!-- End Article -->
  972. </div>
  973. </div>
  974. </div>
  975.  
  976. <div class="col-lg-5">
  977. <!-- Carousel -->
  978. <div class="js-carousel u-carousel-v5 g-overflow-hidden h-100 g-min-height-300 g-mx-minus-2 slick-initialized slick-slider" data-infinite="true" data-arrows-classes="u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white g-opacity-1 g-opacity-0_8--hover g-transition-0_2 g-transition--ease-in" data-arrow-left-classes="fa fa-chevron-left g-ml-minus-45" data-arrow-right-classes="fa fa-chevron-right g-ml-5"><div class="js-prev u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white g-opacity-1 g-opacity-0_8--hover g-transition-0_2 g-transition--ease-in fa fa-chevron-left g-ml-minus-45 slick-arrow" style="display: block;"></div>
  979. <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 2240px; transform: translate3d(-448px, 0px, 0px);"><div class="js-slide slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 448px;" tabindex="-1">
  980. <!-- Article -->
  981. <article class="u-bg-overlay g-bg-img-hero h-100 g-min-height-300 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  982. <!-- Article Content -->
  983. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  984. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  985. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  986. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  987. </div>
  988. <!-- End Article Content -->
  989. </article>
  990. <!-- End Article -->
  991. </div><div class="js-slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 448px; height: auto;" tabindex="0">
  992. <!-- Article -->
  993. <article class="u-bg-overlay g-bg-img-hero h-100 g-min-height-300 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  994. <!-- Article Content -->
  995. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  996. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  997. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  998. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  999. </div>
  1000. <!-- End Article Content -->
  1001. </article>
  1002. <!-- End Article -->
  1003. </div><div class="js-slide slick-slide" data-slick-index="1" aria-hidden="true" style="width: 448px; height: auto;" tabindex="-1">
  1004. <!-- Article -->
  1005. <article class="u-bg-overlay g-bg-img-hero h-100 g-min-height-300 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1006. <!-- Article Content -->
  1007. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1008. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1009. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1010. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1011. </div>
  1012. <!-- End Article Content -->
  1013. </article>
  1014. <!-- End Article -->
  1015. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="2" aria-hidden="true" style="width: 448px;" tabindex="-1">
  1016. <!-- Article -->
  1017. <article class="u-bg-overlay g-bg-img-hero h-100 g-min-height-300 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1018. <!-- Article Content -->
  1019. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1020. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1021. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1022. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1023. </div>
  1024. <!-- End Article Content -->
  1025. </article>
  1026. <!-- End Article -->
  1027. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="3" aria-hidden="true" style="width: 448px;" tabindex="-1">
  1028. <!-- Article -->
  1029. <article class="u-bg-overlay g-bg-img-hero h-100 g-min-height-300 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1030. <!-- Article Content -->
  1031. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1032. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1033. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1034. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1035. </div>
  1036. <!-- End Article Content -->
  1037. </article>
  1038. <!-- End Article -->
  1039. </div></div></div>
  1040.  
  1041.  
  1042. <div class="js-next u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white g-opacity-1 g-opacity-0_8--hover g-transition-0_2 g-transition--ease-in fa fa-chevron-right g-ml-5 slick-arrow" style="display: block;"></div></div>
  1043. <!-- End Carousel -->
  1044. </div>
  1045. </div>
  1046. </div>
  1047.  
  1048. <div class="tab-pane fade" id="fish" role="tabpanel">
  1049. <div class="row no-gutters g-overflow-x-hidden">
  1050. <div class="col-lg-7">
  1051. <div class="row no-gutters">
  1052. <div class="col-md-4">
  1053. <!-- Article -->
  1054. <article class="text-center">
  1055. <!-- Article Image -->
  1056. <img class="w-100" src="assets/img-temp/738x678/img1.jpg" alt="Image description">
  1057. <!-- End Article Image -->
  1058.  
  1059. <!-- Article Content -->
  1060. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1061. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1062. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  1063. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1064. <strong class="g-color-primary g-font-size-16">$8.50</strong>
  1065. </div>
  1066. <!-- End Article Content -->
  1067. </article>
  1068. <!-- End Article -->
  1069. </div>
  1070.  
  1071. <div class="col-md-4 g-ml-minus-1">
  1072. <!-- Article -->
  1073. <article class="text-center">
  1074. <!-- Article Image -->
  1075. <img class="w-100" src="assets/img-temp/738x678/img2.jpg" alt="Image description">
  1076. <!-- End Article Image -->
  1077.  
  1078. <!-- Article Content -->
  1079. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1080. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1081. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">steak + carrot salad</h4>
  1082. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1083. <strong class="g-color-primary g-font-size-16">$10.20</strong>
  1084. </div>
  1085. <!-- End Article Content -->
  1086. </article>
  1087. <!-- End Article -->
  1088. </div>
  1089.  
  1090. <div class="col-md-4 g-ml-minus-1">
  1091. <!-- Article -->
  1092. <article class="text-center">
  1093. <!-- Article Image -->
  1094. <img class="w-100" src="assets/img-temp/738x678/img3.jpg" alt="Image description">
  1095. <!-- End Article Image -->
  1096.  
  1097. <!-- Article Content -->
  1098. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1099. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1100. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + mashroom sauce</h4>
  1101. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1102. <strong class="g-color-primary g-font-size-16">$11.00</strong>
  1103. </div>
  1104. <!-- End Article Content -->
  1105. </article>
  1106. <!-- End Article -->
  1107. </div>
  1108. </div>
  1109. </div>
  1110.  
  1111. <div class="col-lg-5">
  1112. <!-- Carousel -->
  1113. <div class="js-carousel u-carousel-v5 g-overflow-hidden h-100 g-min-height-300 g-mx-minus-2 slick-initialized slick-slider" data-infinite="true" data-arrows-classes="u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white" data-arrow-left-classes="fa fa-chevron-left g-ml-minus-45" data-arrow-right-classes="fa fa-chevron-right g-ml-5"><div class="js-prev u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white fa fa-chevron-left g-ml-minus-45 slick-arrow" style="display: block;"></div>
  1114. <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 0px; transform: translate3d(0px, 0px, 0px);"><div class="js-slide slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1115. <!-- Article -->
  1116. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1117. <!-- Article Content -->
  1118. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1119. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1120. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1121. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1122. </div>
  1123. <!-- End Article Content -->
  1124. </article>
  1125. <!-- End Article -->
  1126. </div><div class="js-slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 0px; height: auto;" tabindex="0">
  1127. <!-- Article -->
  1128. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1129. <!-- Article Content -->
  1130. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1131. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1132. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1133. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1134. </div>
  1135. <!-- End Article Content -->
  1136. </article>
  1137. <!-- End Article -->
  1138. </div><div class="js-slide slick-slide" data-slick-index="1" aria-hidden="true" style="width: 0px; height: auto;" tabindex="-1">
  1139. <!-- Article -->
  1140. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1141. <!-- Article Content -->
  1142. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1143. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1144. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1145. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1146. </div>
  1147. <!-- End Article Content -->
  1148. </article>
  1149. <!-- End Article -->
  1150. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="2" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1151. <!-- Article -->
  1152. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1153. <!-- Article Content -->
  1154. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1155. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1156. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1157. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1158. </div>
  1159. <!-- End Article Content -->
  1160. </article>
  1161. <!-- End Article -->
  1162. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="3" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1163. <!-- Article -->
  1164. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1165. <!-- Article Content -->
  1166. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1167. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1168. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1169. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1170. </div>
  1171. <!-- End Article Content -->
  1172. </article>
  1173. <!-- End Article -->
  1174. </div></div></div>
  1175.  
  1176.  
  1177. <div class="js-next u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white fa fa-chevron-right g-ml-5 slick-arrow" style="display: block;"></div></div>
  1178. <!-- End Carousel -->
  1179. </div>
  1180. </div>
  1181. </div>
  1182.  
  1183. <div class="tab-pane fade" id="fastFood" role="tabpanel">
  1184. <div class="row no-gutters g-overflow-x-hidden">
  1185. <div class="col-lg-7">
  1186. <div class="row no-gutters">
  1187. <div class="col-md-4">
  1188. <!-- Article -->
  1189. <article class="text-center">
  1190. <!-- Article Image -->
  1191. <img class="w-100" src="assets/img-temp/738x678/img1.jpg" alt="Image description">
  1192. <!-- End Article Image -->
  1193.  
  1194. <!-- Article Content -->
  1195. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1196. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1197. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  1198. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1199. <strong class="g-color-primary g-font-size-16">$8.50</strong>
  1200. </div>
  1201. <!-- End Article Content -->
  1202. </article>
  1203. <!-- End Article -->
  1204. </div>
  1205.  
  1206. <div class="col-md-4 g-ml-minus-1">
  1207. <!-- Article -->
  1208. <article class="text-center">
  1209. <!-- Article Image -->
  1210. <img class="w-100" src="assets/img-temp/738x678/img2.jpg" alt="Image description">
  1211. <!-- End Article Image -->
  1212.  
  1213. <!-- Article Content -->
  1214. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1215. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1216. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">steak + carrot salad</h4>
  1217. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1218. <strong class="g-color-primary g-font-size-16">$10.20</strong>
  1219. </div>
  1220. <!-- End Article Content -->
  1221. </article>
  1222. <!-- End Article -->
  1223. </div>
  1224.  
  1225. <div class="col-md-4 g-ml-minus-1">
  1226. <!-- Article -->
  1227. <article class="text-center">
  1228. <!-- Article Image -->
  1229. <img class="w-100" src="assets/img-temp/738x678/img3.jpg" alt="Image description">
  1230. <!-- End Article Image -->
  1231.  
  1232. <!-- Article Content -->
  1233. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1234. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1235. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + mashroom sauce</h4>
  1236. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1237. <strong class="g-color-primary g-font-size-16">$11.00</strong>
  1238. </div>
  1239. <!-- End Article Content -->
  1240. </article>
  1241. <!-- End Article -->
  1242. </div>
  1243. </div>
  1244. </div>
  1245.  
  1246. <div class="col-lg-5">
  1247. <!-- Carousel -->
  1248. <div class="js-carousel u-carousel-v5 g-overflow-hidden h-100 g-min-height-300 g-mx-minus-2 slick-initialized slick-slider" data-infinite="true" data-arrows-classes="u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white" data-arrow-left-classes="fa fa-chevron-left g-ml-minus-45" data-arrow-right-classes="fa fa-chevron-right g-ml-5"><div class="js-prev u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white fa fa-chevron-left g-ml-minus-45 slick-arrow" style="display: block;"></div>
  1249. <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 0px; transform: translate3d(0px, 0px, 0px);"><div class="js-slide slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1250. <!-- Article -->
  1251. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1252. <!-- Article Content -->
  1253. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1254. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1255. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1256. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1257. </div>
  1258. <!-- End Article Content -->
  1259. </article>
  1260. <!-- End Article -->
  1261. </div><div class="js-slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 0px; height: auto;" tabindex="0">
  1262. <!-- Article -->
  1263. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1264. <!-- Article Content -->
  1265. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1266. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1267. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1268. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1269. </div>
  1270. <!-- End Article Content -->
  1271. </article>
  1272. <!-- End Article -->
  1273. </div><div class="js-slide slick-slide" data-slick-index="1" aria-hidden="true" style="width: 0px; height: auto;" tabindex="-1">
  1274. <!-- Article -->
  1275. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1276. <!-- Article Content -->
  1277. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1278. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1279. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1280. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1281. </div>
  1282. <!-- End Article Content -->
  1283. </article>
  1284. <!-- End Article -->
  1285. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="2" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1286. <!-- Article -->
  1287. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1288. <!-- Article Content -->
  1289. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1290. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1291. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1292. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1293. </div>
  1294. <!-- End Article Content -->
  1295. </article>
  1296. <!-- End Article -->
  1297. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="3" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1298. <!-- Article -->
  1299. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1300. <!-- Article Content -->
  1301. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1302. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1303. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1304. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1305. </div>
  1306. <!-- End Article Content -->
  1307. </article>
  1308. <!-- End Article -->
  1309. </div></div></div>
  1310.  
  1311.  
  1312. <div class="js-next u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white fa fa-chevron-right g-ml-5 slick-arrow" style="display: block;"></div></div>
  1313. <!-- End Carousel -->
  1314. </div>
  1315. </div>
  1316. </div>
  1317.  
  1318. <div class="tab-pane fade" id="pizza" role="tabpanel">
  1319. <div class="row no-gutters g-overflow-x-hidden">
  1320. <div class="col-lg-7">
  1321. <div class="row no-gutters">
  1322. <div class="col-md-4">
  1323. <!-- Article -->
  1324. <article class="text-center">
  1325. <!-- Article Image -->
  1326. <img class="w-100" src="assets/img-temp/738x678/img1.jpg" alt="Image description">
  1327. <!-- End Article Image -->
  1328.  
  1329. <!-- Article Content -->
  1330. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1331. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1332. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  1333. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1334. <strong class="g-color-primary g-font-size-16">$8.50</strong>
  1335. </div>
  1336. <!-- End Article Content -->
  1337. </article>
  1338. <!-- End Article -->
  1339. </div>
  1340.  
  1341. <div class="col-md-4 g-ml-minus-1">
  1342. <!-- Article -->
  1343. <article class="text-center">
  1344. <!-- Article Image -->
  1345. <img class="w-100" src="assets/img-temp/738x678/img2.jpg" alt="Image description">
  1346. <!-- End Article Image -->
  1347.  
  1348. <!-- Article Content -->
  1349. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1350. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1351. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">steak + carrot salad</h4>
  1352. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1353. <strong class="g-color-primary g-font-size-16">$10.20</strong>
  1354. </div>
  1355. <!-- End Article Content -->
  1356. </article>
  1357. <!-- End Article -->
  1358. </div>
  1359.  
  1360. <div class="col-md-4 g-ml-minus-1">
  1361. <!-- Article -->
  1362. <article class="text-center">
  1363. <!-- Article Image -->
  1364. <img class="w-100" src="assets/img-temp/738x678/img3.jpg" alt="Image description">
  1365. <!-- End Article Image -->
  1366.  
  1367. <!-- Article Content -->
  1368. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1369. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1370. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + mashroom sauce</h4>
  1371. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1372. <strong class="g-color-primary g-font-size-16">$11.00</strong>
  1373. </div>
  1374. <!-- End Article Content -->
  1375. </article>
  1376. <!-- End Article -->
  1377. </div>
  1378. </div>
  1379. </div>
  1380.  
  1381. <div class="col-lg-5">
  1382. <!-- Carousel -->
  1383. <div class="js-carousel u-carousel-v5 g-overflow-hidden h-100 g-min-height-300 g-mx-minus-2 slick-initialized slick-slider" data-infinite="true" data-arrows-classes="u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white" data-arrow-left-classes="fa fa-chevron-left g-ml-minus-45" data-arrow-right-classes="fa fa-chevron-right g-ml-5"><div class="js-prev u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white fa fa-chevron-left g-ml-minus-45 slick-arrow" style="display: block;"></div>
  1384. <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 0px; transform: translate3d(0px, 0px, 0px);"><div class="js-slide slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1385. <!-- Article -->
  1386. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1387. <!-- Article Content -->
  1388. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1389. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1390. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1391. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1392. </div>
  1393. <!-- End Article Content -->
  1394. </article>
  1395. <!-- End Article -->
  1396. </div><div class="js-slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 0px; height: auto;" tabindex="0">
  1397. <!-- Article -->
  1398. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1399. <!-- Article Content -->
  1400. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1401. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1402. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1403. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1404. </div>
  1405. <!-- End Article Content -->
  1406. </article>
  1407. <!-- End Article -->
  1408. </div><div class="js-slide slick-slide" data-slick-index="1" aria-hidden="true" style="width: 0px; height: auto;" tabindex="-1">
  1409. <!-- Article -->
  1410. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1411. <!-- Article Content -->
  1412. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1413. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1414. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1415. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1416. </div>
  1417. <!-- End Article Content -->
  1418. </article>
  1419. <!-- End Article -->
  1420. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="2" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1421. <!-- Article -->
  1422. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1423. <!-- Article Content -->
  1424. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1425. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1426. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1427. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1428. </div>
  1429. <!-- End Article Content -->
  1430. </article>
  1431. <!-- End Article -->
  1432. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="3" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1433. <!-- Article -->
  1434. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1435. <!-- Article Content -->
  1436. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1437. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1438. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1439. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1440. </div>
  1441. <!-- End Article Content -->
  1442. </article>
  1443. <!-- End Article -->
  1444. </div></div></div>
  1445.  
  1446.  
  1447. <div class="js-next u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white fa fa-chevron-right g-ml-5 slick-arrow" style="display: block;"></div></div>
  1448. <!-- End Carousel -->
  1449. </div>
  1450. </div>
  1451. </div>
  1452.  
  1453. <div class="tab-pane fade" id="vegeterianDishes" role="tabpanel">
  1454. <div class="row no-gutters g-overflow-x-hidden">
  1455. <div class="col-lg-7">
  1456. <div class="row no-gutters">
  1457. <div class="col-md-4">
  1458. <!-- Article -->
  1459. <article class="text-center">
  1460. <!-- Article Image -->
  1461. <img class="w-100" src="assets/img-temp/738x678/img1.jpg" alt="Image description">
  1462. <!-- End Article Image -->
  1463.  
  1464. <!-- Article Content -->
  1465. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1466. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1467. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  1468. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1469. <strong class="g-color-primary g-font-size-16">$8.50</strong>
  1470. </div>
  1471. <!-- End Article Content -->
  1472. </article>
  1473. <!-- End Article -->
  1474. </div>
  1475.  
  1476. <div class="col-md-4 g-ml-minus-1">
  1477. <!-- Article -->
  1478. <article class="text-center">
  1479. <!-- Article Image -->
  1480. <img class="w-100" src="assets/img-temp/738x678/img2.jpg" alt="Image description">
  1481. <!-- End Article Image -->
  1482.  
  1483. <!-- Article Content -->
  1484. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1485. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1486. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">steak + carrot salad</h4>
  1487. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1488. <strong class="g-color-primary g-font-size-16">$10.20</strong>
  1489. </div>
  1490. <!-- End Article Content -->
  1491. </article>
  1492. <!-- End Article -->
  1493. </div>
  1494.  
  1495. <div class="col-md-4 g-ml-minus-1">
  1496. <!-- Article -->
  1497. <article class="text-center">
  1498. <!-- Article Image -->
  1499. <img class="w-100" src="assets/img-temp/738x678/img3.jpg" alt="Image description">
  1500. <!-- End Article Image -->
  1501.  
  1502. <!-- Article Content -->
  1503. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1504. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1505. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + mashroom sauce</h4>
  1506. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1507. <strong class="g-color-primary g-font-size-16">$11.00</strong>
  1508. </div>
  1509. <!-- End Article Content -->
  1510. </article>
  1511. <!-- End Article -->
  1512. </div>
  1513. </div>
  1514. </div>
  1515.  
  1516. <div class="col-lg-5">
  1517. <!-- Carousel -->
  1518. <div class="js-carousel u-carousel-v5 g-overflow-hidden h-100 g-min-height-300 g-mx-minus-2 slick-initialized slick-slider" data-infinite="true" data-arrows-classes="u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white" data-arrow-left-classes="fa fa-chevron-left g-ml-minus-45" data-arrow-right-classes="fa fa-chevron-right g-ml-5"><div class="js-prev u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white fa fa-chevron-left g-ml-minus-45 slick-arrow" style="display: block;"></div>
  1519. <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 0px; transform: translate3d(0px, 0px, 0px);"><div class="js-slide slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1520. <!-- Article -->
  1521. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1522. <!-- Article Content -->
  1523. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1524. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1525. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1526. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1527. </div>
  1528. <!-- End Article Content -->
  1529. </article>
  1530. <!-- End Article -->
  1531. </div><div class="js-slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 0px; height: auto;" tabindex="0">
  1532. <!-- Article -->
  1533. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1534. <!-- Article Content -->
  1535. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1536. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1537. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1538. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1539. </div>
  1540. <!-- End Article Content -->
  1541. </article>
  1542. <!-- End Article -->
  1543. </div><div class="js-slide slick-slide" data-slick-index="1" aria-hidden="true" style="width: 0px; height: auto;" tabindex="-1">
  1544. <!-- Article -->
  1545. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1546. <!-- Article Content -->
  1547. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1548. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1549. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1550. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1551. </div>
  1552. <!-- End Article Content -->
  1553. </article>
  1554. <!-- End Article -->
  1555. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="2" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1556. <!-- Article -->
  1557. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1558. <!-- Article Content -->
  1559. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1560. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1561. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1562. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1563. </div>
  1564. <!-- End Article Content -->
  1565. </article>
  1566. <!-- End Article -->
  1567. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="3" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1568. <!-- Article -->
  1569. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1570. <!-- Article Content -->
  1571. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1572. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1573. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1574. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1575. </div>
  1576. <!-- End Article Content -->
  1577. </article>
  1578. <!-- End Article -->
  1579. </div></div></div>
  1580.  
  1581.  
  1582. <div class="js-next u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white fa fa-chevron-right g-ml-5 slick-arrow" style="display: block;"></div></div>
  1583. <!-- End Carousel -->
  1584. </div>
  1585. </div>
  1586. </div>
  1587.  
  1588. <div class="tab-pane fade" id="desserts" role="tabpanel">
  1589. <div class="row no-gutters g-overflow-x-hidden">
  1590. <div class="col-lg-7">
  1591. <div class="row no-gutters">
  1592. <div class="col-md-4">
  1593. <!-- Article -->
  1594. <article class="text-center">
  1595. <!-- Article Image -->
  1596. <img class="w-100" src="assets/img-temp/738x678/img1.jpg" alt="Image description">
  1597. <!-- End Article Image -->
  1598.  
  1599. <!-- Article Content -->
  1600. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1601. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1602. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  1603. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1604. <strong class="g-color-primary g-font-size-16">$8.50</strong>
  1605. </div>
  1606. <!-- End Article Content -->
  1607. </article>
  1608. <!-- End Article -->
  1609. </div>
  1610.  
  1611. <div class="col-md-4 g-ml-minus-1">
  1612. <!-- Article -->
  1613. <article class="text-center">
  1614. <!-- Article Image -->
  1615. <img class="w-100" src="assets/img-temp/738x678/img2.jpg" alt="Image description">
  1616. <!-- End Article Image -->
  1617.  
  1618. <!-- Article Content -->
  1619. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1620. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1621. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">steak + carrot salad</h4>
  1622. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1623. <strong class="g-color-primary g-font-size-16">$10.20</strong>
  1624. </div>
  1625. <!-- End Article Content -->
  1626. </article>
  1627. <!-- End Article -->
  1628. </div>
  1629.  
  1630. <div class="col-md-4 g-ml-minus-1">
  1631. <!-- Article -->
  1632. <article class="text-center">
  1633. <!-- Article Image -->
  1634. <img class="w-100" src="assets/img-temp/738x678/img3.jpg" alt="Image description">
  1635. <!-- End Article Image -->
  1636.  
  1637. <!-- Article Content -->
  1638. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1639. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1640. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + mashroom sauce</h4>
  1641. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1642. <strong class="g-color-primary g-font-size-16">$11.00</strong>
  1643. </div>
  1644. <!-- End Article Content -->
  1645. </article>
  1646. <!-- End Article -->
  1647. </div>
  1648. </div>
  1649. </div>
  1650.  
  1651. <div class="col-lg-5">
  1652. <!-- Carousel -->
  1653. <div class="js-carousel u-carousel-v5 g-overflow-hidden h-100 g-min-height-300 g-mx-minus-2 slick-initialized slick-slider" data-infinite="true" data-arrows-classes="u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white" data-arrow-left-classes="fa fa-chevron-left g-ml-minus-45" data-arrow-right-classes="fa fa-chevron-right g-ml-5"><div class="js-prev u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white fa fa-chevron-left g-ml-minus-45 slick-arrow" style="display: block;"></div>
  1654. <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 0px; transform: translate3d(0px, 0px, 0px);"><div class="js-slide slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1655. <!-- Article -->
  1656. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1657. <!-- Article Content -->
  1658. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1659. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1660. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1661. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1662. </div>
  1663. <!-- End Article Content -->
  1664. </article>
  1665. <!-- End Article -->
  1666. </div><div class="js-slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 0px; height: auto;" tabindex="0">
  1667. <!-- Article -->
  1668. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1669. <!-- Article Content -->
  1670. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1671. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1672. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1673. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1674. </div>
  1675. <!-- End Article Content -->
  1676. </article>
  1677. <!-- End Article -->
  1678. </div><div class="js-slide slick-slide" data-slick-index="1" aria-hidden="true" style="width: 0px; height: auto;" tabindex="-1">
  1679. <!-- Article -->
  1680. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1681. <!-- Article Content -->
  1682. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1683. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1684. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1685. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1686. </div>
  1687. <!-- End Article Content -->
  1688. </article>
  1689. <!-- End Article -->
  1690. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="2" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1691. <!-- Article -->
  1692. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1693. <!-- Article Content -->
  1694. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1695. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1696. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1697. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1698. </div>
  1699. <!-- End Article Content -->
  1700. </article>
  1701. <!-- End Article -->
  1702. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="3" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1703. <!-- Article -->
  1704. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1705. <!-- Article Content -->
  1706. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1707. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1708. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1709. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1710. </div>
  1711. <!-- End Article Content -->
  1712. </article>
  1713. <!-- End Article -->
  1714. </div></div></div>
  1715.  
  1716.  
  1717. <div class="js-next u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white fa fa-chevron-right g-ml-5 slick-arrow" style="display: block;"></div></div>
  1718. <!-- End Carousel -->
  1719. </div>
  1720. </div>
  1721. </div>
  1722.  
  1723. <div class="tab-pane fade" id="drinks" role="tabpanel">
  1724. <div class="row no-gutters g-overflow-x-hidden">
  1725. <div class="col-lg-7">
  1726. <div class="row no-gutters">
  1727. <div class="col-md-4">
  1728. <!-- Article -->
  1729. <article class="text-center">
  1730. <!-- Article Image -->
  1731. <img class="w-100" src="assets/img-temp/738x678/img1.jpg" alt="Image description">
  1732. <!-- End Article Image -->
  1733.  
  1734. <!-- Article Content -->
  1735. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1736. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1737. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  1738. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1739. <strong class="g-color-primary g-font-size-16">$8.50</strong>
  1740. </div>
  1741. <!-- End Article Content -->
  1742. </article>
  1743. <!-- End Article -->
  1744. </div>
  1745.  
  1746. <div class="col-md-4 g-ml-minus-1">
  1747. <!-- Article -->
  1748. <article class="text-center">
  1749. <!-- Article Image -->
  1750. <img class="w-100" src="assets/img-temp/738x678/img2.jpg" alt="Image description">
  1751. <!-- End Article Image -->
  1752.  
  1753. <!-- Article Content -->
  1754. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1755. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1756. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">steak + carrot salad</h4>
  1757. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1758. <strong class="g-color-primary g-font-size-16">$10.20</strong>
  1759. </div>
  1760. <!-- End Article Content -->
  1761. </article>
  1762. <!-- End Article -->
  1763. </div>
  1764.  
  1765. <div class="col-md-4 g-ml-minus-1">
  1766. <!-- Article -->
  1767. <article class="text-center">
  1768. <!-- Article Image -->
  1769. <img class="w-100" src="assets/img-temp/738x678/img3.jpg" alt="Image description">
  1770. <!-- End Article Image -->
  1771.  
  1772. <!-- Article Content -->
  1773. <div class="g-brd-around g-theme-brd-gray-light-v1 g-py-20 g-px-10 g-mt-minus-1">
  1774. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  1775. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + mashroom sauce</h4>
  1776. <p class="g-mb-10">Sed nec iaculis libero, vel ornare dui. Curabitur vitae nisl lorem.</p>
  1777. <strong class="g-color-primary g-font-size-16">$11.00</strong>
  1778. </div>
  1779. <!-- End Article Content -->
  1780. </article>
  1781. <!-- End Article -->
  1782. </div>
  1783. </div>
  1784. </div>
  1785.  
  1786. <div class="col-lg-5">
  1787. <!-- Carousel -->
  1788. <div class="js-carousel u-carousel-v5 g-overflow-hidden h-100 g-min-height-300 g-mx-minus-2 slick-initialized slick-slider" data-infinite="true" data-arrows-classes="u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white" data-arrow-left-classes="fa fa-chevron-left g-ml-minus-45" data-arrow-right-classes="fa fa-chevron-right g-ml-5"><div class="js-prev u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white fa fa-chevron-left g-ml-minus-45 slick-arrow" style="display: block;"></div>
  1789. <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 0px; transform: translate3d(0px, 0px, 0px);"><div class="js-slide slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1790. <!-- Article -->
  1791. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1792. <!-- Article Content -->
  1793. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1794. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1795. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1796. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1797. </div>
  1798. <!-- End Article Content -->
  1799. </article>
  1800. <!-- End Article -->
  1801. </div><div class="js-slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 0px; height: auto;" tabindex="0">
  1802. <!-- Article -->
  1803. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1804. <!-- Article Content -->
  1805. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1806. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1807. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1808. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1809. </div>
  1810. <!-- End Article Content -->
  1811. </article>
  1812. <!-- End Article -->
  1813. </div><div class="js-slide slick-slide" data-slick-index="1" aria-hidden="true" style="width: 0px; height: auto;" tabindex="-1">
  1814. <!-- Article -->
  1815. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1816. <!-- Article Content -->
  1817. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1818. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1819. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1820. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1821. </div>
  1822. <!-- End Article Content -->
  1823. </article>
  1824. <!-- End Article -->
  1825. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="2" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1826. <!-- Article -->
  1827. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img1.jpg);">
  1828. <!-- Article Content -->
  1829. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1830. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$9.50</strong>
  1831. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with special sauce</h3>
  1832. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1833. </div>
  1834. <!-- End Article Content -->
  1835. </article>
  1836. <!-- End Article -->
  1837. </div><div class="js-slide slick-slide slick-cloned" data-slick-index="3" aria-hidden="true" style="width: 0px;" tabindex="-1">
  1838. <!-- Article -->
  1839. <article class="u-bg-overlay g-bg-img-hero h-100 w-100 g-bg-black-opacity-0_3--after" style="background-image: url(assets/img-temp/1234x900/img2.jpg);">
  1840. <!-- Article Content -->
  1841. <div class="u-bg-overlay__inner g-pos-abs g-left-0 g-bottom-0 g-z-index-1 w-100 g-font-size-16 g-color-white-opacity-0_8 g-px-30 g-pb-100--sm g-pb-70">
  1842. <strong class="d-block g-font-size-20 g-color-primary g-mb-3">$10.30</strong>
  1843. <h3 class="text-uppercase g-font-weight-700 g-font-size-26 g-color-white g-mb-10">Steak with vegetables</h3>
  1844. <p class="g-font-size-16 g-color-white-opacity-0_8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1845. </div>
  1846. <!-- End Article Content -->
  1847. </article>
  1848. <!-- End Article -->
  1849. </div></div></div>
  1850.  
  1851.  
  1852. <div class="js-next u-arrow-v1 g-pos-abs g-left-75 g-bottom-30 g-width-45 g-height-45 g-color-primary g-bg-white fa fa-chevron-right g-ml-5 slick-arrow" style="display: block;"></div></div>
  1853. <!-- End Carousel -->
  1854. </div>
  1855. </div>
  1856. </div>
  1857. </div>
  1858. </div>
  1859. </section>
  1860. <!-- End Section Content -->
  1861.  
  1862. <!-- Section Content -->
  1863. <section id="services" class="g-py-100">
  1864. <div class="container g-max-width-780 text-center g-mb-60">
  1865. <div class="text-center text-uppercase u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
  1866. <h4 class="g-font-weight-700 g-font-size-12 g-color-primary g-mb-15">Services</h4>
  1867. <h2 class="u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-32 g-font-size-40--md g-bg-primary--before g-pb-40">What do we propose</h2>
  1868. </div>
  1869.  
  1870. <p class="mb-0">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
  1871. </div>
  1872.  
  1873. <div class="container text-center">
  1874. <!-- Row -->
  1875. <div class="row">
  1876. <div class="col-md-6 col-lg-3 g-mb-40 g-mb-0--lg">
  1877. <span class="u-icon-v1 u-icon-size--3xl g-color-primary g-mb-15">
  1878. <i class="icon-food-039 u-line-icon-pro"></i>
  1879. </span>
  1880. <h3 class="h6 text-uppercase g-font-weight-600 g-mb-25">
  1881. <a class="g-color-black g-color-primary--hover g-text-underline--none--hover" href="#!">Catering</a>
  1882. </h3>
  1883. <p class="g-font-size-default mb-0">Nunc ligula nulla, efficitur et eros ut, vulputate gravida leo. Vestibulum ante ipsum primis in faucibus orci luctus et.</p>
  1884. </div>
  1885.  
  1886. <div class="col-md-6 col-lg-3 g-mb-40 g-mb-0--lg">
  1887. <span class="u-icon-v1 u-icon-size--3xl g-color-primary g-mb-15">
  1888. <i class="icon-food-008 u-line-icon-pro"></i>
  1889. </span>
  1890. <h3 class="h6 text-uppercase g-font-weight-600 g-mb-25">
  1891. <a class="g-color-black g-color-primary--hover g-text-underline--none--hover" href="#!">Wine collection</a>
  1892. </h3>
  1893. <p class="g-font-size-default mb-0">Nunc ligula nulla, efficitur et eros ut, vulputate gravida leo. Vestibulum ante ipsum primis in faucibus orci luctus et.</p>
  1894. </div>
  1895.  
  1896. <div class="col-md-6 col-lg-3 g-mb-40 g-mb-0--lg">
  1897. <span class="u-icon-v1 u-icon-size--3xl g-color-primary g-mb-15">
  1898. <i class="icon-food-001 u-line-icon-pro"></i>
  1899. </span>
  1900. <h3 class="h6 text-uppercase g-font-weight-600 g-mb-25">
  1901. <a class="g-color-black g-color-primary--hover g-text-underline--none--hover" href="#!">Custom orders</a>
  1902. </h3>
  1903. <p class="g-font-size-default mb-0">Nunc ligula nulla, efficitur et eros ut, vulputate gravida leo. Vestibulum ante ipsum primis in faucibus orci luctus et.</p>
  1904. </div>
  1905.  
  1906. <div class="col-md-6 col-lg-3">
  1907. <span class="u-icon-v1 u-icon-size--3xl g-color-primary g-mb-15">
  1908. <i class="icon-food-276 u-line-icon-pro"></i>
  1909. </span>
  1910. <h3 class="h6 text-uppercase g-font-weight-600 g-mb-25">
  1911. <a class="g-color-black g-color-primary--hover g-text-underline--none--hover" href="#!">Wine collection</a>
  1912. </h3>
  1913. <p class="g-font-size-default mb-0">Nunc ligula nulla, efficitur et eros ut, vulputate gravida leo. Vestibulum ante ipsum primis in faucibus orci luctus et.</p>
  1914. </div>
  1915. </div>
  1916. <!-- End Row -->
  1917. </div>
  1918. </section>
  1919. <!-- End Section Content -->
  1920.  
  1921. <!-- Section Content -->
  1922. <section id="gallery" class="g-bg-primary g-pt-100">
  1923. <div class="container g-max-width-780 text-center g-mb-60">
  1924. <div class="text-center text-uppercase u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
  1925. <h4 class="g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">Food gallery</h4>
  1926. <h2 class="u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-32 g-font-size-40--md g-color-white g-bg-white--before g-pb-40">Look at these dishes</h2>
  1927. </div>
  1928. </div>
  1929.  
  1930. <div class="cbp cbp-caption-active cbp-caption-fadeIn cbp-ready" data-layout="grid" data-animation="slideLeft" data-caption-animation="fadeIn" data-x-gap="0" data-y-gap="0" data-media-queries="[
  1931. {&quot;width&quot;: 1600, &quot;cols&quot;: 5},
  1932. {&quot;width&quot;: 1200, &quot;cols&quot;: 5},
  1933. {&quot;width&quot;: 800, &quot;cols&quot;: 5},
  1934. {&quot;width&quot;: 500, &quot;cols&quot;: 2},
  1935. {&quot;width&quot;: 320, &quot;cols&quot;: 1}
  1936. ]" style="height: 426px;"><div class="cbp-wrapper-outer"><div class="cbp-wrapper">
  1937. <div class="cbp-item" style="width: 213px; left: 0px; top: 0px;"><div class="cbp-item-wrapper">
  1938. <a class="cbp-caption cbp-lightbox" href="assets/img-temp/560x560/img1.jpg" data-title="Custom Title 1">
  1939. <div class="cbp-caption-defaultWrap">
  1940. <img src="assets/img-temp/560x560/img1.jpg" alt="Image description">
  1941. </div>
  1942.  
  1943. <div class="cbp-caption-activeWrap">
  1944. <div class="cbp-l-caption-alignCenter">
  1945. <div class="cbp-l-caption-body">
  1946. <p class="cbp-l-caption-pretitle text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Fish</p>
  1947. <h2 class="cbp-l-caption-title text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Tim Burton</h2>
  1948. <p class="g-font-size-default g-color-white-opacity-0_7 mb-0 g-px-10">Nam ullamcorper mauris ex, ut efficitur est convallis nec</p>
  1949. </div>
  1950. </div>
  1951. </div>
  1952. </a>
  1953. </div></div>
  1954.  
  1955. <div class="cbp-item" style="width: 213px; left: 213px; top: 0px;"><div class="cbp-item-wrapper">
  1956. <a class="cbp-caption cbp-lightbox" href="assets/img-temp/560x560/img2.jpg" data-title="Custom Title 2">
  1957. <div class="cbp-caption-defaultWrap">
  1958. <img src="assets/img-temp/560x560/img2.jpg" alt="Image description">
  1959. </div>
  1960.  
  1961. <div class="cbp-caption-activeWrap">
  1962. <div class="cbp-l-caption-alignCenter">
  1963. <div class="cbp-l-caption-body">
  1964. <p class="cbp-l-caption-pretitle text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Fish</p>
  1965. <h2 class="cbp-l-caption-title text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Tim Burton</h2>
  1966. <p class="g-font-size-default g-color-white-opacity-0_7 mb-0 g-px-10">Nam ullamcorper mauris ex, ut efficitur est convallis nec</p>
  1967. </div>
  1968. </div>
  1969. </div>
  1970. </a>
  1971. </div></div>
  1972.  
  1973. <div class="cbp-item" style="width: 213px; left: 426px; top: 0px;"><div class="cbp-item-wrapper">
  1974. <a class="cbp-caption cbp-lightbox" href="assets/img-temp/560x560/img3.jpg" data-title="Custom Title 3">
  1975. <div class="cbp-caption-defaultWrap">
  1976. <img src="assets/img-temp/560x560/img3.jpg" alt="Image description">
  1977. </div>
  1978.  
  1979. <div class="cbp-caption-activeWrap">
  1980. <div class="cbp-l-caption-alignCenter">
  1981. <div class="cbp-l-caption-body">
  1982. <p class="cbp-l-caption-pretitle text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Fish</p>
  1983. <h2 class="cbp-l-caption-title text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Tim Burton</h2>
  1984. <p class="g-font-size-default g-color-white-opacity-0_7 mb-0 g-px-10">Nam ullamcorper mauris ex, ut efficitur est convallis nec</p>
  1985. </div>
  1986. </div>
  1987. </div>
  1988. </a>
  1989. </div></div>
  1990.  
  1991. <div class="cbp-item" style="width: 213px; left: 639px; top: 0px;"><div class="cbp-item-wrapper">
  1992. <a class="cbp-caption cbp-lightbox" href="assets/img-temp/560x560/img4.jpg" data-title="Custom Title 4">
  1993. <div class="cbp-caption-defaultWrap">
  1994. <img src="assets/img-temp/560x560/img4.jpg" alt="Image description">
  1995. </div>
  1996.  
  1997. <div class="cbp-caption-activeWrap">
  1998. <div class="cbp-l-caption-alignCenter">
  1999. <div class="cbp-l-caption-body">
  2000. <p class="cbp-l-caption-pretitle text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Fish</p>
  2001. <h2 class="cbp-l-caption-title text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Tim Burton</h2>
  2002. <p class="g-font-size-default g-color-white-opacity-0_7 mb-0 g-px-10">Nam ullamcorper mauris ex, ut efficitur est convallis nec</p>
  2003. </div>
  2004. </div>
  2005. </div>
  2006. </a>
  2007. </div></div>
  2008.  
  2009. <div class="cbp-item" style="width: 213px; left: 852px; top: 0px;"><div class="cbp-item-wrapper">
  2010. <a class="cbp-caption cbp-lightbox" href="assets/img-temp/560x560/img5.jpg" data-title="Custom Title 5">
  2011. <div class="cbp-caption-defaultWrap">
  2012. <img src="assets/img-temp/560x560/img5.jpg" alt="Image description">
  2013. </div>
  2014.  
  2015. <div class="cbp-caption-activeWrap">
  2016. <div class="cbp-l-caption-alignCenter">
  2017. <div class="cbp-l-caption-body">
  2018. <p class="cbp-l-caption-pretitle text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Fish</p>
  2019. <h2 class="cbp-l-caption-title text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Tim Burton</h2>
  2020. <p class="g-font-size-default g-color-white-opacity-0_7 mb-0 g-px-10">Nam ullamcorper mauris ex, ut efficitur est convallis nec</p>
  2021. </div>
  2022. </div>
  2023. </div>
  2024. </a>
  2025. </div></div>
  2026.  
  2027. <div class="cbp-item" style="width: 213px; left: 0px; top: 213px;"><div class="cbp-item-wrapper">
  2028. <a class="cbp-caption cbp-lightbox" href="assets/img-temp/560x560/img6.jpg" data-title="Custom Title 6">
  2029. <div class="cbp-caption-defaultWrap">
  2030. <img src="assets/img-temp/560x560/img6.jpg" alt="Image description">
  2031. </div>
  2032.  
  2033. <div class="cbp-caption-activeWrap">
  2034. <div class="cbp-l-caption-alignCenter">
  2035. <div class="cbp-l-caption-body">
  2036. <p class="cbp-l-caption-pretitle text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Fish</p>
  2037. <h2 class="cbp-l-caption-title text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Tim Burton</h2>
  2038. <p class="g-font-size-default g-color-white-opacity-0_7 mb-0 g-px-10">Nam ullamcorper mauris ex, ut efficitur est convallis nec</p>
  2039. </div>
  2040. </div>
  2041. </div>
  2042. </a>
  2043. </div></div>
  2044.  
  2045. <div class="cbp-item" style="width: 213px; left: 213px; top: 213px;"><div class="cbp-item-wrapper">
  2046. <a class="cbp-caption cbp-lightbox" href="assets/img-temp/560x560/img7.jpg" data-title="Custom Title 7">
  2047. <div class="cbp-caption-defaultWrap">
  2048. <img src="assets/img-temp/560x560/img7.jpg" alt="Image description">
  2049. </div>
  2050.  
  2051. <div class="cbp-caption-activeWrap">
  2052. <div class="cbp-l-caption-alignCenter">
  2053. <div class="cbp-l-caption-body">
  2054. <p class="cbp-l-caption-pretitle text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Fish</p>
  2055. <h2 class="cbp-l-caption-title text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Tim Burton</h2>
  2056. <p class="g-font-size-default g-color-white-opacity-0_7 mb-0 g-px-10">Nam ullamcorper mauris ex, ut efficitur est convallis nec</p>
  2057. </div>
  2058. </div>
  2059. </div>
  2060. </a>
  2061. </div></div>
  2062.  
  2063. <div class="cbp-item" style="width: 213px; left: 426px; top: 213px;"><div class="cbp-item-wrapper">
  2064. <a class="cbp-caption cbp-lightbox" href="assets/img-temp/560x560/img8.jpg" data-title="Custom Title 8">
  2065. <div class="cbp-caption-defaultWrap">
  2066. <img src="assets/img-temp/560x560/img8.jpg" alt="Image description">
  2067. </div>
  2068.  
  2069. <div class="cbp-caption-activeWrap">
  2070. <div class="cbp-l-caption-alignCenter">
  2071. <div class="cbp-l-caption-body">
  2072. <p class="cbp-l-caption-pretitle text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Fish</p>
  2073. <h2 class="cbp-l-caption-title text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Tim Burton</h2>
  2074. <p class="g-font-size-default g-color-white-opacity-0_7 mb-0 g-px-10">Nam ullamcorper mauris ex, ut efficitur est convallis nec</p>
  2075. </div>
  2076. </div>
  2077. </div>
  2078. </a>
  2079. </div></div>
  2080.  
  2081. <div class="cbp-item" style="width: 213px; left: 639px; top: 213px;"><div class="cbp-item-wrapper">
  2082. <a class="cbp-caption cbp-lightbox" href="assets/img-temp/560x560/img9.jpg" data-title="Custom Title 9">
  2083. <div class="cbp-caption-defaultWrap">
  2084. <img src="assets/img-temp/560x560/img9.jpg" alt="Image description">
  2085. </div>
  2086.  
  2087. <div class="cbp-caption-activeWrap">
  2088. <div class="cbp-l-caption-alignCenter">
  2089. <div class="cbp-l-caption-body">
  2090. <p class="cbp-l-caption-pretitle text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Fish</p>
  2091. <h2 class="cbp-l-caption-title text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Tim Burton</h2>
  2092. <p class="g-font-size-default g-color-white-opacity-0_7 mb-0 g-px-10">Nam ullamcorper mauris ex, ut efficitur est convallis nec</p>
  2093. </div>
  2094. </div>
  2095. </div>
  2096. </a>
  2097. </div></div>
  2098.  
  2099. <div class="cbp-item" style="width: 213px; left: 852px; top: 213px;"><div class="cbp-item-wrapper">
  2100. <a class="cbp-caption cbp-lightbox" href="assets/img-temp/560x560/img10.jpg" data-title="Custom Title 10">
  2101. <div class="cbp-caption-defaultWrap">
  2102. <img src="assets/img-temp/560x560/img10.jpg" alt="Image description">
  2103. </div>
  2104.  
  2105. <div class="cbp-caption-activeWrap">
  2106. <div class="cbp-l-caption-alignCenter">
  2107. <div class="cbp-l-caption-body">
  2108. <p class="cbp-l-caption-pretitle text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Fish</p>
  2109. <h2 class="cbp-l-caption-title text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Tim Burton</h2>
  2110. <p class="g-font-size-default g-color-white-opacity-0_7 mb-0 g-px-10">Nam ullamcorper mauris ex, ut efficitur est convallis nec</p>
  2111. </div>
  2112. </div>
  2113. </div>
  2114. </a>
  2115. </div></div>
  2116. </div></div></div>
  2117. </section>
  2118. <!-- End Section Content -->
  2119.  
  2120. <!-- Section Content -->
  2121. <section id="ourTeem" class="g-py-100">
  2122. <div class="container g-max-width-780 text-center g-mb-60">
  2123. <div class="text-center text-uppercase u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
  2124. <h4 class="g-font-weight-700 g-font-size-12 g-color-primary g-mb-15">Our team</h4>
  2125. <h2 class="u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-32 g-font-size-40--md g-bg-primary--before g-pb-40">Meet the professionals</h2>
  2126. </div>
  2127. </div>
  2128.  
  2129. <div class="container">
  2130. <!-- Carousel -->
  2131. <section class="js-carousel g-pb-90 g-mx-minus-15 slick-initialized slick-slider slick-dotted" data-slides-show="4" data-slides-scroll="4" data-arrows-classes="u-arrow-v1 g-pos-abs g-bottom-0 g-width-45 g-height-45 g-color-gray-dark-v5 g-color-white--hover g-theme-bg-gray-light-v2 g-bg-primary--hover g-transition-0_2 g-transition--ease-in" data-arrow-left-classes="fa fa-chevron-left g-left-15 g-left-35x--md" data-arrow-right-classes="fa fa-chevron-right g-right-15 g-right-35x--md" data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-bottom-20 text-center" data-responsive="[{
  2132. &quot;breakpoint&quot;: 1200,
  2133. &quot;settings&quot;: {
  2134. &quot;slidesToShow&quot;: 4,
  2135. &quot;slidesToScroll&quot;: 4
  2136. }
  2137. }, {
  2138. &quot;breakpoint&quot;: 992,
  2139. &quot;settings&quot;: {
  2140. &quot;slidesToShow&quot;: 3,
  2141. &quot;slidesToScroll&quot;: 3
  2142. }
  2143. }, {
  2144. &quot;breakpoint&quot;: 768,
  2145. &quot;settings&quot;: {
  2146. &quot;slidesToShow&quot;: 2,
  2147. &quot;slidesToScroll&quot;: 2
  2148. }
  2149. }, {
  2150. &quot;breakpoint&quot;: 576,
  2151. &quot;settings&quot;: {
  2152. &quot;slidesToShow&quot;: 1,
  2153. &quot;slidesToScroll&quot;: 1
  2154. }
  2155. }]"><div class="js-prev u-arrow-v1 g-pos-abs g-bottom-0 g-width-45 g-height-45 g-color-gray-dark-v5 g-color-white--hover g-theme-bg-gray-light-v2 g-bg-primary--hover g-transition-0_2 g-transition--ease-in fa fa-chevron-left g-left-15 g-left-35x--md slick-arrow slick-disabled" aria-disabled="true" style="display: block;"></div>
  2156.  
  2157.  
  2158.  
  2159.  
  2160.  
  2161.  
  2162.  
  2163.  
  2164.  
  2165.  
  2166.  
  2167.  
  2168.  
  2169. <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 1680px; transform: translate3d(0px, 0px, 0px);"><div class="js-slide g-px-15 slick-slide slick-current slick-active" style="width: 240px; height: auto;" data-slick-index="0" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide90" aria-describedby="slick-slide-control90">
  2170. <!-- Figure -->
  2171. <figure class="text-center g-pos-rel">
  2172. <!-- Figure Image -->
  2173. <img class="w-100" src="assets/img-temp/810x1350/img1.jpg" alt="Image description">
  2174. <!-- End Figure Image -->
  2175.  
  2176. <!-- Figure Caption -->
  2177. <figcaption class="g-pos-abs g-top-0 g-left-0 d-flex w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in">
  2178. <div class="align-self-center g-pa-20">
  2179. <p class="text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Chef</p>
  2180. <h2 class="text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">George Freeman</h2>
  2181. <p class="g-font-size-default g-color-white-opacity-0_7 g-mb-20 g-px-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  2182. <ul class="list-inline g-mb-0">
  2183. <li class="list-inline-item g-mx-1">
  2184. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2185. <i class="fa fa-twitter"></i>
  2186. </a>
  2187. </li>
  2188. <li class="list-inline-item g-mx-1">
  2189. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2190. <i class="fa fa-pinterest"></i>
  2191. </a>
  2192. </li>
  2193. <li class="list-inline-item g-mx-1">
  2194. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2195. <i class="fa fa-facebook"></i>
  2196. </a>
  2197. </li>
  2198. <li class="list-inline-item g-mx-1">
  2199. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2200. <i class="fa fa-linkedin"></i>
  2201. </a>
  2202. </li>
  2203. </ul>
  2204. </div>
  2205. </figcaption>
  2206. <!-- End Figure Caption-->
  2207. </figure>
  2208. <!-- End Figure -->
  2209. </div><div class="js-slide g-px-15 slick-slide slick-active" style="width: 240px; height: auto;" data-slick-index="1" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide91">
  2210. <!-- Figure -->
  2211. <figure class="text-center g-pos-rel">
  2212. <!-- Figure Image -->
  2213. <img class="w-100" src="assets/img-temp/810x1350/img2.jpg" alt="Image description">
  2214. <!-- End Figure Image -->
  2215.  
  2216. <!-- Figure Caption -->
  2217. <figcaption class="g-pos-abs g-top-0 g-left-0 d-flex w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in">
  2218. <div class="align-self-center g-pa-20">
  2219. <p class="text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Chef</p>
  2220. <h2 class="text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Hilary Johnson</h2>
  2221. <p class="g-font-size-default g-color-white-opacity-0_7 g-mb-20 g-px-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  2222. <ul class="list-inline g-mb-0">
  2223. <li class="list-inline-item g-mx-1">
  2224. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2225. <i class="fa fa-twitter"></i>
  2226. </a>
  2227. </li>
  2228. <li class="list-inline-item g-mx-1">
  2229. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2230. <i class="fa fa-pinterest"></i>
  2231. </a>
  2232. </li>
  2233. <li class="list-inline-item g-mx-1">
  2234. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2235. <i class="fa fa-facebook"></i>
  2236. </a>
  2237. </li>
  2238. <li class="list-inline-item g-mx-1">
  2239. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2240. <i class="fa fa-linkedin"></i>
  2241. </a>
  2242. </li>
  2243. </ul>
  2244. </div>
  2245. </figcaption>
  2246. <!-- End Figure Caption-->
  2247. </figure>
  2248. <!-- End Figure -->
  2249. </div><div class="js-slide g-px-15 slick-slide slick-active" style="width: 240px; height: auto;" data-slick-index="2" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide92">
  2250. <!-- Figure -->
  2251. <figure class="text-center g-pos-rel">
  2252. <!-- Figure Image -->
  2253. <img class="w-100" src="assets/img-temp/810x1350/img3.jpg" alt="Image description">
  2254. <!-- End Figure Image -->
  2255.  
  2256. <!-- Figure Caption -->
  2257. <figcaption class="g-pos-abs g-top-0 g-left-0 d-flex w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in">
  2258. <div class="align-self-center g-pa-20">
  2259. <p class="text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Chef</p>
  2260. <h2 class="text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Alice Regen</h2>
  2261. <p class="g-font-size-default g-color-white-opacity-0_7 g-mb-20 g-px-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  2262. <ul class="list-inline g-mb-0">
  2263. <li class="list-inline-item g-mx-1">
  2264. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2265. <i class="fa fa-twitter"></i>
  2266. </a>
  2267. </li>
  2268. <li class="list-inline-item g-mx-1">
  2269. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2270. <i class="fa fa-pinterest"></i>
  2271. </a>
  2272. </li>
  2273. <li class="list-inline-item g-mx-1">
  2274. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2275. <i class="fa fa-facebook"></i>
  2276. </a>
  2277. </li>
  2278. <li class="list-inline-item g-mx-1">
  2279. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2280. <i class="fa fa-linkedin"></i>
  2281. </a>
  2282. </li>
  2283. </ul>
  2284. </div>
  2285. </figcaption>
  2286. <!-- End Figure Caption-->
  2287. </figure>
  2288. <!-- End Figure -->
  2289. </div><div class="js-slide g-px-15 slick-slide slick-active" style="width: 240px; height: auto;" data-slick-index="3" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide93">
  2290. <!-- Figure -->
  2291. <figure class="text-center g-pos-rel">
  2292. <!-- Figure Image -->
  2293. <img class="w-100" src="assets/img-temp/810x1350/img4.jpg" alt="Image description">
  2294. <!-- End Figure Image -->
  2295.  
  2296. <!-- Figure Caption -->
  2297. <figcaption class="g-pos-abs g-top-0 g-left-0 d-flex w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in">
  2298. <div class="align-self-center g-pa-20">
  2299. <p class="text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Chef</p>
  2300. <h2 class="text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Kate Dolli</h2>
  2301. <p class="g-font-size-default g-color-white-opacity-0_7 g-mb-20 g-px-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  2302. <ul class="list-inline g-mb-0">
  2303. <li class="list-inline-item g-mx-1">
  2304. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2305. <i class="fa fa-twitter"></i>
  2306. </a>
  2307. </li>
  2308. <li class="list-inline-item g-mx-1">
  2309. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2310. <i class="fa fa-pinterest"></i>
  2311. </a>
  2312. </li>
  2313. <li class="list-inline-item g-mx-1">
  2314. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2315. <i class="fa fa-facebook"></i>
  2316. </a>
  2317. </li>
  2318. <li class="list-inline-item g-mx-1">
  2319. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="0">
  2320. <i class="fa fa-linkedin"></i>
  2321. </a>
  2322. </li>
  2323. </ul>
  2324. </div>
  2325. </figcaption>
  2326. <!-- End Figure Caption-->
  2327. </figure>
  2328. <!-- End Figure -->
  2329. </div><div class="js-slide g-px-15 slick-slide" style="width: 240px; height: auto;" data-slick-index="4" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide94" aria-describedby="slick-slide-control91">
  2330. <!-- Figure -->
  2331. <figure class="text-center g-pos-rel">
  2332. <!-- Figure Image -->
  2333. <img class="w-100" src="assets/img-temp/810x1350/img5.jpg" alt="Image description">
  2334. <!-- End Figure Image -->
  2335.  
  2336. <!-- Figure Caption -->
  2337. <figcaption class="g-pos-abs g-top-0 g-left-0 d-flex w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in">
  2338. <div class="align-self-center g-pa-20">
  2339. <p class="text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Chef</p>
  2340. <h2 class="text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Mona Watson</h2>
  2341. <p class="g-font-size-default g-color-white-opacity-0_7 g-mb-20 g-px-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  2342. <ul class="list-inline g-mb-0">
  2343. <li class="list-inline-item g-mx-1">
  2344. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="-1">
  2345. <i class="fa fa-twitter"></i>
  2346. </a>
  2347. </li>
  2348. <li class="list-inline-item g-mx-1">
  2349. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="-1">
  2350. <i class="fa fa-pinterest"></i>
  2351. </a>
  2352. </li>
  2353. <li class="list-inline-item g-mx-1">
  2354. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="-1">
  2355. <i class="fa fa-facebook"></i>
  2356. </a>
  2357. </li>
  2358. <li class="list-inline-item g-mx-1">
  2359. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="-1">
  2360. <i class="fa fa-linkedin"></i>
  2361. </a>
  2362. </li>
  2363. </ul>
  2364. </div>
  2365. </figcaption>
  2366. <!-- End Figure Caption-->
  2367. </figure>
  2368. <!-- End Figure -->
  2369. </div><div class="js-slide g-px-15 slick-slide" style="width: 240px; height: auto;" data-slick-index="5" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide95">
  2370. <!-- Figure -->
  2371. <figure class="text-center g-pos-rel">
  2372. <!-- Figure Image -->
  2373. <img class="w-100" src="assets/img-temp/810x1350/img6.jpg" alt="Image description">
  2374. <!-- End Figure Image -->
  2375.  
  2376. <!-- Figure Caption -->
  2377. <figcaption class="g-pos-abs g-top-0 g-left-0 d-flex w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in">
  2378. <div class="align-self-center g-pa-20">
  2379. <p class="text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Chef</p>
  2380. <h2 class="text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Edward Luma</h2>
  2381. <p class="g-font-size-default g-color-white-opacity-0_7 g-mb-20 g-px-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  2382. <ul class="list-inline g-mb-0">
  2383. <li class="list-inline-item g-mx-1">
  2384. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="-1">
  2385. <i class="fa fa-twitter"></i>
  2386. </a>
  2387. </li>
  2388. <li class="list-inline-item g-mx-1">
  2389. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="-1">
  2390. <i class="fa fa-pinterest"></i>
  2391. </a>
  2392. </li>
  2393. <li class="list-inline-item g-mx-1">
  2394. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="-1">
  2395. <i class="fa fa-facebook"></i>
  2396. </a>
  2397. </li>
  2398. <li class="list-inline-item g-mx-1">
  2399. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="-1">
  2400. <i class="fa fa-linkedin"></i>
  2401. </a>
  2402. </li>
  2403. </ul>
  2404. </div>
  2405. </figcaption>
  2406. <!-- End Figure Caption-->
  2407. </figure>
  2408. <!-- End Figure -->
  2409. </div><div class="js-slide g-px-15 slick-slide" style="width: 240px; height: auto;" data-slick-index="6" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide96">
  2410. <!-- Figure -->
  2411. <figure class="text-center g-pos-rel">
  2412. <!-- Figure Image -->
  2413. <img class="w-100" src="assets/img-temp/810x1350/img7.jpg" alt="Image description">
  2414. <!-- End Figure Image -->
  2415.  
  2416. <!-- Figure Caption -->
  2417. <figcaption class="g-pos-abs g-top-0 g-left-0 d-flex w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in">
  2418. <div class="align-self-center g-pa-20">
  2419. <p class="text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-15">Chef</p>
  2420. <h2 class="text-uppercase g-font-weight-700 g-font-size-16 g-color-white g-mb-15">Shadiah Dolumn</h2>
  2421. <p class="g-font-size-default g-color-white-opacity-0_7 g-mb-20 g-px-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  2422. <ul class="list-inline g-mb-0">
  2423. <li class="list-inline-item g-mx-1">
  2424. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="-1">
  2425. <i class="fa fa-twitter"></i>
  2426. </a>
  2427. </li>
  2428. <li class="list-inline-item g-mx-1">
  2429. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="-1">
  2430. <i class="fa fa-pinterest"></i>
  2431. </a>
  2432. </li>
  2433. <li class="list-inline-item g-mx-1">
  2434. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="-1">
  2435. <i class="fa fa-facebook"></i>
  2436. </a>
  2437. </li>
  2438. <li class="list-inline-item g-mx-1">
  2439. <a href="#!" class="u-icon u-icon-v3 g-width-35 g-height-35 g-font-size-default g-color-white g-color-primary--hover g-bg-white-opacity-0_5 g-bg-white--hover" tabindex="-1">
  2440. <i class="fa fa-linkedin"></i>
  2441. </a>
  2442. </li>
  2443. </ul>
  2444. </div>
  2445. </figcaption>
  2446. <!-- End Figure Caption-->
  2447. </figure>
  2448. <!-- End Figure -->
  2449. </div></div></div><div class="js-next u-arrow-v1 g-pos-abs g-bottom-0 g-width-45 g-height-45 g-color-gray-dark-v5 g-color-white--hover g-theme-bg-gray-light-v2 g-bg-primary--hover g-transition-0_2 g-transition--ease-in fa fa-chevron-right g-right-15 g-right-35x--md slick-arrow" style="display: block;" aria-disabled="false"></div><ul class="js-pagination u-carousel-indicators-v1 g-absolute-centered--x g-bottom-20 text-center" style="display: flex;" role="tablist"><li class="slick-active slick-current" role="presentation"><span></span></li><li role="presentation"><span></span></li></ul></section>
  2450. <!-- End Carousel -->
  2451. </div>
  2452. </section>
  2453. <!-- End Section Content -->
  2454.  
  2455. <!-- Section Content -->
  2456. <section id="bookingForm" class="g-theme-bg-gray-light-v4 g-py-100">
  2457. <div class="container g-max-width-780 text-center g-mb-60">
  2458. <div class="text-center text-uppercase u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
  2459. <h4 class="g-font-weight-700 g-font-size-12 g-color-primary g-mb-15">Customer choice</h4>
  2460. <h2 class="u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-32 g-font-size-40--md g-bg-primary--before g-pb-40">Good taste</h2>
  2461. </div>
  2462.  
  2463. <p class="mb-0">Etiam ultrices lacus ut ligula vestibulum, sit amet mattis nunc elementum. Nam arcu enim, euismod nec purus non, aliquam congue ante. Nulla faucibus enim mauris, fringilla mollis ligula sollicitudin mollis.</p>
  2464. </div>
  2465.  
  2466. <div class="container">
  2467. <section class="js-carousel g-mx-minus-15 slick-initialized slick-slider" data-slides-show="4" data-arrows-classes="u-arrow-v1 g-pos-abs g-top-0 g-width-45 g-height-45 g-color-primary g-color-white--hover g-bg-white g-bg-primary--hover g-mt-80 g-transition-0_2 g-transition--ease-in" data-arrow-left-classes="fa fa-chevron-left g-left-15" data-arrow-right-classes="fa fa-chevron-right g-right-15" data-responsive="[{
  2468. &quot;breakpoint&quot;: 1200,
  2469. &quot;settings&quot;: {
  2470. &quot;slidesToShow&quot;: 4
  2471. }
  2472. }, {
  2473. &quot;breakpoint&quot;: 992,
  2474. &quot;settings&quot;: {
  2475. &quot;slidesToShow&quot;: 2
  2476. }
  2477. }, {
  2478. &quot;breakpoint&quot;: 576,
  2479. &quot;settings&quot;: {
  2480. &quot;slidesToShow&quot;: 1
  2481. }
  2482. }]"><div class="js-prev u-arrow-v1 g-pos-abs g-top-0 g-width-45 g-height-45 g-color-primary g-color-white--hover g-bg-white g-bg-primary--hover g-mt-80 g-transition-0_2 g-transition--ease-in fa fa-chevron-left g-left-15 slick-arrow slick-disabled" aria-disabled="true" style="display: block;"></div>
  2483.  
  2484.  
  2485.  
  2486.  
  2487.  
  2488.  
  2489.  
  2490.  
  2491.  
  2492.  
  2493.  
  2494.  
  2495.  
  2496.  
  2497.  
  2498. <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 1920px; transform: translate3d(0px, 0px, 0px);"><div class="js-slide g-px-15 g-pb-10 slick-slide slick-current slick-active" style="width: 240px; height: auto;" data-slick-index="0" aria-hidden="false" tabindex="0">
  2499. <!-- Article -->
  2500. <article class="u-shadow-v10 g-bg-white g-color-gray-light-v28">
  2501. <!-- Article Image -->
  2502. <img class="w-100" src="assets/img-temp/810x600/img1.jpg" alt="Image description">
  2503. <!-- End Article Image -->
  2504.  
  2505. <!-- Article Content -->
  2506. <div class="g-py-30 g-px-25">
  2507. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  2508. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  2509. <p class="g-mb-20">Curabitur eget tortor sed urna faucibus iaculis id et nulla. Aliquam erat volutpat.</p>
  2510. <strong class="g-color-primary g-font-size-16">$12.99</strong>
  2511. </div>
  2512. <!-- End Article Content -->
  2513. </article>
  2514. <!-- End Article -->
  2515. </div><div class="js-slide g-px-15 g-pb-10 slick-slide slick-active" style="width: 240px; height: auto;" data-slick-index="1" aria-hidden="false" tabindex="0">
  2516. <!-- Article -->
  2517. <article class="u-shadow-v10 g-bg-white g-color-gray-light-v28">
  2518. <!-- Article Image -->
  2519. <img class="w-100" src="assets/img-temp/810x600/img2.jpg" alt="Image description">
  2520. <!-- End Article Image -->
  2521.  
  2522. <!-- Article Content -->
  2523. <div class="g-py-30 g-px-25">
  2524. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  2525. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  2526. <p class="g-mb-20">Curabitur eget tortor sed urna faucibus iaculis id et nulla. Aliquam erat volutpat.</p>
  2527. <strong class="g-color-primary g-font-size-16">$12.99</strong>
  2528. </div>
  2529. <!-- End Article Content -->
  2530. </article>
  2531. <!-- End Article -->
  2532. </div><div class="js-slide g-px-15 g-pb-10 slick-slide slick-active" style="width: 240px; height: auto;" data-slick-index="2" aria-hidden="false" tabindex="0">
  2533. <!-- Article -->
  2534. <article class="u-shadow-v10 g-bg-white g-color-gray-light-v28">
  2535. <!-- Article Image -->
  2536. <img class="w-100" src="assets/img-temp/810x600/img3.jpg" alt="Image description">
  2537. <!-- End Article Image -->
  2538.  
  2539. <!-- Article Content -->
  2540. <div class="g-py-30 g-px-25">
  2541. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  2542. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  2543. <p class="g-mb-20">Curabitur eget tortor sed urna faucibus iaculis id et nulla. Aliquam erat volutpat.</p>
  2544. <strong class="g-color-primary g-font-size-16">$12.99</strong>
  2545. </div>
  2546. <!-- End Article Content -->
  2547. </article>
  2548. <!-- End Article -->
  2549. </div><div class="js-slide g-px-15 g-pb-10 slick-slide slick-active" style="width: 240px; height: auto;" data-slick-index="3" aria-hidden="false" tabindex="0">
  2550. <!-- Article -->
  2551. <article class="u-shadow-v10 g-bg-white g-color-gray-light-v28">
  2552. <!-- Article Image -->
  2553. <img class="w-100" src="assets/img-temp/810x600/img4.jpg" alt="Image description">
  2554. <!-- End Article Image -->
  2555.  
  2556. <!-- Article Content -->
  2557. <div class="g-py-30 g-px-25">
  2558. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  2559. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  2560. <p class="g-mb-20">Curabitur eget tortor sed urna faucibus iaculis id et nulla. Aliquam erat volutpat.</p>
  2561. <strong class="g-color-primary g-font-size-16">$12.99</strong>
  2562. </div>
  2563. <!-- End Article Content -->
  2564. </article>
  2565. <!-- End Article -->
  2566. </div><div class="js-slide g-px-15 g-pb-10 slick-slide" style="width: 240px; height: auto;" data-slick-index="4" aria-hidden="true" tabindex="-1">
  2567. <!-- Article -->
  2568. <article class="u-shadow-v10 g-bg-white g-color-gray-light-v28">
  2569. <!-- Article Image -->
  2570. <img class="w-100" src="assets/img-temp/810x600/img1.jpg" alt="Image description">
  2571. <!-- End Article Image -->
  2572.  
  2573. <!-- Article Content -->
  2574. <div class="g-py-30 g-px-25">
  2575. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  2576. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  2577. <p class="g-mb-20">Curabitur eget tortor sed urna faucibus iaculis id et nulla. Aliquam erat volutpat.</p>
  2578. <strong class="g-color-primary g-font-size-16">$12.99</strong>
  2579. </div>
  2580. <!-- End Article Content -->
  2581. </article>
  2582. <!-- End Article -->
  2583. </div><div class="js-slide g-px-15 g-pb-10 slick-slide" style="width: 240px; height: auto;" data-slick-index="5" aria-hidden="true" tabindex="-1">
  2584. <!-- Article -->
  2585. <article class="u-shadow-v10 g-bg-white g-color-gray-light-v28">
  2586. <!-- Article Image -->
  2587. <img class="w-100" src="assets/img-temp/810x600/img2.jpg" alt="Image description">
  2588. <!-- End Article Image -->
  2589.  
  2590. <!-- Article Content -->
  2591. <div class="g-py-30 g-px-25">
  2592. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  2593. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  2594. <p class="g-mb-20">Curabitur eget tortor sed urna faucibus iaculis id et nulla. Aliquam erat volutpat.</p>
  2595. <strong class="g-color-primary g-font-size-16">$12.99</strong>
  2596. </div>
  2597. <!-- End Article Content -->
  2598. </article>
  2599. <!-- End Article -->
  2600. </div><div class="js-slide g-px-15 g-pb-10 slick-slide" style="width: 240px; height: auto;" data-slick-index="6" aria-hidden="true" tabindex="-1">
  2601. <!-- Article -->
  2602. <article class="u-shadow-v10 g-bg-white g-color-gray-light-v28">
  2603. <!-- Article Image -->
  2604. <img class="w-100" src="assets/img-temp/810x600/img3.jpg" alt="Image description">
  2605. <!-- End Article Image -->
  2606.  
  2607. <!-- Article Content -->
  2608. <div class="g-py-30 g-px-25">
  2609. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  2610. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  2611. <p class="g-mb-20">Curabitur eget tortor sed urna faucibus iaculis id et nulla. Aliquam erat volutpat.</p>
  2612. <strong class="g-color-primary g-font-size-16">$12.99</strong>
  2613. </div>
  2614. <!-- End Article Content -->
  2615. </article>
  2616. <!-- End Article -->
  2617. </div><div class="js-slide g-px-15 g-pb-10 slick-slide" style="width: 240px; height: auto;" data-slick-index="7" aria-hidden="true" tabindex="-1">
  2618. <!-- Article -->
  2619. <article class="u-shadow-v10 g-bg-white g-color-gray-light-v28">
  2620. <!-- Article Image -->
  2621. <img class="w-100" src="assets/img-temp/810x600/img4.jpg" alt="Image description">
  2622. <!-- End Article Image -->
  2623.  
  2624. <!-- Article Content -->
  2625. <div class="g-py-30 g-px-25">
  2626. <em class="d-block text-uppercase font-weight-bold g-color-primary g-font-style-normal g-font-size-11 g-mb-7">Steak</em>
  2627. <h4 class="text-uppercase font-weight-bold h6 g-color-black-dark-v1 g-mb-10">Steak + Potatoes</h4>
  2628. <p class="g-mb-20">Curabitur eget tortor sed urna faucibus iaculis id et nulla. Aliquam erat volutpat.</p>
  2629. <strong class="g-color-primary g-font-size-16">$12.99</strong>
  2630. </div>
  2631. <!-- End Article Content -->
  2632. </article>
  2633. <!-- End Article -->
  2634. </div></div></div><div class="js-next u-arrow-v1 g-pos-abs g-top-0 g-width-45 g-height-45 g-color-primary g-color-white--hover g-bg-white g-bg-primary--hover g-mt-80 g-transition-0_2 g-transition--ease-in fa fa-chevron-right g-right-15 slick-arrow" style="display: block;" aria-disabled="false"></div></section>
  2635. </div>
  2636. </section>
  2637. <!-- End Section Content -->
  2638.  
  2639. <div id="contact">
  2640. <!-- Section Content -->
  2641. <section class="text-center g-color-white g-bg-primary g-py-80">
  2642. <div class="container g-max-width-780">
  2643. <div class="text-center text-uppercase u-heading-v7-3 g-mb-30">
  2644. <h3 class="g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-20">Booking from</h3>
  2645. <h2 class="u-heading-v7__title g-font-weight-700 g-font-size-32 g-font-size-40--md g-color-white g-mb-30">Reservation with open table</h2>
  2646.  
  2647. <div class="u-heading-v7-divider g-brd-gray-light-v4">
  2648. <i class="fa fa-circle"></i>
  2649. </div>
  2650. </div>
  2651.  
  2652. <p class="g-color-white-opacity-0_7 g-mb-75">Etiam ultrices lacus ut ligula vestibulum, sit amet mattis nunc elementum. Nam arcu enim, euismod nec purus non, aliquam congue ante. Nulla faucibus enim mauris, fringilla mollis ligula sollicitudin mollis.</p>
  2653. </div>
  2654.  
  2655. <div class="container">
  2656. <form>
  2657. <div class="row g-mb-40">
  2658. <div class="col-md-4">
  2659. <div class="form-group g-pos-rel">
  2660. <input class="form-control u-theme-shadow-v1 g-font-size-default g-color-white g-placeholder-inherit g-theme-bg-primary-dark-v1 g-brd-none rounded-0 g-px-25 g-py-13" type="text" placeholder="Reservation date">
  2661.  
  2662. <div class="g-pos-abs g-top-0 g-right-0 g-flex-centered g-width-40 h-100 g-color-white">
  2663. <i class="fa fa-calendar"></i></div>
  2664. </div>
  2665. </div>
  2666.  
  2667. <div class="col-md-4">
  2668. <div class="form-group g-pos-rel">
  2669. <input class="form-control u-theme-shadow-v1 g-font-size-default g-color-white g-placeholder-inherit g-theme-bg-primary-dark-v1 g-brd-none rounded-0 g-px-25 g-py-13" type="text" placeholder="Reservation time">
  2670.  
  2671. <div class="g-pos-abs g-top-0 g-right-0 g-flex-centered g-width-40 h-100 g-color-white">
  2672. <i class="fa fa-clock-o"></i></div>
  2673. </div>
  2674. </div>
  2675.  
  2676. <div class="col-md-4">
  2677. <div class="form-group g-pos-rel">
  2678. <input class="form-control u-theme-shadow-v1 g-font-size-default g-color-white g-placeholder-inherit g-theme-bg-primary-dark-v1 g-brd-none rounded-0 g-px-25 g-py-13" type="text" placeholder="Persons">
  2679.  
  2680. <div class="g-pos-abs g-top-0 g-right-0 g-flex-centered g-width-40 h-100 g-color-white">
  2681. <i class="fa fa-users"></i></div>
  2682. </div>
  2683. </div>
  2684. </div>
  2685.  
  2686. <button class="btn text-uppercase u-btn-white g-font-weight-700 g-font-size-11 g-theme-color-gray-dark-v2 g-brd-none rounded-0 g-px-30 g-py-25" type="submit" role="button">Book now</button>
  2687. </form>
  2688. </div>
  2689. </section>
  2690. <!-- End Section Content -->
  2691.  
  2692. <!-- Google (Map) [custom] -->
  2693. <section class="text-center g-pos-rel g-height-600">
  2694. <div id="gMap3" class="js-g-map g-pos-abs w-100 h-100" data-lat="-34.397" data-lng="150.644" style="overflow: hidden;"><div style="height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(229, 227, 223);"><div class="gm-style" style="position: absolute; z-index: 0; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px;"><div tabindex="0" style="position: absolute; z-index: 0; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; cursor: url(&quot;https://maps.gstatic.com/mapfiles/openhand_8_8.cur&quot;) 8 8, default;"><div style="z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; transform-origin: 0px 0px 0px; transform: matrix(1, 0, 0, 1, 0, 0);"><div style="position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div aria-hidden="true" style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;"><div style="width: 256px; height: 256px; position: absolute; left: 283px; top: 56px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 283px; top: 312px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 539px; top: 56px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 539px; top: 312px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 283px; top: 568px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 283px; top: -200px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 539px; top: -200px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 27px; top: 56px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 795px; top: 56px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 27px; top: 312px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 795px; top: 312px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 539px; top: 568px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 795px; top: -200px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 27px; top: -200px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 27px; top: 568px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 795px; top: 568px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -229px; top: 312px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1051px; top: 312px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1051px; top: 56px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -229px; top: 56px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1051px; top: -200px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -229px; top: -200px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -229px; top: 568px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1051px; top: 568px;"></div></div></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: -1;"><div aria-hidden="true" style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;"><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 283px; top: 56px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 283px; top: 312px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 539px; top: 56px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 539px; top: 312px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 283px; top: 568px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 283px; top: -200px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 539px; top: -200px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 27px; top: 56px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 795px; top: 56px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 27px; top: 312px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 795px; top: 312px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 539px; top: 568px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 795px; top: -200px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 27px; top: -200px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 27px; top: 568px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 795px; top: 568px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -229px; top: 312px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1051px; top: 312px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1051px; top: 56px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -229px; top: 56px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1051px; top: -200px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -229px; top: -200px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -229px; top: 568px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1051px; top: 568px;"></div></div></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div aria-hidden="true" style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;"><div style="position: absolute; left: 283px; top: -200px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15047!3i9859!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=33694" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 283px; top: 568px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15047!3i9862!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=53194" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 539px; top: 312px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15048!3i9861!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=90525" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 539px; top: 56px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15048!3i9860!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=130246" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 283px; top: 312px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15047!3i9861!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=92915" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 283px; top: 56px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15047!3i9860!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=1565" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 27px; top: 312px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15046!3i9861!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=95305" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 795px; top: 56px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15049!3i9860!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=127856" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 27px; top: 56px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15046!3i9860!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=3955" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 539px; top: -200px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15048!3i9859!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=31304" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 795px; top: 312px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15049!3i9861!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=88135" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 539px; top: 568px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15048!3i9862!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=50804" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: -229px; top: 312px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15045!3i9861!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=97695" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: -229px; top: 56px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15045!3i9860!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=6345" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 1051px; top: 56px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15050!3i9860!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=80257" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 1051px; top: 312px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15050!3i9861!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=40536" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 795px; top: 568px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15049!3i9862!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=48414" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 27px; top: -200px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15046!3i9859!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=36084" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 27px; top: 568px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15046!3i9862!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=55584" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 795px; top: -200px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15049!3i9859!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=28914" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: -229px; top: 568px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15045!3i9862!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=57974" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: -229px; top: -200px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15045!3i9859!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=38474" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 1051px; top: -200px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15050!3i9859!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=112386" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 1051px; top: 568px; transition: opacity 200ms ease-out;"><img draggable="false" alt="" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i14!2i15050!3i9862!4i256!2m3!1e0!2sm!3i403099950!3m9!2sen-US!3sUS!5e18!12m1!1e68!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&amp;token=815" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div></div></div></div><div style="z-index: 2; position: absolute; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; left: 0px; top: 0px; opacity: 0;" class="gm-style-pbc"><p class="gm-style-pbt"></p></div><div style="z-index: 3; position: absolute; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; left: 0px; top: 0px;"><div style="z-index: 1; position: absolute; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; left: 0px; top: 0px;"></div></div><div style="z-index: 4; position: absolute; top: 0px; left: 0px; width: 100%; transform-origin: 0px 0px 0px; transform: matrix(1, 0, 0, 1, 0, 0);"><div style="position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 107; width: 100%;"></div></div></div><div style="margin-left: 5px; margin-right: 5px; z-index: 1000000; position: absolute; left: 0px; bottom: 0px;"><a target="_blank" href="https://maps.google.com/maps?ll=-34.397,150.644&amp;z=14&amp;t=m&amp;hl=en-US&amp;gl=US&amp;mapclient=apiv3" title="Click to see this area on Google Maps" style="position: static; overflow: visible; float: none; display: inline;"><div style="width: 66px; height: 26px; cursor: pointer;"><img alt="" src="https://maps.gstatic.com/mapfiles/api-3/images/google4_hdpi.png" draggable="false" style="position: absolute; left: 0px; top: 0px; width: 66px; height: 26px; user-select: none; border: 0px; padding: 0px; margin: 0px;"></div></a></div><div style="background-color: white; padding: 15px 21px; border: 1px solid rgb(171, 171, 171); font-family: Roboto, Arial, sans-serif; color: rgb(34, 34, 34); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; z-index: 10000002; display: none; width: 256px; height: 148px; position: absolute; left: 383px; top: 210px;"><div style="padding: 0px 0px 10px; font-size: 16px;">Map Data</div><div style="font-size: 13px;">Map data ©2017 Google</div><div style="width: 13px; height: 13px; overflow: hidden; position: absolute; opacity: 0.7; right: 12px; top: 12px; z-index: 10000; cursor: pointer;"><img alt="" src="https://maps.gstatic.com/mapfiles/api-3/images/mapcnt6.png" draggable="false" style="position: absolute; left: -2px; top: -336px; width: 59px; height: 492px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div></div><div class="gmnoprint" style="z-index: 1000001; position: absolute; right: 276px; bottom: 0px; width: 121px;"><div draggable="false" class="gm-style-cc" style="user-select: none; height: 14px; line-height: 14px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><a style="color: rgb(68, 68, 68); text-decoration: none; cursor: pointer; display: none;">Map Data</a><span>Map data ©2017 Google</span></div></div></div><div class="gmnoscreen" style="position: absolute; right: 0px; bottom: 0px;"><div style="font-family: Roboto, Arial, sans-serif; font-size: 11px; color: rgb(68, 68, 68); direction: ltr; text-align: right; background-color: rgb(245, 245, 245);">Map data ©2017 Google</div></div><div class="gmnoprint gm-style-cc" draggable="false" style="z-index: 1000001; user-select: none; height: 14px; line-height: 14px; position: absolute; right: 95px; bottom: 0px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><a href="https://www.google.com/intl/en-US_US/help/terms_maps.html" target="_blank" style="text-decoration: none; cursor: pointer; color: rgb(68, 68, 68);">Terms of Use</a></div></div><button draggable="false" title="Toggle fullscreen view" aria-label="Toggle fullscreen view" type="button" style="background: none; border: 0px; margin: 10px 14px; padding: 0px; position: absolute; cursor: pointer; user-select: none; width: 25px; height: 25px; overflow: hidden; top: 0px; right: 0px;"><img alt="" src="https://maps.gstatic.com/mapfiles/api-3/images/sv9.png" draggable="false" class="gm-fullscreen-control" style="position: absolute; left: -52px; top: -86px; width: 164px; height: 175px; user-select: none; border: 0px; padding: 0px; margin: 0px;"></button><div draggable="false" class="gm-style-cc" style="user-select: none; height: 14px; line-height: 14px; position: absolute; right: 0px; bottom: 0px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><a target="_new" title="Report errors in the road map or imagery to Google" href="https://www.google.com/maps/@-34.397,150.644,14z/data=!10m1!1e1!12b1?source=apiv3&amp;rapsrc=apiv3" style="font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); text-decoration: none; position: relative;">Report a map error</a></div></div><div class="gmnoprint gm-bundled-control" draggable="false" controlwidth="28" controlheight="55" style="margin: 10px; user-select: none; position: absolute; left: 0px; top: 0px;"><div class="gmnoprint" controlwidth="28" controlheight="55" style="position: absolute; left: 0px; top: 0px;"><div draggable="false" style="user-select: none; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-radius: 2px; cursor: pointer; background-color: rgb(255, 255, 255); width: 28px; height: 55px;"><button draggable="false" title="Zoom in" aria-label="Zoom in" type="button" style="background: none; display: block; border: 0px; margin: 0px; padding: 0px; position: relative; cursor: pointer; user-select: none; width: 28px; height: 27px; top: 0px; left: 0px;"><div style="overflow: hidden; position: absolute; width: 15px; height: 15px; left: 7px; top: 6px;"><img alt="" src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl_hdpi.png" draggable="false" style="position: absolute; left: 0px; top: 0px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none; width: 120px; height: 54px;"></div></button><div style="position: relative; overflow: hidden; width: 67%; height: 1px; left: 16%; background-color: rgb(230, 230, 230); top: 0px;"></div><button draggable="false" title="Zoom out" aria-label="Zoom out" type="button" style="background: none; display: block; border: 0px; margin: 0px; padding: 0px; position: relative; cursor: pointer; user-select: none; width: 28px; height: 27px; top: 0px; left: 0px;"><div style="overflow: hidden; position: absolute; width: 15px; height: 15px; left: 7px; top: 6px;"><img alt="" src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl_hdpi.png" draggable="false" style="position: absolute; left: 0px; top: -15px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none; width: 120px; height: 54px;"></div></button></div></div></div><div class="gmnoprint gm-bundled-control gm-bundled-control-on-bottom" draggable="false" controlwidth="28" controlheight="28" style="margin: 10px; user-select: none; position: absolute; bottom: 42px; right: 28px;"><div class="gm-svpc" controlwidth="28" controlheight="28" style="background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-radius: 2px; width: 28px; height: 28px; cursor: url(&quot;https://maps.gstatic.com/mapfiles/openhand_8_8.cur&quot;) 8 8, default; position: absolute; left: 0px; top: 0px;"><div style="position: absolute; left: 1px; top: 1px;"></div><div style="position: absolute; left: 1px; top: 1px;"><div aria-label="Street View Pegman Control" style="width: 26px; height: 26px; overflow: hidden; position: absolute; left: 0px; top: 0px;"><img alt="" src="https://maps.gstatic.com/mapfiles/api-3/images/cb_scout5_hdpi.png" draggable="false" style="position: absolute; left: -147px; top: -26px; width: 215px; height: 835px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div aria-label="Pegman is on top of the Map" style="width: 26px; height: 26px; overflow: hidden; position: absolute; left: 0px; top: 0px; visibility: hidden;"><img alt="" src="https://maps.gstatic.com/mapfiles/api-3/images/cb_scout5_hdpi.png" draggable="false" style="position: absolute; left: -147px; top: -52px; width: 215px; height: 835px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div aria-label="Street View Pegman Control" style="width: 26px; height: 26px; overflow: hidden; position: absolute; left: 0px; top: 0px; visibility: hidden;"><img alt="" src="https://maps.gstatic.com/mapfiles/api-3/images/cb_scout5_hdpi.png" draggable="false" style="position: absolute; left: -147px; top: -78px; width: 215px; height: 835px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div></div></div><div class="gmnoprint" controlwidth="28" controlheight="0" style="display: none; position: absolute;"><div title="Rotate map 90 degrees" style="width: 28px; height: 28px; overflow: hidden; position: absolute; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-radius: 2px; cursor: pointer; display: none;"><img alt="" src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl4_hdpi.png" draggable="false" style="position: absolute; left: -141px; top: 6px; width: 170px; height: 54px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div class="gm-tilt" style="width: 28px; height: 28px; overflow: hidden; position: absolute; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-radius: 2px; top: 0px; cursor: pointer;"><img alt="" src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl4_hdpi.png" draggable="false" style="position: absolute; left: -141px; top: -13px; width: 170px; height: 54px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div></div></div><div class="gmnoprint" style="margin: 10px; z-index: 0; position: absolute; cursor: pointer; left: 48px; top: 0px;"><div class="gm-style-mtc" style="float: left; position: relative;"><div role="button" tabindex="0" title="Show street map" aria-label="Show street map" aria-pressed="true" draggable="false" style="direction: ltr; overflow: hidden; text-align: center; position: relative; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 8px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 22px; font-weight: 500;">Map</div><div style="background-color: white; z-index: -1; padding: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; position: absolute; left: 0px; top: 29px; text-align: left; display: none;"><div draggable="false" title="Show street map with terrain" style="color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 6px 8px 6px 6px; direction: ltr; text-align: left; white-space: nowrap;"><span role="checkbox" style="box-sizing: border-box; position: relative; line-height: 0; font-size: 0px; margin: 0px 5px 0px 0px; display: inline-block; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); border-radius: 1px; width: 13px; height: 13px; vertical-align: middle;"><div style="position: absolute; left: 1px; top: -2px; width: 13px; height: 11px; overflow: hidden; display: none;"><img alt="" src="https://maps.gstatic.com/mapfiles/mv/imgs8.png" draggable="false" style="position: absolute; left: -52px; top: -44px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none; width: 68px; height: 67px;"></div></span><label style="vertical-align: middle; cursor: pointer;">Terrain</label></div></div></div><div class="gm-style-mtc" style="float: left; position: relative;"><div role="button" tabindex="0" title="Show satellite imagery" aria-label="Show satellite imagery" aria-pressed="false" draggable="false" style="direction: ltr; overflow: hidden; text-align: center; position: relative; color: rgb(86, 86, 86); font-family: Roboto, Arial, sans-serif; user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 8px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 39px; border-left: 0px;">Satellite</div><div style="background-color: white; z-index: -1; padding: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; position: absolute; right: 0px; top: 29px; text-align: left; display: none;"><div draggable="false" title="Show imagery with street names" style="color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 6px 8px 6px 6px; direction: ltr; text-align: left; white-space: nowrap;"><span role="checkbox" style="box-sizing: border-box; position: relative; line-height: 0; font-size: 0px; margin: 0px 5px 0px 0px; display: inline-block; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); border-radius: 1px; width: 13px; height: 13px; vertical-align: middle;"><div style="position: absolute; left: 1px; top: -2px; width: 13px; height: 11px; overflow: hidden;"><img alt="" src="https://maps.gstatic.com/mapfiles/mv/imgs8.png" draggable="false" style="position: absolute; left: -52px; top: -44px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none; width: 68px; height: 67px;"></div></span><label style="vertical-align: middle; cursor: pointer;">Labels</label></div></div></div></div><div draggable="false" class="gm-style-cc" style="position: absolute; user-select: none; height: 14px; line-height: 14px; right: 166px; bottom: 0px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><span>500 m&nbsp;</span><div style="position: relative; display: inline-block; height: 8px; bottom: -1px; width: 67px;"><div style="width: 100%; height: 4px; position: absolute; left: 0px; top: 0px;"></div><div style="width: 4px; height: 8px; left: 0px; top: 0px; background-color: rgb(255, 255, 255);"></div><div style="width: 4px; height: 8px; position: absolute; background-color: rgb(255, 255, 255); right: 0px; bottom: 0px;"></div><div style="position: absolute; background-color: rgb(102, 102, 102); height: 2px; left: 1px; bottom: 1px; right: 1px;"></div><div style="position: absolute; width: 2px; height: 6px; left: 1px; top: 1px; background-color: rgb(102, 102, 102);"></div><div style="width: 2px; height: 6px; position: absolute; background-color: rgb(102, 102, 102); bottom: 1px; right: 1px;"></div></div></div></div></div></div></div>
  2695.  
  2696. <div class="g-absolute-centered g-width-600">
  2697. <div class="container">
  2698. <div class="row mx-0">
  2699. <div class="col-sm-6 g-bg-img-hero g-min-height-250 px-0" style="background-image: url(assets/img-temp/900x1164/img1.jpg);"></div>
  2700.  
  2701. <div class="col-sm-6 d-flex g-color-white g-bg-primary g-pa-20">
  2702. <div class="align-self-center w-100">
  2703. <address>
  2704. <div class="g-mb-20">
  2705. <h3 class="text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-5">Address</h3>
  2706. <strong>In sed lectus tincidunt</strong>
  2707. </div>
  2708.  
  2709. <div class="g-mb-20">
  2710. <h3 class="text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-5">Phone number</h3>
  2711. <strong>+4586 585 4580</strong>
  2712. </div>
  2713.  
  2714. <div class="g-mb-20">
  2715. <h3 class="text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-5">Email</h3>
  2716. <a class="g-color-white" href="mailto:info@unify.com"><strong>info@unify.com</strong></a>
  2717. </div>
  2718.  
  2719. <div>
  2720. <h3 class="text-uppercase g-font-size-11 g-color-white-opacity-0_7 g-mb-5">Toll Free</h3>
  2721. <strong>+4516 581 2340</strong>
  2722. </div>
  2723. </address>
  2724. </div>
  2725. </div>
  2726. </div>
  2727. </div>
  2728. </div>
  2729. </section>
  2730. <!-- End Google (Map) [custom] -->
  2731. </div>
  2732.  
  2733.  
  2734. <!-- Footer -->
  2735. <footer>
  2736. <div class="container-fluid text-center g-color-gray-dark-v5 g-py-40">
  2737. <a class="d-block g-width-140 mx-auto g-mb-20" href="/">
  2738. <img class="img-fluid" src="assets/img/logo.png" alt="Image description">
  2739. </a>
  2740.  
  2741. <p class="mb-0">
  2742. © 2017 All right reserved.
  2743. <a class="g-color-primary" href="#!">Unify</a>.
  2744. Development by
  2745. <a class="g-color-primary" href="/">Htmlstream</a>
  2746. </p>
  2747. </div>
  2748. </footer>
  2749. <!-- End Footer -->
  2750.  
  2751. <a class="js-go-to u-go-to-v1 animated u-animation-was-fired zoomIn" href="#!" data-type="fixed" data-position="{
  2752. &quot;bottom&quot;: 15,
  2753. &quot;right&quot;: 15
  2754. }" data-offset-top="400" data-compensation="#js-header" data-show-effect="zoomIn" style="display: block; position: fixed; bottom: 15px; right: 15px;">
  2755. <i class="hs-icon hs-icon-arrow-top"></i>
  2756. </a>
  2757. </main>
  2758.  
  2759. <!-- JS Global Compulsory -->
  2760. <script src="../../assets/vendor/jquery/jquery.min.js"></script>
  2761. <script src="../../assets/vendor/jquery-migrate/jquery-migrate.min.js"></script>
  2762. <script src="../../assets/vendor/jquery.easing/js/jquery.easing.js"></script>
  2763. <script src="../../assets/vendor/popper.min.js"></script>
  2764. <script src="../../assets/vendor/bootstrap/bootstrap.min.js"></script>
  2765.  
  2766. <!-- JS Implementing Plugins -->
  2767. <script src="../../assets/vendor/master-slider/source/assets/js/masterslider.min.js"></script>
  2768. <script src="../../assets/vendor/cubeportfolio-full/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
  2769. <script src="../../assets/vendor/slick-carousel/slick/slick.js"></script>
  2770. <script src="../../assets/vendor/gmaps/gmaps.min.js"></script>
  2771.  
  2772. <!-- JS Unify -->
  2773. <script src="../../assets/js/hs.core.js"></script>
  2774. <script src="../../assets/js/components/hs.header.js"></script>
  2775. <script src="../../assets/js/helpers/hs.hamburgers.js"></script>
  2776. <script src="../../assets/js/components/hs.scroll-nav.js"></script>
  2777. <script src="../../assets/js/components/hs.tabs.js"></script>
  2778. <script src="../../assets/js/components/hs.carousel.js"></script>
  2779. <script src="../../assets/js/components/hs.cubeportfolio.js"></script>
  2780. <script src="../../assets/js/components/gmap/hs.map.js"></script>
  2781. <script src="../../assets/js/components/hs.go-to.js"></script>
  2782.  
  2783. <!-- JS Customization -->
  2784. <script src="../../assets/js/custom.js"></script>
  2785.  
  2786. <!-- JS Plugins Init. -->
  2787. <script>
  2788. // initialization of master slider
  2789. var promoSlider = new MasterSlider();
  2790.  
  2791. promoSlider.setup('masterslider', {
  2792. width: 1400,
  2793. height: 1800,
  2794. speed: 70,
  2795. layout: 'fullscreen',
  2796. loop: true,
  2797. preload: 0,
  2798. autoplay: false,
  2799. layersMode: 'center'
  2800. });
  2801.  
  2802. promoSlider.control('lightbox');
  2803.  
  2804. promoSlider.control('thumblist', {
  2805. autohide: false,
  2806. dir: 'h',
  2807. align: 'top',
  2808. width: 550,
  2809. height: 50,
  2810. margin: 0,
  2811. space: 0,
  2812. hideUnder: 500,
  2813. type: 'tabs',
  2814. inset: true
  2815.  
  2816. });
  2817.  
  2818. // initialization of google map
  2819. function initMap() {
  2820. $.HSCore.components.HSGMap.init('.js-g-map');
  2821. }
  2822.  
  2823. $(document).on('ready', function () {
  2824. // initialization of carousel
  2825. $.HSCore.components.HSCarousel.init('.js-carousel');
  2826.  
  2827. // initialization of header
  2828. $.HSCore.components.HSHeader.init($('#js-header'));
  2829. $.HSCore.helpers.HSHamburgers.init('.hamburger');
  2830.  
  2831. // initialization of tabs
  2832. $.HSCore.components.HSTabs.init('[role="tablist"]');
  2833.  
  2834. // initialization of go to section
  2835. $.HSCore.components.HSGoTo.init('.js-go-to');
  2836.  
  2837. $('#ourFood [role="tablist"] .nav-link').on('click', function () {
  2838. setTimeout(function () {
  2839. $('#ourFoodTabs .js-carousel').slick('setPosition');
  2840. }, 200);
  2841. });
  2842. });
  2843.  
  2844. $(window).on('load', function() {
  2845. // initialization of HSScrollNav
  2846. $.HSCore.components.HSScrollNav.init($('#js-scroll-nav'), {
  2847. duration: 700,
  2848. easing: 'easeOutExpo'
  2849. });
  2850.  
  2851. // initialization of cubeportfolio
  2852. $.HSCore.components.HSCubeportfolio.init('.cbp');
  2853. });
  2854.  
  2855. $(window).on('resize', function () {
  2856. setTimeout(function () {
  2857. $.HSCore.components.HSTabs.init('[role="tablist"]');
  2858. }, 200);
  2859. });
  2860. </script>
  2861.  
  2862. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAtt1z99GtrHZt_IcnK-wryNsQ30A112J0&amp;callback=initMap" async=""></script>
  2863.  
  2864.  
  2865. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!