API tools faq
paste
Advertisement
Guest User

restaurante

a guest
Dec 26th, 2015
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.78 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <![endif]-->
  4. <!--[if (gte IE 9)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"><!--<![endif]-->
  5. <head>
  6. <!-- Basic Page Needs -->
  7. <meta charset="utf-8">
  8. <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
  9. <title>ZupaRestaurant - Corporate Business Template</title>
  10. <meta name="description" content="">
  11. <meta name="keywords" content="">
  12. <meta name="author" content="">
  13. <!-- Mobile Specific Metas -->
  14. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  15. <!-- Bootstrap -->
  16. <link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css" >
  17. <!-- Theme Style -->
  18. <link rel="stylesheet" type="text/css" href="stylesheets/style.css">
  19. <!-- Colors -->
  20. <link rel="stylesheet" type="text/css" href="stylesheets/colors/color1.css" id="colors">
  21. <!-- Animation Style -->
  22. <link rel="stylesheet" type="text/css" href="stylesheets/animate.css">
  23. <!-- Google Fonts -->
  24. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700' rel='stylesheet' type='text/css'>
  25. <link href='http://fonts.googleapis.com/css?family=Raleway:400,500,600,700' rel='stylesheet' type='text/css'>
  26. <!-- Favicon and touch icons -->
  27. <link href="icon/apple-touch-icon-144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144">
  28. <link href="icon/apple-touch-icon-114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114">
  29. <link href="icon/apple-touch-icon-72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72">
  30. <link href="icon/apple-touch-icon-57-precomposed.png" rel="apple-touch-icon-precomposed">
  31. <link href="icon/favicon.png" rel="shortcut icon">
  32. <!--[if lt IE 9]>
  33. <script src="javascript/html5shiv.js"></script>
  34. <script src="javascript/respond.min.js"></script>
  35. <![endif]-->
  36. </head>
  37. <body class="one-page full-screen">
  38. <div id="top"></div>
  39. <!-- Parallax Fullscreen -->
  40. <div id="top-slider" class="parallax-bg1 parallax">
  41. <div class="overlay"></div>
  42. <header id="header" class="header header-sticky">
  43. <div class="header-wrap">
  44. <div class="container">
  45. <div class="row">
  46. <div class="span2">
  47. <div id="logo" class="logo">
  48. <a href="index.html" rel="home">
  49. <img src="images/logo.png" alt="ZupaRestaurant" />
  50. </a>
  51. </div><!-- /.logo -->
  52. </div>
  53. <div class="span10">
  54. <div class="btn-menu"></div><!-- //mobile menu button -->
  55. <nav id="mainnav" class="mainnav">
  56. <ul class="menu">
  57. <li><a class="active" href="#top">Home</a></li>
  58. <li><a href="#about">About</a></li>
  59. <li><a href="#menu">Menu</a></li>
  60. <li><a href="#gallery">Gallery</a></li>
  61. <li><a href="#reservation">Reservation</a></li>
  62. <li><a href="#blog">Blog</a></li>
  63. <li><a href="#testimonials">Testimonials</a></li>
  64. <li><a href="#contact">Contact</a></li>
  65. </ul><!-- /.menu -->
  66. </nav><!-- /.mainnav -->
  67. </div><!-- /.span10 -->
  68. </div><!-- /.row -->
  69. </div><!-- /.container -->
  70. </div><!-- /.header-wrap -->
  71. </header><!-- /.header -->
  72. <div class="control-slider">
  73. <div class="flexslider">
  74. <ul class="slides">
  75. <li>
  76. <div class="content-slider">
  77. <h2 class="FromLeft captionDelay2">Welcome to the <b>Zupa<span class="color">Restuarant</span></b></h2>
  78. <div class="divider FromLeft captionDelay5"></div>
  79. <p class="FromLeft captionDelay8"><b>Amazing</b> and <b>delicious</b> dishes only with us!</p>
  80. <a href="#" class="read-more FromLeft captionDelay11">MENU</a>
  81. </div>
  82. </li>
  83. <li>
  84. <div class="content-slider">
  85. <h2 class="FromRight captionDelay2">Welcome to the <b>Zupa<span class="color">Restuarant</span></b></h2>
  86. <div class="divider FromRight captionDelay5"></div>
  87. <p class="FromRight captionDelay8"><b>Amazing</b> and <b>delicious</b> dishes only with us!</p>
  88. <a href="#" class="read-more FromRight captionDelay11">MENU</a>
  89. </div>
  90. </li>
  91. <li>
  92. <div class="content-slider">
  93. <h2 class="FromTop captionDelay2">Welcome to the <b>Zupa<span class="color">Restuarant</span></b></h2>
  94. <div class="divider FromTop captionDelay5"></div>
  95. <p class="FromTop captionDelay8"><b>Amazing</b> and <b>delicious</b> dishes only with us!</p>
  96. <a href="#" class="read-more FromTop captionDelay11">MENU</a>
  97. </div>
  98. </li>
  99. </ul>
  100. </div>
  101. </div>
  102. <div class="contact-slider">
  103. <div class="container">
  104. <div class="row">
  105. <div class="span12">
  106. <div class="contact-slider-inner">
  107. <span class="serve">Today is served from 9 am to 9 pm</span>
  108. <span class="phone">Call us and find out more +44 852 852 888</span>
  109. <span class="address">252-258 Oxford St, London W1C 1DL, United Kingdom</span>
  110. </div>
  111. </div><!-- /.span12 -->
  112. </div><!-- /.row -->
  113. </div><!-- /.container -->
  114. </div><!-- /.contact-slider -->
  115. </div><!-- /.top-slider -->
  116. <div class="entry-page">
  117. <!-- About -->
  118. <section id="about" class="roll-row about-section" style="padding-bottom: 0">
  119. <div class="container">
  120. <div class="row">
  121. <div class="span12">
  122. <div class="roll-titlebox orches-animation" data-animation="fadeInLeft" data-animation-delay="0" data-animation-offset="75%">
  123. <h3 class="subtitle">About</h3>
  124. <h2 class="maintitle">SEE WHO WE ARE AND WHAT WE OFFER!</h2>
  125. </div><!-- /.roll-titlebox -->
  126. </div><!-- /.span12 -->
  127. <div class="span6">
  128. <div style="margin-top: -40px;">
  129. <img src="images/girl.png" alt="image">
  130. </div>
  131. </div><!-- /.span6 -->
  132. <div class="span6">
  133. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean diam dolor, tincidunt sit amet imperdiet viverra, accumsan at sem. Integer felis enim, aliquam id blandit ut, imperdiet vel nulla. Pellentesque et ex blandit, vehicula dui nec, facilisis magna. Mauris scelerisque ipsum sit amet vulputate lobortis. Duis blandit, nibh ac posuere placerat, mi leo pellentesque arcu, ac dictum odio lorem a purus. Etiam ac ipsum eu dolor eleifend feugiat.</p>
  134. <div class="roll-icon-list">
  135. <div class="list-item">
  136. <div class="icon">
  137. <img src="images/pizza.svg" alt="image">
  138. </div>
  139. <div class="content">
  140. <h3><a href="#">We cook with passion</a></h3>
  141. <p>Nulla id tortor nec lectus feugiat ultricies. Duis sit amet augue vitae dui bibendum rhoncus ut a justo. Maecenas sit amet mauris metus. </p>
  142. </div>
  143. </div>
  144. <div class="list-item">
  145. <div class="icon">
  146. <img src="images/fork.svg" alt="image">
  147. </div>
  148. <div class="content">
  149. <h3><a href="#">We cook with passion</a></h3>
  150. <p>Nulla id tortor nec lectus feugiat ultricies. Duis sit amet augue vitae dui bibendum rhoncus ut a justo. Maecenas sit amet mauris metus. </p>
  151. </div>
  152. </div>
  153. <div class="list-item">
  154. <div class="icon">
  155. <img src="images/calendar.svg" alt="image">
  156. </div>
  157. <div class="content">
  158. <h3><a href="#">We cook with passion</a></h3>
  159. <p>Nulla id tortor nec lectus feugiat ultricies. Duis sit amet augue vitae dui bibendum rhoncus ut a justo. Maecenas sit amet mauris metus. </p>
  160. </div>
  161. </div>
  162. </div><!-- /.roll-icon-list -->
  163. </div><!-- /.span6 -->
  164. </div><!-- /.row -->
  165. </div><!-- /.container -->
  166. </section>
  167. <!-- Menu -->
  168. <section id="menu" class="roll-row menu-section parallax parallax-bg3">
  169. <div class="overlay v2"></div>
  170. <div class="container">
  171. <div class="row">
  172. <div class="content-section">
  173. <div class="span12" style="background: #f5f5f5; padding: 90px 103px 100px;">
  174. <div class="roll-titlebox">
  175. <h3 class="subtitle">Menu</h3>
  176. <h2 class="maintitle">CHECK OUT OUR MENU AND SELECT SOMETHING FOR EVERYONE</h2>
  177. </div><!-- /.roll-titlebox -->
  178. <div class="roll-menu">
  179. <ul class="food-filter">
  180. <li><a data-filter=".breakfast" href="#">BREAKFAST</a></li>
  181. <li><a data-filter=".soup" href="#">SOUP</a></li>
  182. <li><a data-filter=".grill" href="#">GRILL</a></li>
  183. <li><a data-filter=".pasta" href="#">PASTA</a></li>
  184. <li><a data-filter=".pizza" href="#">PIZZA</a></li>
  185. <li><a data-filter=".drink" href="#">DRINK</a></li>
  186. </ul><!-- /.food-filter -->
  187. <div class="food-wrap">
  188. <div class="food-item drink soup grill pasta pizza">
  189. <div class="food-thumb">
  190. <a href="#"><img src="images/food/1.jpg" alt="image"></a>
  191. </div>
  192. <div class="food-detail">
  193. <h3 class="food-name"><a href="#">Alvarado</a></h3>
  194. <p class="food-info">Blackened Chicken, Cherry Tomatoes, Green Pepper, Onion, <br>Marinara, Mozzarella &amp; Parmesan</p>
  195. <p class="food-price">$11.95</p>
  196. <ul class="food-rate">
  197. <li><i class="fa fa-star"></i></li>
  198. <li><i class="fa fa-star"></i></li>
  199. <li><i class="fa fa-star"></i></li>
  200. <li><i class="fa fa-star"></i></li>
  201. <li class="hide"><i class="fa fa-star"></i></li>
  202. </ul>
  203. </div>
  204. </div><!-- /.food-item -->
  205. <div class="food-item breakfast soup drink grill pizza">
  206. <div class="food-thumb">
  207. <a href="#"><img src="images/food/2.jpg" alt="image"></a>
  208. </div>
  209. <div class="food-detail">
  210. <h3 class="food-name"><a href="#">Berkeley</a></h3>
  211. <p class="food-info">Blackened Chicken, Cherry Tomatoes, Green Pepper, Onion, <br>Marinara, Mozzarella &amp; Parmesan</p>
  212. <p class="food-price">$11.95</p>
  213. <ul class="food-rate">
  214. <li><i class="fa fa-star"></i></li>
  215. <li><i class="fa fa-star"></i></li>
  216. <li><i class="fa fa-star"></i></li>
  217. <li><i class="fa fa-star"></i></li>
  218. <li><i class="fa fa-star"></i></li>
  219. </ul>
  220. </div>
  221. </div><!-- /.food-item -->
  222. <div class="food-item soup breakfast pasta grill pizza">
  223. <div class="food-thumb">
  224. <a href="#"><img src="images/food/3.jpg" alt="image"></a>
  225. </div>
  226. <div class="food-detail">
  227. <h3 class="food-name"><a href="#">Bonie Brae</a></h3>
  228. <p class="food-info">Blackened Chicken, Cherry Tomatoes, Green Pepper, Onion, <br>Marinara, Mozzarella &amp; Parmesan</p>
  229. <p class="food-price">$11.95</p>
  230. <ul class="food-rate">
  231. <li><i class="fa fa-star"></i></li>
  232. <li><i class="fa fa-star"></i></li>
  233. <li><i class="fa fa-star"></i></li>
  234. <li class="hide"><i class="fa fa-star"></i></li>
  235. <li class="hide"><i class="fa fa-star"></i></li>
  236. </ul>
  237. </div>
  238. </div><!-- /.food-item -->
  239. <div class="food-item drink breakfast pasta soup pizza">
  240. <div class="food-thumb">
  241. <a href="#"><img src="images/food/4.jpg" alt="image"></a>
  242. </div>
  243. <div class="food-detail">
  244. <h3 class="food-name"><a href="#">Cero Gordo</a></h3>
  245. <p class="food-info">Blackened Chicken, Cherry Tomatoes, Green Pepper, Onion, <br>Marinara, Mozzarella &amp; Parmesan</p>
  246. <p class="food-price">$11.95</p>
  247. <ul class="food-rate">
  248. <li><i class="fa fa-star"></i></li>
  249. <li><i class="fa fa-star"></i></li>
  250. <li><i class="fa fa-star"></i></li>
  251. <li><i class="fa fa-star"></i></li>
  252. <li class="hide"><i class="fa fa-star"></i></li>
  253. </ul>
  254. </div>
  255. </div><!-- /.food-item -->
  256. <div class="food-item soup breakfast grill soup pizza">
  257. <div class="food-thumb">
  258. <a href="#"><img src="images/food/5.jpg" alt="image"></a>
  259. </div>
  260. <div class="food-detail">
  261. <h3 class="food-name"><a href="#">Douglas</a></h3>
  262. <p class="food-info">Blackened Chicken, Cherry Tomatoes, Green Pepper, Onion, <br>Marinara, Mozzarella &amp; Parmesan</p>
  263. <p class="food-price">$11.95</p>
  264. <ul class="food-rate">
  265. <li><i class="fa fa-star"></i></li>
  266. <li><i class="fa fa-star"></i></li>
  267. <li><i class="fa fa-star"></i></li>
  268. <li><i class="fa fa-star"></i></li>
  269. <li><i class="fa fa-star"></i></li>
  270. </ul>
  271. </div>
  272. </div><!-- /.food-item -->
  273. <div class="food-item breakfast grill soup pasta drink">
  274. <div class="food-thumb">
  275. <a href="#"><img src="images/food/6.jpg" alt="image"></a>
  276. </div>
  277. <div class="food-detail">
  278. <h3 class="food-name"><a href="#">Douglas</a></h3>
  279. <p class="food-info">Blackened Chicken, Cherry Tomatoes, Green Pepper, Onion, <br>Marinara, Mozzarella &amp; Parmesan</p>
  280. <p class="food-price">$11.95</p>
  281. <ul class="food-rate">
  282. <li><i class="fa fa-star"></i></li>
  283. <li><i class="fa fa-star"></i></li>
  284. <li><i class="fa fa-star"></i></li>
  285. <li><i class="fa fa-star"></i></li>
  286. <li class="hide"><i class="fa fa-star"></i></li>
  287. </ul>
  288. </div>
  289. </div><!-- /.food-item -->
  290. </div><!-- /.food-wrap -->
  291. <div class="roll-button-group">
  292. <a href="#" class="roll-button border">Load more</a>
  293. </div><!-- /.roll-button-group -->
  294. </div><!-- /.roll-menu -->
  295. </div><!-- /.span12 -->
  296. </div><!-- /.content-section -->
  297. </div><!-- /.row -->
  298. </div><!-- /.container -->
  299. </section>
  300. <!-- Team -->
  301. <section id="team" class="roll-row team-section parallax parallax-bg4">
  302. <div class="container">
  303. <div class="row">
  304. <div class="content-section">
  305. <div class="span12">
  306. <div class="roll-titlebox">
  307. <h3 class="subtitle">Team</h3>
  308. <h2 class="maintitle">SEE WHO SPECIALLY FOR YOU PREPARE THE BEST DISHES!</h2>
  309. </div><!-- /.roll-titlebox -->
  310. </div><!-- /.span12 -->
  311. </div><!-- /.content-section -->
  312. </div><!-- /.row -->
  313. <div class="roll-team carousel owl-carousel">
  314. <div class="team-item">
  315. <div class="team-inner">
  316. <div class="pop-overlay">
  317. <div class="team-pop">
  318. <div class="chef-info">
  319. <img src="images/chef.svg" alt="image">
  320. <div class="name">Jenna Sue</div>
  321. <div class="pos">Soup Chef</div>
  322. </div>
  323. <p class="chef-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
  324. <div>
  325. <ul class="chef-social">
  326. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  327. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  328. <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  329. </ul>
  330. </div>
  331. </div>
  332. </div>
  333. <div class="avatar">
  334. <img src="images/team/1.jpg" alt="image">
  335. </div>
  336. <div class="info">
  337. <div class="name">Jenna Sue</div>
  338. <div class="pos">Soup Chef</div>
  339. </div>
  340. </div>
  341. </div><!-- /.team-item -->
  342. <div class="team-item">
  343. <div class="team-inner">
  344. <div class="pop-overlay">
  345. <div class="team-pop">
  346. <div class="chef-info">
  347. <img src="images/chef.svg" alt="image">
  348. <div class="name">Mike Doe</div>
  349. <div class="pos">Master Chef</div>
  350. </div>
  351. <p class="chef-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
  352. <div>
  353. <ul class="chef-social">
  354. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  355. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  356. <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  357. </ul>
  358. </div>
  359. </div>
  360. </div>
  361. <div class="avatar">
  362. <img src="images/team/2.jpg" alt="image">
  363. </div>
  364. <div class="info">
  365. <div class="name">Mike Doe</div>
  366. <div class="pos">Master Chef</div>
  367. </div>
  368. </div>
  369. </div><!-- /.team-item -->
  370. <div class="team-item">
  371. <div class="team-inner">
  372. <div class="pop-overlay">
  373. <div class="team-pop">
  374. <div class="chef-info">
  375. <img src="images/chef.svg" alt="image">
  376. <div class="name">Ana Soley</div>
  377. <div class="pos">Grill Chef</div>
  378. </div>
  379. <p class="chef-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
  380. <div>
  381. <ul class="chef-social">
  382. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  383. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  384. <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  385. </ul>
  386. </div>
  387. </div>
  388. </div>
  389. <div class="avatar">
  390. <img src="images/team/3.jpg" alt="image">
  391. </div>
  392. <div class="info">
  393. <div class="name">Ana Soley</div>
  394. <div class="pos">Grill Chef</div>
  395. </div>
  396. </div>
  397. </div><!-- /.team-item -->
  398. <div class="team-item">
  399. <div class="team-inner">
  400. <div class="pop-overlay">
  401. <div class="team-pop">
  402. <div class="chef-info">
  403. <img src="images/chef.svg" alt="image">
  404. <div class="name">John Smith</div>
  405. <div class="pos">Pizza Chef</div>
  406. </div>
  407. <p class="chef-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
  408. <div>
  409. <ul class="chef-social">
  410. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  411. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  412. <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  413. </ul>
  414. </div>
  415. </div>
  416. </div>
  417. <div class="avatar">
  418. <img src="images/team/4.jpg" alt="image">
  419. </div>
  420. <div class="info">
  421. <div class="name">John Smith</div>
  422. <div class="pos">Pizza Chef</div>
  423. </div>
  424. </div>
  425. </div><!-- /.team-item -->
  426. <div class="team-item">
  427. <div class="team-inner">
  428. <div class="pop-overlay">
  429. <div class="team-pop">
  430. <div class="chef-info">
  431. <img src="images/chef.svg" alt="image">
  432. <div class="name">Ana Soley</div>
  433. <div class="pos">Grill Chef</div>
  434. </div>
  435. <p class="chef-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
  436. <div>
  437. <ul class="chef-social">
  438. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  439. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  440. <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  441. </ul>
  442. </div>
  443. </div>
  444. </div>
  445. <div class="avatar">
  446. <img src="images/team/3.jpg" alt="image">
  447. </div>
  448. <div class="info">
  449. <div class="name">Ana Soley</div>
  450. <div class="pos">Grill Chef</div>
  451. </div>
  452. </div>
  453. </div><!-- /.team-item -->
  454. <div class="team-item">
  455. <div class="team-inner">
  456. <div class="pop-overlay">
  457. <div class="team-pop">
  458. <div class="chef-info">
  459. <img src="images/chef.svg" alt="image">
  460. <div class="name">Mike Doe</div>
  461. <div class="pos">Master Chef</div>
  462. </div>
  463. <p class="chef-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
  464. <div>
  465. <ul class="chef-social">
  466. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  467. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  468. <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  469. </ul>
  470. </div>
  471. </div>
  472. </div>
  473. <div class="avatar">
  474. <img src="images/team/2.jpg" alt="image">
  475. </div>
  476. <div class="info">
  477. <div class="name">Mike Doe</div>
  478. <div class="pos">Master Chef</div>
  479. </div>
  480. </div>
  481. </div><!-- /.team-item -->
  482. <div class="team-item">
  483. <div class="team-inner">
  484. <div class="pop-overlay">
  485. <div class="team-pop">
  486. <div class="chef-info">
  487. <img src="images/chef.svg" alt="image">
  488. <div class="name">Jenna Sue</div>
  489. <div class="pos">Soup Chef</div>
  490. </div>
  491. <p class="chef-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
  492. <div>
  493. <ul class="chef-social">
  494. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  495. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  496. <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  497. </ul>
  498. </div>
  499. </div>
  500. </div>
  501. <div class="avatar">
  502. <img src="images/team/1.jpg" alt="image">
  503. </div>
  504. <div class="info">
  505. <div class="name">Jenna Sue</div>
  506. <div class="pos">Soup Chef</div>
  507. </div>
  508. </div>
  509. </div><!-- /.team-item -->
  510. <div class="team-item">
  511. <div class="team-inner">
  512. <div class="pop-overlay">
  513. <div class="team-pop">
  514. <div class="chef-info">
  515. <img src="images/chef.svg" alt="image">
  516. <div class="name">Mike Doe</div>
  517. <div class="pos">Master Chef</div>
  518. </div>
  519. <p class="chef-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
  520. <div>
  521. <ul class="chef-social">
  522. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  523. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  524. <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  525. </ul>
  526. </div>
  527. </div>
  528. </div>
  529. <div class="avatar">
  530. <img src="images/team/2.jpg" alt="image">
  531. </div>
  532. <div class="info">
  533. <div class="name">Mike Doe</div>
  534. <div class="pos">Master Chef</div>
  535. </div>
  536. </div>
  537. </div><!-- /.team-item -->
  538. <div class="team-item">
  539. <div class="team-inner">
  540. <div class="pop-overlay">
  541. <div class="team-pop">
  542. <div class="chef-info">
  543. <img src="images/chef.svg" alt="image">
  544. <div class="name">Ana Soley</div>
  545. <div class="pos">Grill Chef</div>
  546. </div>
  547. <p class="chef-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
  548. <div>
  549. <ul class="chef-social">
  550. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  551. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  552. <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  553. </ul>
  554. </div>
  555. </div>
  556. </div>
  557. <div class="avatar">
  558. <img src="images/team/3.jpg" alt="image">
  559. </div>
  560. <div class="info">
  561. <div class="name">Ana Soley</div>
  562. <div class="pos">Grill Chef</div>
  563. </div>
  564. </div>
  565. </div><!-- /.team-item -->
  566. </div><!-- /.roll-team -->
  567. </div><!-- /.container -->
  568. </section>
  569. <!-- Gallery -->
  570. <section id="gallery" class="roll-row gallery-section parallax parallax-bg6">
  571. <div class="container">
  572. <div class="row">
  573. <div class="content-section">
  574. <div class="span12">
  575. <div class="roll-titlebox">
  576. <h3 class="subtitle">Gallery</h3>
  577. <h2 class="maintitle text-white">OUR RESTAURANT AND THE FOOD THEY SERVE THEIR GUESTS</h2>
  578. </div><!-- /.roll-titlebox -->
  579. </div><!-- /.span12 -->
  580. </div><!-- /.content-section -->
  581. </div><!-- /.row -->
  582. </div><!-- /.container -->
  583. <div class="roll-gallery fullwidth">
  584. <ul class="gallery-filter inline">
  585. <li class="active"><a data-filter="*" href="#">ALL</a></li>
  586. <li><a data-filter=".restaurant" href="#">RESTAURANT</a></li>
  587. <li><a data-filter=".birthday" href="#">BIRTHDAY</a></li>
  588. <li><a data-filter=".business" href="#">BUSINESS</a></li>
  589. <li><a data-filter=".events" href="#">EVENTS</a></li>
  590. <li><a data-filter=".wedding" href="#">WEDDING</a></li>
  591. </ul><!-- /.gallery-filter -->
  592. <div class="gallery-wrap" data-portfolio-effect="fadeInUp">
  593. <div class="item gallery-item birthday">
  594. <div class="item-wrap">
  595. <div class="pop-overlay">
  596. <div class="gallery-pop">
  597. <h3><a href="#">Appetizers meat straight <br>from the village</a></h3>
  598. <ul class="gallery-cat">
  599. <li><a href="#">business</a></li>
  600. <li><a href="#">events</a></li>
  601. <li><a href="#">wedding</a></li>
  602. </ul>
  603. </div>
  604. </div>
  605. <div class="gallery-thumb">
  606. <img src="images/food/1b.jpg" alt="image">
  607. </div>
  608. </div><!-- /.item-wrap -->
  609. </div><!-- /.gallery-item -->
  610. <div class="item gallery-item events restaurant">
  611. <div class="item-wrap">
  612. <div class="pop-overlay">
  613. <div class="gallery-pop">
  614. <h3><a href="#">Appetizers meat straight <br>from the village</a></h3>
  615. <ul class="gallery-cat">
  616. <li><a href="#">business</a></li>
  617. <li><a href="#">events</a></li>
  618. <li><a href="#">wedding</a></li>
  619. </ul>
  620. </div>
  621. </div>
  622. <div class="gallery-thumb">
  623. <img src="images/food/2b.jpg" alt="image">
  624. </div>
  625. </div><!-- /.item-wrap -->
  626. </div><!-- /.gallery-item -->
  627. <div class="item gallery-item wedding">
  628. <div class="item-wrap">
  629. <div class="pop-overlay">
  630. <div class="gallery-pop">
  631. <h3><a href="#">Appetizers meat straight <br>from the village</a></h3>
  632. <ul class="gallery-cat">
  633. <li><a href="#">business</a></li>
  634. <li><a href="#">events</a></li>
  635. <li><a href="#">wedding</a></li>
  636. </ul>
  637. </div>
  638. </div>
  639. <div class="gallery-thumb">
  640. <img src="images/food/3b.jpg" alt="image">
  641. </div>
  642. </div><!-- /.item-wrap -->
  643. </div><!-- /.gallery-item -->
  644. <div class="item gallery-item events wedding birthday">
  645. <div class="item-wrap">
  646. <div class="pop-overlay">
  647. <div class="gallery-pop">
  648. <h3><a href="#">Appetizers meat straight <br>from the village</a></h3>
  649. <ul class="gallery-cat">
  650. <li><a href="#">business</a></li>
  651. <li><a href="#">events</a></li>
  652. <li><a href="#">wedding</a></li>
  653. </ul>
  654. </div>
  655. </div>
  656. <div class="gallery-thumb">
  657. <img src="images/food/4b.jpg" alt="image">
  658. </div>
  659. </div><!-- /.item-wrap -->
  660. </div><!-- /.gallery-item -->
  661. <div class="item gallery-item restaurant">
  662. <div class="item-wrap">
  663. <div class="pop-overlay">
  664. <div class="gallery-pop">
  665. <h3><a href="#">Appetizers meat straight <br>from the village</a></h3>
  666. <ul class="gallery-cat">
  667. <li><a href="#">business</a></li>
  668. <li><a href="#">events</a></li>
  669. <li><a href="#">wedding</a></li>
  670. </ul>
  671. </div>
  672. </div>
  673. <div class="gallery-thumb">
  674. <img src="images/food/5b.jpg" alt="image">
  675. </div>
  676. </div><!-- /.item-wrap -->
  677. </div><!-- /.gallery-item -->
  678. <div class="item gallery-item business restaurant">
  679. <div class="item-wrap">
  680. <div class="pop-overlay">
  681. <div class="gallery-pop">
  682. <h3><a href="#">Appetizers meat straight <br>from the village</a></h3>
  683. <ul class="gallery-cat">
  684. <li><a href="#">business</a></li>
  685. <li><a href="#">events</a></li>
  686. <li><a href="#">wedding</a></li>
  687. </ul>
  688. </div>
  689. </div>
  690. <div class="gallery-thumb">
  691. <img src="images/food/6b.jpg" alt="image">
  692. </div>
  693. </div><!-- /.item-wrap -->
  694. </div><!-- /.gallery-item -->
  695. <div class="item gallery-item wedding">
  696. <div class="item-wrap">
  697. <div class="pop-overlay">
  698. <div class="gallery-pop">
  699. <h3><a href="#">Appetizers meat straight <br>from the village</a></h3>
  700. <ul class="gallery-cat">
  701. <li><a href="#">business</a></li>
  702. <li><a href="#">events</a></li>
  703. <li><a href="#">wedding</a></li>
  704. </ul>
  705. </div>
  706. </div>
  707. <div class="gallery-thumb">
  708. <img src="images/food/7b.jpg" alt="image">
  709. </div>
  710. </div><!-- /.item-wrap -->
  711. </div><!-- /.gallery-item -->
  712. <div class="item gallery-item events restaurant">
  713. <div class="item-wrap">
  714. <div class="pop-overlay">
  715. <div class="gallery-pop">
  716. <h3><a href="#">Appetizers meat straight <br>from the village</a></h3>
  717. <ul class="gallery-cat">
  718. <li><a href="#">business</a></li>
  719. <li><a href="#">events</a></li>
  720. <li><a href="#">wedding</a></li>
  721. </ul>
  722. </div>
  723. </div>
  724. <div class="gallery-thumb">
  725. <img src="images/food/8b.jpg" alt="image">
  726. </div>
  727. </div><!-- /.item-wrap -->
  728. </div><!-- /.gallery-item -->
  729. <div class="item gallery-item birthday business">
  730. <div class="item-wrap">
  731. <div class="pop-overlay">
  732. <div class="gallery-pop">
  733. <h3><a href="#">Appetizers meat straight <br>from the village</a></h3>
  734. <ul class="gallery-cat">
  735. <li><a href="#">business</a></li>
  736. <li><a href="#">events</a></li>
  737. <li><a href="#">wedding</a></li>
  738. </ul>
  739. </div>
  740. </div>
  741. <div class="gallery-thumb">
  742. <img src="images/food/9b.jpg" alt="image">
  743. </div>
  744. </div><!-- /.item-wrap -->
  745. </div><!-- /.gallery-item -->
  746. <div class="item gallery-item restaurant wedding">
  747. <div class="item-wrap">
  748. <div class="pop-overlay">
  749. <div class="gallery-pop">
  750. <h3><a href="#">Appetizers meat straight <br>from the village</a></h3>
  751. <ul class="gallery-cat">
  752. <li><a href="#">business</a></li>
  753. <li><a href="#">events</a></li>
  754. <li><a href="#">wedding</a></li>
  755. </ul>
  756. </div>
  757. </div>
  758. <div class="gallery-thumb">
  759. <img src="images/food/10b.jpg" alt="image">
  760. </div>
  761. </div><!-- /.item-wrap -->
  762. </div><!-- /.gallery-item -->
  763. </div><!-- /.gallery-wrap -->
  764. </div><!-- /.roll-gallery -->
  765. <div class="roll-button-group">
  766. <a href="#" class="roll-button dark">LOAD MORE</a>
  767. </div><!-- /.roll-button-group -->
  768. </section>
  769. <!-- Events -->
  770. <section id="events" class="roll-row events-section parallax parallax-bg7">
  771. <div class="container">
  772. <div class="row">
  773. <div class="content-section">
  774. <div class="span12">
  775. <div class="roll-titlebox">
  776. <h3 class="subtitle">Events</h3>
  777. <h2 class="maintitle">UPCOMING PERFORMANCES BY WELL-KNOWN AND POPULAR IN OUR PLACE!</h2>
  778. </div><!-- /.roll-titlebox -->
  779. </div><!-- /.span12 -->
  780. <div class="span10 offset1">
  781. <div class="roll-event">
  782. <div class="event-thumb">
  783. <img src="images/man.jpg" alt="image">
  784. </div>
  785. <div class="event-detail">
  786. <h3 class="title">Bill Frisell</h3>
  787. <h4 class="date"><span>25 September 2015, 9:00 pm</span></h4>
  788. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pharetra felis a interdum lacinia. Quisque</p>
  789. <div class="countdown" data-date="September 25, 2015 9:00:00">
  790. </div>
  791. <div class="event-fb">Join an event on Facebook <span><a href="#"><i class="fa fa-facebook"></i></a></span></div>
  792. </div>
  793. </div><!-- /.roll-event -->
  794. </div><!-- /.span10 -->
  795. </div><!-- /.content-section -->
  796. </div><!-- /.row -->
  797. </div><!-- /.container -->
  798. </section>
  799. <!-- Reservation -->
  800. <section id="reservation" class="roll-row reservation-section parallax parallax-bg8" style="color: #fff">
  801. <div class="overlay"></div>
  802. <div class="container">
  803. <div class="row">
  804. <div class="content-section comment-respond">
  805. <div class="span6">
  806. <div class="roll-reserve">
  807. <form id="reserve-form" class="reserve-form contact-form" method="post" action="./contact/includes/reserve-process.php">
  808. <div class="note"></div>
  809. <div class="input-wrap date">
  810. <input type="text" value="" tabindex="1" placeholder="Pick a date *" name="date" id="datepicker">
  811. <span class="datepick"><i class="fa fa-angle-down"></i></span>
  812. </div>
  813. <div class="input-wrap people">
  814. <input type="text" value="" tabindex="2" placeholder="Number of People *" name="people" id="people">
  815. </div>
  816. <div class="input-wrap fullname">
  817. <input type="text" value="" tabindex="3" placeholder="Fullname *" name="fullname" id="fullname">
  818. </div>
  819. <div class="input-wrap email">
  820. <input type="text" value="" tabindex="4" placeholder="E-mail *" name="email" id="email">
  821. </div>
  822. <div class="input-wrap telephone">
  823. <input type="text" value="" tabindex="5" placeholder="Telephone *" name="telephone" id="telephone">
  824. </div>
  825. <div class="textarea-wrap message">
  826. <textarea class="" tabindex="6" placeholder="Message *" name="message" id="message"></textarea>
  827. </div>
  828. <div class="send-wrap">
  829. <input type="submit" value="Reservation" id="submit" name="submit" class="submit">
  830. </div>
  831. </form><!-- /.reserve-form -->
  832. </div><!-- /.roll-reserve -->
  833. </div><!-- /.span6 -->
  834. <div class="span6">
  835. <h4 class="roll-heading text-white">WHY BOOK A TABLE AT OUR RESTAURANT?</h4>
  836. <div class="roll-spacer small"></div>
  837. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non magna id purus suscipit pellentesque. Etiam in nisi in est egestas tincidunt. Vivamus viverra maximus ante, vel ultricies metus accumsan a. Aliquam erat volutpat. Curabitur placerat vehicula turpis eget rutrum. Maecenas malesuada, tellus id auctor facilisis, mauris nulla feugiat purus, quis tincidunt neque sem auctor dui. Praesent sagittis odio non tincidunt ornare.</p>
  838. <p>Vestibulum nec diam id lacus tincidunt luctus nec vitae odio. Maecenas pulvinar consequat enim at malesuada. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
  839. <ul class="roll-infomation">
  840. <li class="address">252-258 Oxford St, London W1C 1DL<br>United Kingdom</li>
  841. <li class="phone">+44 256 256 258<br>+44 358 258 356</li>
  842. <li class="email">contact@zuparestaurant.com<br>reservation@zuparestaurant.com</li>
  843. </ul>
  844. </div><!-- /.span6 -->
  845. </div><!-- /.content-section -->
  846. </div><!-- /.row -->
  847. </div><!-- /.container -->
  848. </section>
  849. <!-- Blog -->
  850. <section id="blog" class="roll-row blog-section parallax parallax-bg9">
  851. <div class="container">
  852. <div class="row">
  853. <div class="content-section">
  854. <div class="span12">
  855. <div class="roll-titlebox">
  856. <h3 class="subtitle">Blog</h3>
  857. <h2 class="maintitle">THE LATEST NEWS FROM THE WORLD OF CUSINE</h2>
  858. </div><!-- /.roll-titlebox -->
  859. </div><!-- /.span12 -->
  860. <div class="span12">
  861. <div class="roll-blog-slider" data-auto="false" data-effect="slide" data-direction="horizotal">
  862. <div class="roll-blog">
  863. <div class="thumb">
  864. <img src="images/blog/b1.jpg" alt="image">
  865. <div class="date"><span>15</span><span>SEP</span></div>
  866. </div>
  867. <div class="content">
  868. <h2><a href="blog.html">Blog Post Article 1</a></h2>
  869. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut cursus dictum.</p>
  870. <a class="more" href="blog.html">READ MORE</a>
  871. </div>
  872. </div>
  873. <div class="roll-blog">
  874. <div class="thumb">
  875. <img src="images/blog/b2.jpg" alt="image">
  876. <div class="date"><span>11</span><span>SEP</span></div>
  877. </div>
  878. <div class="content">
  879. <h2><a href="blog.html">Blog Post Article 2</a></h2>
  880. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut cursus dictum.</p>
  881. <a class="more" href="blog.html">READ MORE</a>
  882. </div>
  883. </div>
  884. <div class="roll-blog">
  885. <div class="thumb">
  886. <img src="images/blog/b3.jpg" alt="image">
  887. <div class="date"><span>5</span><span>SEP</span></div>
  888. </div>
  889. <div class="content">
  890. <h2><a href="blog.html">Blog Post Article 3</a></h2>
  891. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut cursus dictum.</p>
  892. <a class="more" href="blog.html">READ MORE</a>
  893. </div>
  894. </div>
  895. <div class="roll-blog">
  896. <div class="thumb">
  897. <img src="images/blog/b4.jpg" alt="image">
  898. <div class="date"><span>1</span><span>SEP</span></div>
  899. </div>
  900. <div class="content">
  901. <h2><a href="blog.html">Blog Post Article 4</a></h2>
  902. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut cursus dictum.</p>
  903. <a class="more" href="blog.html">READ MORE</a>
  904. </div>
  905. </div>
  906. <div class="roll-blog">
  907. <div class="thumb">
  908. <img src="images/blog/b1.jpg" alt="image">
  909. <div class="date"><span>15</span><span>SEP</span></div>
  910. </div>
  911. <div class="content">
  912. <h2><a href="blog.html">Blog Post Article 1</a></h2>
  913. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut cursus dictum.</p>
  914. <a class="more" href="blog.html">READ MORE</a>
  915. </div>
  916. </div>
  917. <div class="roll-blog">
  918. <div class="thumb">
  919. <img src="images/blog/b2.jpg" alt="image">
  920. <div class="date"><span>11</span><span>SEP</span></div>
  921. </div>
  922. <div class="content">
  923. <h2><a href="blog.html">Blog Post Article 2</a></h2>
  924. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut cursus dictum.</p>
  925. <a class="more" href="blog.html">READ MORE</a>
  926. </div>
  927. </div>
  928. <div class="roll-blog">
  929. <div class="thumb">
  930. <img src="images/blog/b3.jpg" alt="image">
  931. <div class="date"><span>5</span><span>SEP</span></div>
  932. </div>
  933. <div class="content">
  934. <h2><a href="blog.html">Blog Post Article 3</a></h2>
  935. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut cursus dictum.</p>
  936. <a class="more" href="blog.html">READ MORE</a>
  937. </div>
  938. </div>
  939. <div class="roll-blog">
  940. <div class="thumb">
  941. <img src="images/blog/b4.jpg" alt="image">
  942. <div class="date"><span>1</span><span>SEP</span></div>
  943. </div>
  944. <div class="content">
  945. <h2><a href="blog.html">Blog Post Article 4</a></h2>
  946. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut cursus dictum.</p>
  947. <a class="more" href="blog.html">READ MORE</a>
  948. </div>
  949. </div>
  950. </div><!-- /.roll-blog-slider -->
  951. </div><!-- /.span12 -->
  952. </div><!-- /.content-section -->
  953. </div><!-- /.row -->
  954. </div><!-- /.container -->
  955. </section>
  956. <!-- Testimonials -->
  957. <section id="testimonials" class="roll-row testimonials-section parallax parallax-bg10" style="padding-bottom: 90px">
  958. <div class="overlay"></div>
  959. <div class="container">
  960. <div class="row">
  961. <div class="content-section">
  962. <div class="span12">
  963. <div class="roll-titlebox">
  964. <h3 class="subtitle">Testimonials</h3>
  965. <h2 class="maintitle text-white">WHAT OUR CUSTOMERS SAY</h2>
  966. </div><!-- /.roll-titlebox -->
  967. </div><!-- /.span12 -->
  968. <div class="span12">
  969. <div class="roll-testimonials">
  970. <div class="customer">
  971. <div class="avatar">
  972. <img src="images/testimonial/1.jpg" alt="image">
  973. </div>
  974. <blockquote class="whisper">Aliquam auctor, elit id imperdiet sollicitudin, diam dui viverra lorem, in maximus eros mauris in lacus.<br>Phasellus malesuada posuere urna, ut imperdiet quam.<br>Duis finibus mi ac velit posuere venenatis.</blockquote>
  975. <div class="name">John Doe</div>
  976. </div>
  977. <div class="customer">
  978. <div class="avatar">
  979. <img src="images/testimonial/2.jpg" alt="image">
  980. </div>
  981. <blockquote class="whisper">Aliquam auctor, elit id imperdiet sollicitudin, diam dui viverra lorem, in maximus eros mauris in lacus.<br>Phasellus malesuada posuere urna, ut imperdiet quam.</blockquote>
  982. <div class="name">Sammy</div>
  983. </div>
  984. <div class="customer">
  985. <div class="avatar">
  986. <img src="images/testimonial/3.jpg" alt="image">
  987. </div>
  988. <blockquote class="whisper">Aliquam auctor, elit id imperdiet sollicitudin, diam dui viverra lorem, in maximus eros mauris in lacus.<br>Phasellus malesuada posuere urna, ut imperdiet quam.<br>Duis finibus mi ac velit posuere venenatis.</blockquote>
  989. <div class="name">John Doe</div>
  990. </div>
  991. </div><!-- /.roll-testimonials -->
  992. </div><!-- /.span12 -->
  993. </div><!-- /.content-section -->
  994. </div><!-- /.row -->
  995. </div><!-- /.container -->
  996. </section>
  997. <!-- Subscribe -->
  998. <section id="subscribe" class="roll-row subscribe-section" style="padding: 75px 0; background-color: #d91d1d">
  999. <div class="container">
  1000. <div class="row">
  1001. <div class="content-section">
  1002. <div class="span12">
  1003. <div class="mail-subscribe dark">
  1004. <div class="text">
  1005. <h2>SUBSCRIBE US</h2>
  1006. <p>Subscribe to us and be always up to date!</p>
  1007. </div><!-- /.text -->
  1008. <form method="post" action="#" id="subscribe-form" data-mailchimp="true">
  1009. <div id="subscribe-content">
  1010. <div class="input-wrap email-sub">
  1011. <input type="text" id="subscribe-email" name="subscribe-email" placeholder="Enter your e-mail address">
  1012. </div>
  1013. <div class="button-wrap">
  1014. <button type="button" id="subscribe-button" class="" title="Subscribe now">SUBSCRIBE</button>
  1015. </div>
  1016. </div>
  1017. <div id="subscribe-msg"></div>
  1018. </form><!-- /#subscribe-form -->
  1019. <div class="clearfix"></div>
  1020. </div><!-- /.mail-subscribe -->
  1021. </div><!-- /.span12 -->
  1022. </div><!-- /.content-section -->
  1023. </div><!-- /.row -->
  1024. </div><!-- /.container -->
  1025. </section>
  1026. <!-- Contact -->
  1027. <section id="contact" class="roll-row roll-contact parallax-bg11">
  1028. <div class="container">
  1029. <div class="row">
  1030. <div class="content-section">
  1031. <div class="span12">
  1032. <div class="roll-titlebox">
  1033. <h3 class="subtitle">Contact</h3>
  1034. <h2 class="maintitle">CONTACT WITH US</h2>
  1035. </div><!-- /.roll-titlebox -->
  1036. </div><!-- /.span12 -->
  1037. <div class="span4 offset2">
  1038. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sagittis sapien sit amet lobortis pulvinar. Duis dapibus, nisl vitae dictum pharetra, elit mauris blandit nulla, ac maximus felis turpis a diam. Praesent aliquet bibendum nibh, placerat pharetra metus ullamcorper eget.</p>
  1039. <ul class="roll-infomation">
  1040. <li class="address">252-258 Oxford St, London W1C 1DL<br>United Kingdom</li>
  1041. <li class="phone">+44 256 256 258<br>+44 358 258 356</li>
  1042. <li class="email">contact@zuparestaurant.com<br>reservation@zuparestaurant.com</li>
  1043. <li class="time"><span>Mon - Thur:</span> 8:00 am - 9:00 pm<br><span>Fri - Sat:</span> 10:00 am - 1:00 am<br><span>Sun:</span> 11:00 am - 10:00 pm</li>
  1044. </ul>
  1045. <ul class="roll-socials">
  1046. <li>
  1047. <a href="#" target="_blank" title="Facebook'">
  1048. <i class="fa fa-facebook"></i>
  1049. </a>
  1050. </li>
  1051. <li>
  1052. <a href="#" target="_blank" title="Twitter">
  1053. <i class="fa fa-twitter"></i>
  1054. </a>
  1055. </li>
  1056. <li>
  1057. <a href="#" target="_blank" title="Tumblr">
  1058. <i class="fa fa-tumblr"></i>
  1059. </a>
  1060. </li>
  1061. <li>
  1062. <a href="#" target="_blank" title="Pinterest">
  1063. <i class="fa fa-pinterest"></i>
  1064. </a>
  1065. </li>
  1066. <li>
  1067. <a href="#" target="_blank" title="linkedin">
  1068. <i class="fa fa-linkedin"></i>
  1069. </a>
  1070. </li>
  1071. <li>
  1072. <a href="#" target="_blank" title="google-plus">
  1073. <i class="fa fa-google-plus"></i>
  1074. </a>
  1075. </li>
  1076. </ul>
  1077. </div><!-- /.span6 -->
  1078. <div class="span4">
  1079. <form id="contact-form" class="contact-form" method="post" action="./contact/includes/contact-process.php">
  1080. <div class="note"></div>
  1081. <div class="input-wrap">
  1082. <input type="text" value="" tabindex="1" placeholder="Name *" name="name" id="name1">
  1083. </div>
  1084. <div class="input-wrap">
  1085. <input type="text" value="" tabindex="3" placeholder="Email *" name="email" id="email1">
  1086. </div>
  1087. <div class="input-wrap">
  1088. <input type="text" value="" tabindex="4" placeholder="Telephone" name="telephone" id="telephone1">
  1089. </div>
  1090. <div class="message-wrap">
  1091. <textarea class="" tabindex="5" placeholder="Message *" name="message" id="message1"></textarea>
  1092. </div>
  1093. <div class="send-wrap">
  1094. <input type="submit" value="SEND MESSAGE" id="submit1" name="submit" class="submit">
  1095. </div>
  1096. </form><!-- /.comment-form -->
  1097. </div>
  1098. </div><!-- /.content-section -->
  1099. </div><!-- /.row -->
  1100. </div><!-- /.container -->
  1101. </section>
  1102. <div id="map" style="width: 100%; height: 250px">
  1103. </div><!-- /map -->
  1104. <footer class="footer simple">
  1105. <div class="container">
  1106. <div class="row">
  1107. <div class="content-section">
  1108. <div class="span12">
  1109. <h4 class="thanks">THANK YOU AND WELCOME BACK!</h4>
  1110. <p class="copyr">All Right Reserved • ZupaRestaurant • 2014</p>
  1111. </div><!-- /.span12 -->
  1112. </div><!-- /.content-section -->
  1113. </div><!-- /.row -->
  1114. </div><!-- /.container -->
  1115. </footer>
  1116. <div class="bottom">
  1117. <div class="container">
  1118. <div class="row">
  1119. <div class="span12">
  1120. <ul class="roll-socials">
  1121. <li>
  1122. <a href="#" target="_blank" title="Facebook'"><i class="fa fa-facebook"></i></a>
  1123. </li>
  1124. <li>
  1125. <a href="#" target="_blank" title="Twitter"><i class="fa fa-twitter"></i></a>
  1126. </li>
  1127. <li>
  1128. <a href="#" target="_blank" title="Tumblr"><i class="fa fa-tumblr"></i></a>
  1129. </li>
  1130. <li>
  1131. <a href="#" target="_blank" title="Pinterest"><i class="fa fa-pinterest"></i></a>
  1132. </li>
  1133. <li>
  1134. <a href="#" target="_blank" title="linkedin"><i class="fa fa-linkedin"></i></a>
  1135. </li>
  1136. <li>
  1137. <a href="#" target="_blank" title="google-plus"><i class="fa fa-google-plus"></i></a>
  1138. </li>
  1139. </ul>
  1140. </div><!-- /.span12 -->
  1141. </div><!-- /.row -->
  1142. </div><!-- /.container -->
  1143. </div><!-- /.bottom -->
  1144. </div><!-- /.entry-page -->
  1145. <!-- Go Top -->
  1146. <a class="go-top">
  1147. <i class="fa fa-angle-up"></i>
  1148. </a>
  1149. <!-- Javascript -->
  1150. <script type="text/javascript" src="javascript/jquery.min.js"></script>
  1151. <script type="text/javascript" src="javascript/bootstrap.min.js"></script>
  1152. <script type="text/javascript" src="javascript/jquery.easing.js"></script>
  1153. <script type="text/javascript" src="javascript/matchMedia.js"></script>
  1154. <script type="text/javascript" src="javascript/jquery-waypoints.js"></script>
  1155. <script type="text/javascript" src="javascript/jquery.bxslider.js"></script>
  1156. <script type="text/javascript" src="javascript/parallax.js"></script>
  1157. <script type="text/javascript" src="javascript/imagesloaded.min.js"></script>
  1158. <script type="text/javascript" src="javascript/jquery.isotope.min.js"></script>
  1159. <script type="text/javascript" src="javascript/jquery.sticky.js"></script>
  1160. <script type="text/javascript" src="javascript/jquery.flexslider-min.js"></script>
  1161. <script type="text/javascript" src="javascript/owl.carousel.min.js"></script>
  1162. <script type="text/javascript" src="javascript/jquery.countdown.js"></script>
  1163. <script type="text/javascript" src="javascript/jquery-ui-datepicker.js"></script>
  1164. <script>
  1165. $(function() {
  1166. $( "#datepicker" ).datepicker();
  1167. });
  1168. </script>
  1169. <script type="text/javascript" src="javascript/jquery.transit.js"></script>
  1170. <script type="text/javascript" src="javascript/jquery.fittext.js"></script>
  1171. <script type="text/javascript" src="javascript/jquery.tweet.min.js"></script>
  1172. <script type="text/javascript" src="javascript/jflickrfeed.min.js"></script>
  1173. <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
  1174. <script type="text/javascript" src="javascript/gmap3.min.js"></script>
  1175. <script type="text/javascript" src="javascript/main.js"></script>
  1176. </body>
  1177. </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!