Guest User

Untitled

a guest
Feb 23rd, 2018
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.69 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. {{>head}}
  5. </head>
  6. <body class="animsition">
  7.  
  8. {{>header}}
  9.  
  10. <section id="slider-deli">
  11. <!-- Slider -->
  12. <div class="rev_slider_wrapper fullscreen-container" >
  13. <div id="rev_slider_1" class="rev_slide fullscreenbanner" style="display: none;">
  14. <ul>
  15. <!-- Slide 1 -->
  16. <li data-transition="fade" data-delay="51000">
  17. <img src="images/slide-01.jpg" alt="Seasonal Flavours" class="rev-slidebg"
  18. data-bgposition="center center"
  19. data-bgfit="cover"
  20. data-bgrepeat="no-repeat">
  21.  
  22.  
  23. <h3 class="tp-caption tp-resizeme caption-1"
  24. data-frames='[{"delay":500,"speed":1800,"frame":"0","from":"x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
  25. data-x="center"
  26. data-y="middle"
  27. data-hoffset="0"
  28. data-voffset="['-50','-50','-100','-120']"
  29. data-width="['1140','960','720','540']"
  30. data-lineheight="['150', '150', '120', '100']"
  31. data-fontsize="['110', '110', '100', '90']"
  32. data-height="['auto']">Seasonal Flavours</h3>
  33.  
  34. <div id="btn-slide-1" class="tp-caption tp-resizeme btn-slide"
  35. data-frames='[{"delay":2000,"speed":1500,"frame":"0","from":"y:bottom;rX:-20deg;rY:-20deg;rZ:0deg;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
  36. data-x="center"
  37. data-y="center"
  38. data-hoffset="0"
  39. data-voffset="['80','80','110','110']"
  40. data-width="['910','910','380','380']"
  41. data-height="['auto']">
  42. <a href="menu-01.html" class="btn1">VIEW MENU</a>
  43. <a href="reservation-02.html" class="btn2">BOOK A TABLE</a>
  44. </div>
  45. </li>
  46.  
  47. <!-- Slide 2 -->
  48. <li data-transition="fade">
  49. <img src="images/slide-02.jpg" alt="Fresh Ingredients" class="rev-slidebg">
  50.  
  51. <h3 class="tp-caption tp-resizeme caption-1"
  52. data-frames='[{"delay":500,"split":"chars","splitdelay":0.05,"speed":1500,"frame":"0","from":"x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
  53. data-x="center"
  54. data-y="center"
  55. data-hoffset="0"
  56. data-voffset="['-80','-80','-140','-140']"
  57. data-width="['1140','960','720','540']"
  58. data-lineheight="['150', '150', '120', '100']"
  59. data-fontsize="['110', '110', '100', '90']"
  60. data-height="['auto']">Fresh Ingredients</h3>
  61.  
  62. <div class="tp-caption tp-resizeme btn-slide caption-2"
  63. data-frames='[{"delay":2500,"speed":1000,"frame":"0","from":"z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
  64. data-x="center"
  65. data-y="center"
  66. data-hoffset="0"
  67. data-voffset="['15','15','15','5']"
  68. data-width="['910','910','380','380']"
  69. data-height="['auto']">Fresh. Delicious. Healthy.</div>
  70.  
  71. <div id="btn-slide-2" class="tp-caption tp-resizeme btn-slide"
  72. data-frames='[{"delay":3100,"speed":1500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
  73. data-x="center"
  74. data-y="center"
  75. data-hoffset="0"
  76. data-voffset="['110','110','140','140']"
  77. data-width="['910','910','380','380']"
  78. data-height="['auto']">
  79. <a href="menu-01.html" class="btn1">VIEW MENU</a>
  80. <a href="reservation-02.html" class="btn2">BOOK A TABLE</a>
  81. </div>
  82. </li>
  83.  
  84. <!-- Slide 3 -->
  85. <li data-transition="fade">
  86. <img src="images/slide-03.jpg" alt="Deli Restaurant" class="rev-slidebg">
  87.  
  88. <h3 class="tp-caption tp-resizeme caption-1"
  89. data-frames='[{"delay":500,"split":"chars","splitdelay":0.05,"speed":1300,"frame":"0","from":"y:[-100%];z:0;rZ:35deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
  90. data-x="center"
  91. data-y="center"
  92. data-hoffset="0"
  93. data-voffset="['-50','-50','-100','-120']"
  94. data-width="['1140','960','720','540']"
  95. data-lineheight="['150', '150', '120', '100']"
  96. data-fontsize="['110', '110', '100', '90']"
  97. data-height="['auto']">Deli Restaurant</h3>
  98.  
  99. <div id="btn-slide-3" class="tp-caption tp-resizeme btn-slide"
  100. data-frames='[{"delay":2300,"speed":1500,"frame":"0","from":"y:bottom;rZ:90deg;sX:2;sY:2;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
  101. data-x="center"
  102. data-y="center"
  103. data-hoffset="0"
  104. data-voffset="['80','80','110','110']"
  105. data-width="['910','910','380','380']"
  106. data-height="['auto']">
  107. <a href="menu-01.html" class="btn1">VIEW MENU</a>
  108. <a href="reservation-02.html" class="btn2">BOOK A TABLE</a>
  109. </div>
  110. </li>
  111. </ul>
  112. </div>
  113. </div>
  114. <!-- End Slider -->
  115. </section>
  116.  
  117. <!-- Our Menu -->
  118. <section class="our-menu" >
  119. <div class="container">
  120. <!-- title our menu -->
  121. <div class="wrap-title-our-menu row">
  122. <div class="col-12 title-our-menu">
  123. <h6>try & discover</h6>
  124. <h2>Our Menus</h2>
  125. </div>
  126. </div>
  127.  
  128. <!-- food menu -->
  129. <div class="row wrap-food-menu">
  130. <div id="food-menu">
  131. <ul class="nav nav-tabs" id="myTab" role="tablist">
  132. <li class="nav-item">
  133. <a class="nav-link active" id="home-tab" data-toggle="tab" href="#lunch" role="tab" aria-controls="lunch" aria-expanded="true">Lunch</a>
  134. </li>
  135. <li class="nav-item">
  136. <a class="nav-link" id="tab-dinner" data-toggle="tab" href="#dinner" role="tab" aria-controls="dinner">Dinner</a>
  137. </li>
  138. <li class="nav-item">
  139. <a class="nav-link" id="tab-dessert" data-toggle="tab" href="#dessert" role="tab" aria-controls="dessert">Dessert</a>
  140. </li>
  141. <li class="nav-item">
  142. <a class="nav-link" id="tab-private-dinner" data-toggle="tab" href="#private-dinner" role="tab" aria-controls="private-dinner">Private Dinner</a>
  143. </li>
  144. </ul>
  145. </div>
  146. </div>
  147.  
  148. <!-- list food -->
  149. <div class="tab-content" id="myTabContent">
  150. <!-- Lunch -->
  151. <div class="tab-pane fade show active" id="lunch" role="tabpanel" aria-labelledby="home-tab">
  152. <div class="wrap-list-food">
  153. <div class="row list-food">
  154. <div class="col-md-10 col-lg-6">
  155. <!-- item food -->
  156. <div class="item-food row wow fadeInDown" data-wow-delay="0.2s">
  157. <div class="col-12 col-sm-2 img-list-food wow zoomIn " data-wow-delay="0.2s">
  158. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-01.png"></a>
  159. </div>
  160. <div class="col-12 col-sm-8 text-list-food ">
  161. <div class="name-price row">
  162. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Pine nut sbrisalona</a></div>
  163. <div class="line-food col">
  164. <div class="add-line-run"></div>
  165. </div>
  166. </div>
  167. <div class="row">
  168. <div class="col-12 col-sm-12 info-food">
  169. Proin lacinia nisl ut ultricies posuere nulla ut
  170. </div>
  171. </div>
  172. </div>
  173. <div class="price-food col-12 col-sm-2">&#36;20.00</div>
  174. </div>
  175. </div>
  176. <div class="col-md-10 col-lg-6">
  177. <!-- item food -->
  178. <div class="item-food row wow fadeInDown" data-wow-delay="0.2s">
  179. <div class="col-12 col-sm-2 img-list-food wow zoomIn " data-wow-delay="0.2s">
  180. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-05.png"></a>
  181. </div>
  182. <div class="col-12 col-sm-8 text-list-food ">
  183. <div class="name-price row">
  184. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Potato gnocchi</a></div>
  185. <div class="line-food col">
  186. <div class="add-line-run"></div>
  187. </div>
  188. </div>
  189. <div class="row">
  190. <div class="col-12 col-sm-12 info-food">
  191. Proin lacinia nisl ut ultricies posuere nulla ut
  192. </div>
  193. </div>
  194. </div>
  195. <div class="price-food col-12 col-sm-2">&#36;10.00</div>
  196. </div>
  197. </div>
  198. </div>
  199.  
  200. <div class="row list-food">
  201. <div class="col-md-10 col-lg-6">
  202. <!-- item food -->
  203. <div class="item-food row wow fadeInDown" data-wow-delay="0.4s">
  204. <div class="col-12 col-sm-2 img-list-food wow zoomIn " data-wow-delay="0.4s">
  205. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-02.png"></a>
  206. </div>
  207. <div class="col-12 col-sm-8 text-list-food ">
  208. <div class="name-price row">
  209. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Lobster caponata</a></div>
  210. <div class="line-food col">
  211. <div class="add-line-run"></div>
  212. </div>
  213. </div>
  214. <div class="row">
  215. <div class="col-12 col-sm-12 info-food">
  216. Suspendisse sodales congue maximus
  217. </div>
  218. </div>
  219. </div>
  220. <div class="price-food col-12 col-sm-2">&#36;10.00</div>
  221. </div>
  222. </div>
  223. <div class="col-md-10 col-lg-6">
  224. <!-- item food -->
  225. <div class="item-food row wow fadeInDown" data-wow-delay="0.4s">
  226. <div class="col-12 col-sm-2 img-list-food wow zoomIn " data-wow-delay="0.4s">
  227. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-06.png"></a>
  228. </div>
  229. <div class="col-12 col-sm-8 text-list-food ">
  230. <div class="name-price row">
  231. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Pork ribollita</a></div>
  232. <div class="line-food col">
  233. <div class="add-line-run"></div>
  234. </div>
  235. </div>
  236. <div class="row">
  237. <div class="col-12 col-sm-12 info-food">
  238. Suspendisse sodales congue maximus
  239. </div>
  240. </div>
  241. </div>
  242. <div class="price-food col-12 col-sm-2">&#36;15.00</div>
  243. </div>
  244. </div>
  245. </div>
  246.  
  247. <div class="row list-food">
  248. <div class="col-md-10 col-lg-6">
  249. <!-- item food -->
  250. <div class="item-food row wow fadeInDown" data-wow-delay="0.6s">
  251. <div class="col-12 col-sm-2 img-list-food wow zoomIn " data-wow-delay="0.6s">
  252. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-03.png"></a>
  253. </div>
  254. <div class="col-12 col-sm-8 text-list-food ">
  255. <div class="name-price row">
  256. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Chocolate budino</a></div>
  257. <div class="line-food col">
  258. <div class="add-line-run"></div>
  259. </div>
  260. </div>
  261. <div class="row">
  262. <div class="col-12 col-sm-12 info-food">
  263. Interdum et malesuada fames primis in faucibus
  264. </div>
  265. </div>
  266. </div>
  267. <div class="price-food col-12 col-sm-2">&#36;15.00</div>
  268. </div>
  269. </div>
  270. <div class="col-md-10 col-lg-6">
  271. <!-- item food -->
  272. <div class="item-food row wow fadeInDown" data-wow-delay="0.6s">
  273. <div class="col-12 col-sm-2 img-list-food wow zoomIn " data-wow-delay="0.6s">
  274. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-07.png"></a>
  275. </div>
  276. <div class="col-12 col-sm-8 text-list-food ">
  277. <div class="name-price row">
  278. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Livorno style caccuchino</a></div>
  279. <div class="line-food col">
  280. <div class="add-line-run"></div>
  281. </div>
  282. </div>
  283. <div class="row">
  284. <div class="col-12 col-sm-12 info-food">
  285. Interdum et malesuada fames primis in faucibus
  286. </div>
  287. </div>
  288. </div>
  289. <div class="price-food col-12 col-sm-2">&#36;30.00</div>
  290. </div>
  291. </div>
  292. </div>
  293.  
  294. <div class="row list-food">
  295. <div class="col-md-10 col-lg-6">
  296. <!-- item food -->
  297. <div class="item-food row wow fadeInDown" data-wow-delay="0.8s">
  298. <div class="col-12 col-sm-2 img-list-food wow zoomIn " data-wow-delay="0.8s">
  299. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-04.png"></a>
  300. </div>
  301. <div class="col-12 col-sm-8 text-list-food ">
  302. <div class="name-price row">
  303. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Charred octopus</a></div>
  304. <div class="line-food col">
  305. <div class="add-line-run"></div>
  306. </div>
  307. </div>
  308. <div class="row">
  309. <div class="col-12 col-sm-12 info-food">
  310. Proinin velit odio mollis ac tortor eget ullamcorper
  311. </div>
  312. </div>
  313. </div>
  314. <div class="price-food col-12 col-sm-2">&#36;5.00</div>
  315. </div>
  316. </div>
  317. <div class="col-md-10 col-lg-6">
  318. <!-- item food -->
  319. <div class="item-food row wow fadeInDown" data-wow-delay="0.8s">
  320. <div class="col-12 col-sm-2 img-list-food wow zoomIn " data-wow-delay="0.8s">
  321. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-08.png"></a>
  322. </div>
  323. <div class="col-12 col-sm-8 text-list-food ">
  324. <div class="name-price row">
  325. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Baulletti</a></div>
  326. <div class="line-food col">
  327. <div class="add-line-run"></div>
  328. </div>
  329. </div>
  330. <div class="row">
  331. <div class="col-12 col-sm-12 info-food">
  332. Proinin velit odio mollis ac tortor eget ullamcorper
  333. </div>
  334. </div>
  335. </div>
  336. <div class="price-food col-12 col-sm-2">&#36;5.00</div>
  337. </div>
  338. </div>
  339. </div>
  340. </div>
  341. </div>
  342.  
  343. <!-- Dinner -->
  344. <div class="tab-pane fade" id="dinner" role="tabpanel" aria-labelledby="tab-dinner">
  345. <div class="wrap-list-food">
  346. <div class="row list-food">
  347. <div class="col-md-10 col-lg-6">
  348. <!-- item food -->
  349. <div class="item-food row">
  350. <div class="col-12 col-sm-2 img-list-food">
  351. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-03.png"></a>
  352. </div>
  353. <div class="col-12 col-sm-8 text-list-food ">
  354. <div class="name-price row">
  355. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Chocolate budino</a></div>
  356. <div class="line-food col">
  357. <div class="add-line-run"></div>
  358. </div>
  359. </div>
  360. <div class="row">
  361. <div class="col-12 col-sm-12 info-food">
  362. Interdum et malesuada fames primis in faucibus
  363. </div>
  364. </div>
  365. </div>
  366. <div class="price-food col-12 col-sm-2">&#36;15.00</div>
  367. </div>
  368. </div>
  369. <div class="col-md-10 col-lg-6">
  370. <!-- item food -->
  371. <div class="item-food row">
  372. <div class="col-12 col-sm-2 img-list-food">
  373. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-07.png"></a>
  374. </div>
  375. <div class="col-12 col-sm-8 text-list-food ">
  376. <div class="name-price row">
  377. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Livorno style caccuchino</a></div>
  378. <div class="line-food col">
  379. <div class="add-line-run"></div>
  380. </div>
  381. </div>
  382. <div class="row">
  383. <div class="col-12 col-sm-12 info-food">
  384. Interdum et malesuada fames primis in faucibus
  385. </div>
  386. </div>
  387. </div>
  388. <div class="price-food col-12 col-sm-2">&#36;30.00</div>
  389. </div>
  390. </div>
  391. </div>
  392.  
  393. <div class="row list-food">
  394. <div class="col-md-10 col-lg-6">
  395. <!-- item food -->
  396. <div class="item-food row">
  397. <div class="col-12 col-sm-2 img-list-food">
  398. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-04.png"></a>
  399. </div>
  400. <div class="col-12 col-sm-8 text-list-food ">
  401. <div class="name-price row">
  402. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Charred octopus</a></div>
  403. <div class="line-food col">
  404. <div class="add-line-run"></div>
  405. </div>
  406. </div>
  407. <div class="row">
  408. <div class="col-12 col-sm-12 info-food">
  409. Proinin velit odio mollis ac tortor eget ullamcorper
  410. </div>
  411. </div>
  412. </div>
  413. <div class="price-food col-12 col-sm-2">&#36;5.00</div>
  414. </div>
  415. </div>
  416. <div class="col-md-10 col-lg-6">
  417. <!-- item food -->
  418. <div class="item-food row">
  419. <div class="col-12 col-sm-2 img-list-food">
  420. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-08.png"></a>
  421. </div>
  422. <div class="col-12 col-sm-8 text-list-food ">
  423. <div class="name-price row">
  424. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Baulletti</a></div>
  425. <div class="line-food col">
  426. <div class="add-line-run"></div>
  427. </div>
  428. </div>
  429. <div class="row">
  430. <div class="col-12 col-sm-12 info-food">
  431. Proinin velit odio mollis ac tortor eget ullamcorper
  432. </div>
  433. </div>
  434. </div>
  435. <div class="price-food col-12 col-sm-2">&#36;5.00</div>
  436. </div>
  437. </div>
  438. </div>
  439.  
  440. <div class="row list-food">
  441. <div class="col-md-10 col-lg-6">
  442. <!-- item food -->
  443. <div class="item-food row">
  444. <div class="col-12 col-sm-2 img-list-food">
  445. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-01.png"></a>
  446. </div>
  447. <div class="col-12 col-sm-8 text-list-food ">
  448. <div class="name-price row">
  449. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Pine nut sbrisalona</a></div>
  450. <div class="line-food col">
  451. <div class="add-line-run"></div>
  452. </div>
  453. </div>
  454. <div class="row">
  455. <div class="col-12 col-sm-12 info-food">
  456. Proin lacinia nisl ut ultricies posuere nulla ut
  457. </div>
  458. </div>
  459. </div>
  460. <div class="price-food col-12 col-sm-2">&#36;20.00</div>
  461. </div>
  462. </div>
  463. <div class="col-md-10 col-lg-6">
  464. <!-- item food -->
  465. <div class="item-food row">
  466. <div class="col-12 col-sm-2 img-list-food">
  467. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-05.png"></a>
  468. </div>
  469. <div class="col-12 col-sm-8 text-list-food ">
  470. <div class="name-price row">
  471. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Potato gnocchi</a></div>
  472. <div class="line-food col">
  473. <div class="add-line-run"></div>
  474. </div>
  475. </div>
  476. <div class="row">
  477. <div class="col-12 col-sm-12 info-food">
  478. Proin lacinia nisl ut ultricies posuere nulla ut
  479. </div>
  480. </div>
  481. </div>
  482. <div class="price-food col-12 col-sm-2">&#36;10.00</div>
  483. </div>
  484. </div>
  485. </div>
  486.  
  487. <div class="row list-food">
  488. <div class="col-md-10 col-lg-6">
  489. <!-- item food -->
  490. <div class="item-food row">
  491. <div class="col-12 col-sm-2 img-list-food">
  492. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-02.png"></a>
  493. </div>
  494. <div class="col-12 col-sm-8 text-list-food ">
  495. <div class="name-price row">
  496. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Lobster caponata</a></div>
  497. <div class="line-food col">
  498. <div class="add-line-run"></div>
  499. </div>
  500. </div>
  501. <div class="row">
  502. <div class="col-12 col-sm-12 info-food">
  503. Suspendisse sodales congue maximus
  504. </div>
  505. </div>
  506. </div>
  507. <div class="price-food col-12 col-sm-2">&#36;10.00</div>
  508. </div>
  509. </div>
  510. <div class="col-md-10 col-lg-6">
  511. <!-- item food -->
  512. <div class="item-food row">
  513. <div class="col-12 col-sm-2 img-list-food">
  514. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-06.png"></a>
  515. </div>
  516. <div class="col-12 col-sm-8 text-list-food ">
  517. <div class="name-price row">
  518. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Pork ribollita</a></div>
  519. <div class="line-food col">
  520. <div class="add-line-run"></div>
  521. </div>
  522. </div>
  523. <div class="row">
  524. <div class="col-12 col-sm-12 info-food">
  525. Suspendisse sodales congue maximus
  526. </div>
  527. </div>
  528. </div>
  529. <div class="price-food col-12 col-sm-2">&#36;15.00</div>
  530. </div>
  531. </div>
  532. </div>
  533. </div>
  534. </div>
  535.  
  536. <!-- Dessert -->
  537. <div class="tab-pane fade" id="dessert" role="tabpanel" aria-labelledby="tab-dessert">
  538. <div class="wrap-list-food">
  539. <div class="row list-food">
  540. <div class="col-md-10 col-lg-6">
  541. <!-- item food -->
  542. <div class="item-food row">
  543. <div class="col-12 col-sm-2 img-list-food">
  544. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-02.png"></a>
  545. </div>
  546. <div class="col-12 col-sm-8 text-list-food ">
  547. <div class="name-price row">
  548. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Lobster caponata</a></div>
  549. <div class="line-food col">
  550. <div class="add-line-run"></div>
  551. </div>
  552. </div>
  553. <div class="row">
  554. <div class="col-12 col-sm-12 info-food">
  555. Suspendisse sodales congue maximus
  556. </div>
  557. </div>
  558. </div>
  559. <div class="price-food col-12 col-sm-2">&#36;10.00</div>
  560. </div>
  561. </div>
  562. <div class="col-md-10 col-lg-6">
  563. <!-- item food -->
  564. <div class="item-food row">
  565. <div class="col-12 col-sm-2 img-list-food">
  566. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-06.png"></a>
  567. </div>
  568. <div class="col-12 col-sm-8 text-list-food ">
  569. <div class="name-price row">
  570. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Pork ribollita</a></div>
  571. <div class="line-food col">
  572. <div class="add-line-run"></div>
  573. </div>
  574. </div>
  575. <div class="row">
  576. <div class="col-12 col-sm-12 info-food">
  577. Suspendisse sodales congue maximus
  578. </div>
  579. </div>
  580. </div>
  581. <div class="price-food col-12 col-sm-2">&#36;15.00</div>
  582. </div>
  583. </div>
  584. </div>
  585.  
  586. <div class="row list-food">
  587. <div class="col-md-10 col-lg-6">
  588. <!-- item food -->
  589. <div class="item-food row">
  590. <div class="col-12 col-sm-2 img-list-food">
  591. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-03.png"></a>
  592. </div>
  593. <div class="col-12 col-sm-8 text-list-food ">
  594. <div class="name-price row">
  595. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Chocolate budino</a></div>
  596. <div class="line-food col">
  597. <div class="add-line-run"></div>
  598. </div>
  599. </div>
  600. <div class="row">
  601. <div class="col-12 col-sm-12 info-food">
  602. Interdum et malesuada fames primis in faucibus
  603. </div>
  604. </div>
  605. </div>
  606. <div class="price-food col-12 col-sm-2">&#36;15.00</div>
  607. </div>
  608. </div>
  609. <div class="col-md-10 col-lg-6">
  610. <!-- item food -->
  611. <div class="item-food row">
  612. <div class="col-12 col-sm-2 img-list-food">
  613. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-07.png"></a>
  614. </div>
  615. <div class="col-12 col-sm-8 text-list-food ">
  616. <div class="name-price row">
  617. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Livorno style caccuchino</a></div>
  618. <div class="line-food col">
  619. <div class="add-line-run"></div>
  620. </div>
  621. </div>
  622. <div class="row">
  623. <div class="col-12 col-sm-12 info-food">
  624. Interdum et malesuada fames primis in faucibus
  625. </div>
  626. </div>
  627. </div>
  628. <div class="price-food col-12 col-sm-2">&#36;30.00</div>
  629. </div>
  630. </div>
  631. </div>
  632.  
  633. <div class="row list-food">
  634. <div class="col-md-10 col-lg-6">
  635. <!-- item food -->
  636. <div class="item-food row">
  637. <div class="col-12 col-sm-2 img-list-food">
  638. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-01.png"></a>
  639. </div>
  640. <div class="col-12 col-sm-8 text-list-food ">
  641. <div class="name-price row">
  642. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Pine nut sbrisalona</a></div>
  643. <div class="line-food col">
  644. <div class="add-line-run"></div>
  645. </div>
  646. </div>
  647. <div class="row">
  648. <div class="col-12 col-sm-12 info-food">
  649. Proin lacinia nisl ut ultricies posuere nulla ut
  650. </div>
  651. </div>
  652. </div>
  653. <div class="price-food col-12 col-sm-2">&#36;20.00</div>
  654. </div>
  655. </div>
  656. <div class="col-md-10 col-lg-6">
  657. <!-- item food -->
  658. <div class="item-food row">
  659. <div class="col-12 col-sm-2 img-list-food">
  660. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-05.png"></a>
  661. </div>
  662. <div class="col-12 col-sm-8 text-list-food ">
  663. <div class="name-price row">
  664. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Potato gnocchi</a></div>
  665. <div class="line-food col">
  666. <div class="add-line-run"></div>
  667. </div>
  668. </div>
  669. <div class="row">
  670. <div class="col-12 col-sm-12 info-food">
  671. Proin lacinia nisl ut ultricies posuere nulla ut
  672. </div>
  673. </div>
  674. </div>
  675. <div class="price-food col-12 col-sm-2">&#36;10.00</div>
  676. </div>
  677. </div>
  678. </div>
  679.  
  680. <div class="row list-food">
  681. <div class="col-md-10 col-lg-6">
  682. <!-- item food -->
  683. <div class="item-food row">
  684. <div class="col-12 col-sm-2 img-list-food">
  685. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-04.png"></a>
  686. </div>
  687. <div class="col-12 col-sm-8 text-list-food ">
  688. <div class="name-price row">
  689. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Charred octopus</a></div>
  690. <div class="line-food col">
  691. <div class="add-line-run"></div>
  692. </div>
  693. </div>
  694. <div class="row">
  695. <div class="col-12 col-sm-12 info-food">
  696. Proinin velit odio mollis ac tortor eget ullamcorper
  697. </div>
  698. </div>
  699. </div>
  700. <div class="price-food col-12 col-sm-2">&#36;5.00</div>
  701. </div>
  702. </div>
  703. <div class="col-md-10 col-lg-6">
  704. <!-- item food -->
  705. <div class="item-food row">
  706. <div class="col-12 col-sm-2 img-list-food">
  707. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-08.png"></a>
  708. </div>
  709. <div class="col-12 col-sm-8 text-list-food ">
  710. <div class="name-price row">
  711. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Baulletti</a></div>
  712. <div class="line-food col">
  713. <div class="add-line-run"></div>
  714. </div>
  715. </div>
  716. <div class="row">
  717. <div class="col-12 col-sm-12 info-food">
  718. Proinin velit odio mollis ac tortor eget ullamcorper
  719. </div>
  720. </div>
  721. </div>
  722. <div class="price-food col-12 col-sm-2">&#36;5.00</div>
  723. </div>
  724. </div>
  725. </div>
  726. </div>
  727. </div>
  728.  
  729. <!-- Private Dinner -->
  730. <div class="tab-pane fade" id="private-dinner" role="tabpanel" aria-labelledby="tab-private-dinner">
  731. <div class="wrap-list-food">
  732. <div class="row list-food">
  733. <div class="col-md-10 col-lg-6">
  734. <!-- item food -->
  735. <div class="item-food row">
  736. <div class="col-12 col-sm-2 img-list-food">
  737. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-04.png"></a>
  738. </div>
  739. <div class="col-12 col-sm-8 text-list-food ">
  740. <div class="name-price row">
  741. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Charred octopus</a></div>
  742. <div class="line-food col">
  743. <div class="add-line-run"></div>
  744. </div>
  745. </div>
  746. <div class="row">
  747. <div class="col-12 col-sm-12 info-food">
  748. Proinin velit odio mollis ac tortor eget ullamcorper
  749. </div>
  750. </div>
  751. </div>
  752. <div class="price-food col-12 col-sm-2">&#36;5.00</div>
  753. </div>
  754. </div>
  755. <div class="col-md-10 col-lg-6">
  756. <!-- item food -->
  757. <div class="item-food row">
  758. <div class="col-12 col-sm-2 img-list-food">
  759. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-08.png"></a>
  760. </div>
  761. <div class="col-12 col-sm-8 text-list-food ">
  762. <div class="name-price row">
  763. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Baulletti</a></div>
  764. <div class="line-food col">
  765. <div class="add-line-run"></div>
  766. </div>
  767. </div>
  768. <div class="row">
  769. <div class="col-12 col-sm-12 info-food">
  770. Proinin velit odio mollis ac tortor eget ullamcorper
  771. </div>
  772. </div>
  773. </div>
  774. <div class="price-food col-12 col-sm-2">&#36;5.00</div>
  775. </div>
  776. </div>
  777. </div>
  778.  
  779. <div class="row list-food">
  780. <div class="col-md-10 col-lg-6">
  781. <!-- item food -->
  782. <div class="item-food row">
  783. <div class="col-12 col-sm-2 img-list-food">
  784. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-01.png"></a>
  785. </div>
  786. <div class="col-12 col-sm-8 text-list-food ">
  787. <div class="name-price row">
  788. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Pine nut sbrisalona</a></div>
  789. <div class="line-food col">
  790. <div class="add-line-run"></div>
  791. </div>
  792. </div>
  793. <div class="row">
  794. <div class="col-12 col-sm-12 info-food">
  795. Proin lacinia nisl ut ultricies posuere nulla ut
  796. </div>
  797. </div>
  798. </div>
  799. <div class="price-food col-12 col-sm-2">&#36;20.00</div>
  800. </div>
  801. </div>
  802. <div class="col-md-10 col-lg-6">
  803. <!-- item food -->
  804. <div class="item-food row">
  805. <div class="col-12 col-sm-2 img-list-food">
  806. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-05.png"></a>
  807. </div>
  808. <div class="col-12 col-sm-8 text-list-food ">
  809. <div class="name-price row">
  810. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Potato gnocchi</a></div>
  811. <div class="line-food col">
  812. <div class="add-line-run"></div>
  813. </div>
  814. </div>
  815. <div class="row">
  816. <div class="col-12 col-sm-12 info-food">
  817. Proin lacinia nisl ut ultricies posuere nulla ut
  818. </div>
  819. </div>
  820. </div>
  821. <div class="price-food col-12 col-sm-2">&#36;10.00</div>
  822. </div>
  823. </div>
  824. </div>
  825.  
  826. <div class="row list-food">
  827. <div class="col-md-10 col-lg-6">
  828. <!-- item food -->
  829. <div class="item-food row">
  830. <div class="col-12 col-sm-2 img-list-food">
  831. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-02.png"></a>
  832. </div>
  833. <div class="col-12 col-sm-8 text-list-food ">
  834. <div class="name-price row">
  835. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Lobster caponata</a></div>
  836. <div class="line-food col">
  837. <div class="add-line-run"></div>
  838. </div>
  839. </div>
  840. <div class="row">
  841. <div class="col-12 col-sm-12 info-food">
  842. Suspendisse sodales congue maximus
  843. </div>
  844. </div>
  845. </div>
  846. <div class="price-food col-12 col-sm-2">&#36;10.00</div>
  847. </div>
  848. </div>
  849. <div class="col-md-10 col-lg-6">
  850. <!-- item food -->
  851. <div class="item-food row">
  852. <div class="col-12 col-sm-2 img-list-food">
  853. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-06.png"></a>
  854. </div>
  855. <div class="col-12 col-sm-8 text-list-food ">
  856. <div class="name-price row">
  857. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Pork ribollita</a></div>
  858. <div class="line-food col">
  859. <div class="add-line-run"></div>
  860. </div>
  861. </div>
  862. <div class="row">
  863. <div class="col-12 col-sm-12 info-food">
  864. Suspendisse sodales congue maximus
  865. </div>
  866. </div>
  867. </div>
  868. <div class="price-food col-12 col-sm-2">&#36;15.00</div>
  869. </div>
  870. </div>
  871. </div>
  872.  
  873. <div class="row list-food">
  874. <div class="col-md-10 col-lg-6">
  875. <!-- item food -->
  876. <div class="item-food row">
  877. <div class="col-12 col-sm-2 img-list-food">
  878. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-03.png"></a>
  879. </div>
  880. <div class="col-12 col-sm-8 text-list-food ">
  881. <div class="name-price row">
  882. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Chocolate budino</a></div>
  883. <div class="line-food col">
  884. <div class="add-line-run"></div>
  885. </div>
  886. </div>
  887. <div class="row">
  888. <div class="col-12 col-sm-12 info-food">
  889. Interdum et malesuada fames primis in faucibus
  890. </div>
  891. </div>
  892. </div>
  893. <div class="price-food col-12 col-sm-2">&#36;15.00</div>
  894. </div>
  895. </div>
  896. <div class="col-md-10 col-lg-6">
  897. <!-- item food -->
  898. <div class="item-food row">
  899. <div class="col-12 col-sm-2 img-list-food">
  900. <a href="product-detail.html"><img alt="food" src="images/img-our-menu-07.png"></a>
  901. </div>
  902. <div class="col-12 col-sm-8 text-list-food ">
  903. <div class="name-price row">
  904. <div class="name-food col-12 col-sm-auto"><a class="hover-link-color" href="product-detail.html">Livorno style caccuchino</a></div>
  905. <div class="line-food col">
  906. <div class="add-line-run"></div>
  907. </div>
  908. </div>
  909. <div class="row">
  910. <div class="col-12 col-sm-12 info-food">
  911. Interdum et malesuada fames primis in faucibus
  912. </div>
  913. </div>
  914. </div>
  915. <div class="price-food col-12 col-sm-2">&#36;30.00</div>
  916. </div>
  917. </div>
  918. </div>
  919. </div>
  920. </div>
  921. </div>
  922. </div>
  923. </section>
  924.  
  925. <!-- Banner -->
  926. <div class="parallax-banner" >
  927. <div class="content-banner">
  928. <div class="text-banner wow zoomIn">
  929. <h3>Feeling at Home</h3>
  930. </div>
  931. <div class="symbol-banner wow zoomIn" data-wow-delay="0.5s">
  932. <img alt="symbol" src="images/icons/symbol-banner.png">
  933. <div class="line-symbol-banner wow fadeInLeftBig" id="short-line-left" data-wow-delay="0.5s"></div>
  934. <div class="line-symbol-banner wow fadeInLeftBig" id="long-line-left" data-wow-delay="0.5s"></div>
  935. <div class="line-symbol-banner wow fadeInRightBig" id="short-line-right" data-wow-delay="0.5s"></div>
  936. <div class="line-symbol-banner wow fadeInRightBig" id="long-line-right" data-wow-delay="0.5s"></div>
  937. </div>
  938. </div>
  939. </div>
  940.  
  941. <!-- Event -->
  942. <section id="event">
  943. <div class="container">
  944. <!-- title event -->
  945. <div class="wrap-title-event row">
  946. <div id="title-event" class="col-12">
  947. <h6>Discover Our</h6>
  948. <h2>Upcoming Events</h2>
  949. </div>
  950. <div class="content-event col-sm-10 col-md-8 col-lg-4 wow fadeInUp" data-wow-delay="0.2s">
  951. <div class="img-event">
  952. <a href="blog-detail.html"><img alt="picture-event" src="images/img-event-01.jpg"></a>
  953. </div>
  954. <h3><a class="hover-link-color" href="blog-detail.html">Deli Summer Auscoutics</a></h3>
  955. <p>
  956. Proin lacinia nisl ut ultricies posuere nulla ut imperdiet nunc. Quisque id tellus vitae mauris feugiat comodone, donec pretium odio nec sagittis euismod.
  957. </p>
  958. <span class="date-event"><i class="fa fa-calendar" aria-hidden="true"></i> 21 June, 2017</span>
  959. <span class="time-event"><i class="fa fa-clock-o" aria-hidden="true"></i> 10:00AM - 22:00PM</span>
  960. </div>
  961.  
  962. <div class="content-event col-sm-10 col-md-8 col-lg-4 wow fadeInUp" data-wow-delay="0.4s">
  963. <div class="img-event">
  964. <a href="blog-detail.html"><img alt="picture-event" src="images/img-event-02.jpg"></a>
  965. </div>
  966. <h3><a class="hover-link-color" href="blog-detail.html">The Live Jazz Music Night</a></h3>
  967. <p>
  968. Proin lacinia nisl ut ultricies posuere nulla ut imperdiet nunc. Quisque id tellus vitae mauris feugiat comodone, donec pretium odio nec sagittis euismod.
  969. </p>
  970. <span class="date-event"><i class="fa fa-calendar" aria-hidden="true"></i> 22 June, 2017</span>
  971. <span class="time-event"><i class="fa fa-clock-o" aria-hidden="true"></i> 19:00PM - 23:00PM</span>
  972. </div>
  973.  
  974. <div class="content-event col-sm-10 col-md-8 col-lg-4 wow fadeInUp" data-wow-delay="0.6s">
  975. <div class="img-event">
  976. <a href="blog-detail.html"><img alt="picture-event" src="images/img-event-03.jpg"></a>
  977. </div>
  978. <h3><a class="hover-link-color" href="blog-detail.html">Mother’s Day Celebrating at Deli</a></h3>
  979. <p>
  980. Proin lacinia nisl ut ultricies posuere nulla ut imperdiet nunc. Quisque id tellus vitae mauris feugiat comodone, donec pretium odio nec sagittis euismod.
  981. </p>
  982. <span class="date-event"><i class="fa fa-calendar" aria-hidden="true"></i> 23 June, 2017</span>
  983. <span class="time-event"><i class="fa fa-clock-o" aria-hidden="true"></i> 10:00AM - 22:00PM</span>
  984. </div>
  985. </div>
  986. </div>
  987. </section>
  988.  
  989. <!-- Reservation -->
  990. <div class="parallax-banner-2">
  991. <div class="content-reservation">
  992. <div class="text-reservation wow fadeInUp" data-wow-delay="0.2">
  993. <h6>Reservation</h6>
  994. <h3>Book a table</h3>
  995. </div>
  996. <div class="container">
  997. <form>
  998. <div class="input-reservation row wow flipInX" data-wow-delay="0.7s">
  999. <div class="wrap-input-find col-12 col-sm-12 col-md-10">
  1000. <div class="input-find row">
  1001. <div class="col-10 col-sm-8 col-md-4">
  1002. <select class="chose-people" name="chose-people">
  1003. <option>1 people</option>
  1004. <option>2 people</option>
  1005. <option>3 people</option>
  1006. <option>4 people</option>
  1007. <option>5 people</option>
  1008. <option>6 people</option>
  1009. </select>
  1010. </div>
  1011.  
  1012. <div class="col-10 col-sm-8 col-md-4 chose-calendar">
  1013. <input class="my-calendar" type="text" name="calender">
  1014. </div>
  1015.  
  1016. <div class="col-10 col-sm-8 col-md-4">
  1017. <select class="chose-time" name="chose-time">
  1018. <option>7:00 PM</option>
  1019. <option>8:00 PM</option>
  1020. <option>9:00 PM</option>
  1021. </select>
  1022. </div>
  1023. </div>
  1024. </div>
  1025. <div class="col-5 col-sm-3 col-md-2">
  1026. <button class="btn-find-table">FIND A TABLE</button>
  1027. </div>
  1028. </div>
  1029. </form>
  1030. </div>
  1031. </div>
  1032. </div>
  1033.  
  1034. {{>footer}}
  1035.  
  1036. {{>imports}}
  1037.  
  1038. </body>
  1039. </html>
Add Comment
Please, Sign In to add comment