713 lines
28 KiB
HTML
713 lines
28 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
|
|
|
<!-- FONTS -->
|
|
<link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,500,600,700' rel='stylesheet' type='text/css'>
|
|
<link href='https://fonts.googleapis.com/css?family=Philosopher:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
|
|
<link href='https://fonts.googleapis.com/css?family=Bilbo+Swash+Caps' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- STYLESHEETS -->
|
|
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
|
|
<link href="css/vertical.min.css" rel="stylesheet" type="text/css">
|
|
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="css/flaticon.css">
|
|
<link rel="stylesheet" href="css/owl.carousel.css">
|
|
<link rel="stylesheet" href="css/ihover.css">
|
|
<link rel="stylesheet" type="text/css" href="revslider/css/settings.css" media="screen">
|
|
<link href="css/styles.css" rel="stylesheet" type="text/css">
|
|
|
|
|
|
<title>Relish</title>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- PAGE -->
|
|
|
|
<div class="page" id="top">
|
|
|
|
<!-- preloader -->
|
|
|
|
<div id="preloader">
|
|
<div class="preloader-wave"></div>
|
|
</div>
|
|
|
|
<!-- / preloader -->
|
|
|
|
<!-- site top panel -->
|
|
|
|
<div class="site-top-panel">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-8">
|
|
<div class="tel-wrap">
|
|
<address>
|
|
<a href="tel:475-1969996"><i class="fa fa-phone"></i>(475) 196-9996</a>
|
|
<span>|</span>
|
|
<a href="mailto:relish.support@gmail.com"><i class="fa fa-envelope"></i>relish.support@gmail.com</a>
|
|
</address>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-sm-4">
|
|
<div class="lang-wrap">
|
|
<div class="currency">
|
|
<select name="billing_lang" class="cur-change">
|
|
<option value="">USD</option>
|
|
<option value="eur">EUR</option>
|
|
<option value="gbp">GBP</option>
|
|
<option value="au">AUD</option>
|
|
</select>
|
|
</div>
|
|
<span>|</span>
|
|
<div class="lang-bar">
|
|
<div>
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="lang-sel icl-en">
|
|
<img src="images/flag/us.png" class="icflag" alt>
|
|
EN
|
|
</a>
|
|
<ul>
|
|
<li class="icl-fr">
|
|
<a href="#">
|
|
<img src="images/flag/fr.png" class="icflag" alt>
|
|
FR
|
|
</a>
|
|
</li>
|
|
<li class="icl-de">
|
|
<a href="#">
|
|
<img src="images/flag/de.png" class="icflag" alt>
|
|
DE
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- /site top panel -->
|
|
|
|
<!-- sticky menu -->
|
|
|
|
<header class='sticky-header js-stick top-fixed'>
|
|
<div class="container">
|
|
<nav class="main-nav">
|
|
<div class="full-wrapper align-center">
|
|
|
|
<!-- logo sticky -->
|
|
|
|
<div class="nav-logo-wrap-sticky">
|
|
<a href="index.html" class="logo">
|
|
<img src="images/logo.png" data-at2x="images/logo@2x.png" alt>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- / logo sticky -->
|
|
|
|
<!-- menu mobile bars -->
|
|
|
|
<div class="mobile-nav">
|
|
<i class="fa fa-bars"></i>
|
|
</div>
|
|
|
|
<!-- / menu mobile bars -->
|
|
|
|
<div class="inner-nav desktop-nav">
|
|
<ul class="clearlist">
|
|
<li>
|
|
<a href="index.html" class="nav-submenu">Home</a>
|
|
</li>
|
|
<li class="sep">
|
|
<a>/</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="nav-submenu active">Pages</a>
|
|
|
|
<!-- submenu -->
|
|
|
|
<ul class="submenu submenu-mega">
|
|
<li class="submenu-mega-col">
|
|
<a class="submenu-mega-title font-alt">Pages</a>
|
|
<ul>
|
|
<li>
|
|
<a href="home-1.html">Home 2</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-2.html">Home 3</a>
|
|
</li>
|
|
<li>
|
|
<a href="about-1.html">About us 1</a>
|
|
</li>
|
|
<li>
|
|
<a href="team.html">Our Team</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu-mega-col">
|
|
<a class="submenu-mega-title font-alt">Content</a>
|
|
<ul>
|
|
<li>
|
|
<a href="pricing-tables.html">Pricing</a>
|
|
</li>
|
|
<li>
|
|
<a href="reservation.html">Reservation</a>
|
|
</li>
|
|
<li>
|
|
<a href="services.html">Services</a>
|
|
</li>
|
|
<li>
|
|
<a href="shortcodes.html">Shortcodes</a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html">Typography</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu-mega-col">
|
|
<a class="submenu-mega-title font-alt">Portfolio</a>
|
|
<ul>
|
|
<li>
|
|
<a href="gallery-fullwidth-filter.html">Filter</a>
|
|
</li>
|
|
<li>
|
|
<a href="gallery-right-sidebar.html">Right Sidebar</a>
|
|
</li>
|
|
<li>
|
|
<a href="gallery-one-column.html">One Column</a>
|
|
</li>
|
|
<li>
|
|
<a href="gallery-two-column.html">Two Column</a>
|
|
</li>
|
|
<li>
|
|
<a href="gallery-three-column.html">Three Column</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu-mega-col">
|
|
<a class="submenu-mega-title font-alt">Blog</a>
|
|
<ul>
|
|
<li>
|
|
<a href="blog-default.html">Default</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-post.html">Blog Post</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-two-col.html">Two Columns</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-three-col.html">Three Columns</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-fullwidth.html">Full Width</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- / submenu -->
|
|
|
|
</li>
|
|
<li class="sep">
|
|
<a>/</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="nav-submenu">Gallery</a>
|
|
|
|
<!-- submenu -->
|
|
|
|
<ul class="submenu">
|
|
<li>
|
|
<a href="gallery-fullwidth.html">Full Width</a>
|
|
</li>
|
|
<li>
|
|
<a href="gallery-fullwidth-filter.html">Filter</a>
|
|
</li>
|
|
<li>
|
|
<a href="gallery-right-sidebar.html">Right Sidebar</a>
|
|
</li>
|
|
<li>
|
|
<a href="gallery-one-column.html">One Column</a>
|
|
</li>
|
|
<li>
|
|
<a href="gallery-two-column.html">Two Column</a>
|
|
</li>
|
|
<li>
|
|
<a href="gallery-three-column.html">Three Column</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- / submenu -->
|
|
|
|
</li>
|
|
|
|
<!-- logo menu -->
|
|
|
|
<li class="nav-logo-wrap">
|
|
<a href="index.html" class="logo">
|
|
<img src="images/logo.png" data-at2x="images/logo@2x.png" alt>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- / logo menu -->
|
|
|
|
<li>
|
|
<a href="#" class="nav-submenu">Blog</a>
|
|
|
|
<!-- submenu -->
|
|
|
|
<ul class="submenu">
|
|
<li>
|
|
<a href="blog-default.html">Default</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-post.html">Blog Post</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-two-col.html">Two Columns</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-three-col.html">Three Columns</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-fullwidth.html">Full Width</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- / submenu -->
|
|
|
|
</li>
|
|
<li class="sep">
|
|
<a>/</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="nav-submenu">Shop</a>
|
|
|
|
<!-- submenu -->
|
|
|
|
<ul class="submenu">
|
|
<li>
|
|
<a href="shop-product-list.html">Product List</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop-single-item.html">Single Item</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop-cart.html">Shop Cart</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop-checkout.html">Checkout</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- / submenu -->
|
|
|
|
</li>
|
|
<li class="sep">
|
|
<a>/</a>
|
|
</li>
|
|
<li>
|
|
<a href="contact.html">Location</a>
|
|
</li>
|
|
</ul>
|
|
<div class="menu-rect">
|
|
<img src="images/lines/rectangle-1.png" data-at2x="images/lines/rectangle-1@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- / sticky menu -->
|
|
|
|
<!-- breadcrumb -->
|
|
|
|
<section class="breadcrumb-section" data-background="images/section-bg/section-bg-4.jpg">
|
|
<div class="container align-center">
|
|
<nav class="breadcrumb">
|
|
<a href="index.html">Home</a>
|
|
<a href="#">Pages</a>
|
|
<a href="#">Typography</a>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- /breadcrumb -->
|
|
|
|
<hr class="mt-0 mb-0 alt-2" />
|
|
|
|
<!-- page section -->
|
|
|
|
<section class="page-section">
|
|
<div class="container">
|
|
<h3 class="section-title font-alt">Columns</h3>
|
|
|
|
<!-- columns -->
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<strong>Full Width Column</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada. Duis non placerat leo, vulputate ullamcorper purus. Mauris sollicitudin velit dolor, consectetur pretium magna ultrices ac. Aenean dignissim purus libero, non faucibus nisi condim et. Mauris placerat massa odio, ac lobortis diam fermentum ut. Pellentesque scelerisque dui ac ultrices laoreet. Vivamus semper blandit ullamcorper.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<strong>1/2 - one-second</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada. Duis non placerat leo, vulputate ullamcorper purus. Mauris sollicitudin velit dolor.</p>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<strong>1/2 - one-second</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada. Duis non placerat leo, vulputate ullamcorper purus. Mauris sollicitudin velit dolor.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<strong>1/3 - one-third</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada.</p>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<strong>1/3 - one-third</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada.</p>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<strong>1/3 - one-third</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<strong>1/3 - one-third</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada.</p>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<strong>2/3 - two-third</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada. Duis non placerat leo, vulputate ullamcorper purus. Mauris sollicitudin velit dolor, consectetur pretium magna ultrices ac. Aenean dignissim purus libero faucibus.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-9">
|
|
<strong>3/4 - three-quarters</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada. Duis non placerat leo, vulputate ullamcorper purus. Mauris sollicitudin velit dolor, consectetur pretium magna ultrices ac. Aenean dignissim purus libero, non faucibus nisi condimentum et. Mauris placerat massa.</p>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<strong>1/4 - one-quarter</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<strong>1/4 - one-quarter</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu.</p>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<strong>1/4 - one-quarter</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu.</p>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<strong>1/4 - one-quarter</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu.</p>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<strong>1/4 - one-quarter</strong>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- columns -->
|
|
|
|
<hr class="mt-40 mb-60 alt-2" />
|
|
|
|
<!-- headings -->
|
|
|
|
<div class="row align-center">
|
|
<div class="col-md-12">
|
|
<h1 class="font-alt">Heading H1</h1>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada. Duis non placerat leo, vulputate ullamcorper purus. Mauris sollicitud velit dolor, consectetur pretium magna ultrices ac. Aenean dignissim purus libero, non faucibus nisi condimen. Mauris placerat massa odio, ac lobortis diam fermentum ut. Pellentesque scelerisque dui ac ultrices laoreet. Vivamus semper blandit ullamcorper</p>
|
|
<h2 class="font-alt">Heading H2</h2>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada. Duis non placerat leo, vulputate ullamcorper purus. Mauris sollicitud velit dolor, consectetur pretium magna ultrices ac. Aenean dignissim purus libero, non faucibus nisi condimen. Mauris placerat massa odio, ac lobortis diam fermentum ut. Pellentesque scelerisque dui ac ultrices laoreet. Vivamus semper blandit ullamcorper</p>
|
|
<h3 class="font-alt">Heading H3</h3>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada. Duis non placerat leo, vulputate ullamcorper purus. Mauris sollicitud velit dolor, consectetur pretium magna ultrices ac. Aenean dignissim purus libero, non faucibus nisi condimen. Mauris placerat massa odio, ac lobortis diam fermentum ut. Pellentesque scelerisque dui ac ultrices laoreet. Vivamus semper blandit ullamcorper</p>
|
|
<h4 class="font-alt">Heading H4</h4>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada. Duis non placerat leo, vulputate ullamcorper purus. Mauris sollicitud velit dolor, consectetur pretium magna ultrices ac. Aenean dignissim purus libero, non faucibus nisi condimen. Mauris placerat massa odio, ac lobortis diam fermentum ut. Pellentesque scelerisque dui ac ultrices laoreet. Vivamus semper blandit ullamcorper</p>
|
|
<h5 class="font-alt">Heading H5</h5>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada. Duis non placerat leo, vulputate ullamcorper purus. Mauris sollicitud velit dolor, consectetur pretium magna ultrices ac. Aenean dignissim purus libero, non faucibus nisi condimen. Mauris placerat massa odio, ac lobortis diam fermentum ut. Pellentesque scelerisque dui ac ultrices laoreet. Vivamus semper blandit ullamcorper</p>
|
|
<h6 class="font-alt">Heading H6</h6>
|
|
<p>Duis volutpat, lorem eget venenatis semper, urna arcu condimentum dui, sed pretium nisl magna a arcu. Duis auctor feugiat elit id malesuada. Duis non placerat leo, vulputate ullamcorper purus. Mauris sollicitud velit dolor, consectetur pretium magna ultrices ac. Aenean dignissim purus libero, non faucibus nisi condimen. Mauris placerat massa odio, ac lobortis diam fermentum ut. Pellentesque scelerisque dui ac ultrices laoreet. Vivamus semper blandit ullamcorper</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- /headings -->
|
|
|
|
<hr class="mt-40 mb-60 alt-2" />
|
|
<h3 class="section-title font-alt">Image Alignments</h3>
|
|
<div class="row">
|
|
<div class="col-md-3 mt-10 mb-md-30">
|
|
<div class="exp-media">
|
|
<img src="images/portfolio/img-5.jpg" data-at2x="images/portfolio/img-5@2x.jpg" alt>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc erat lectus, molestie ut sem vel, lobortis feugiat turpis. Etiam pharetra, libero ac sollicitudin tristique, felis odio vestibulum leo, sed rutrum lectus magna id eros. Curabitur fermentum urna augue, sed ultricies enim finibus sit amet. Praesent nulla quam, laoreet sit amet imperdiet nec, mollis et eros. In laoreet id neque vitae consectetur. Nullam sit amet rhoncus lorem. Mauris ac elementum nisi, ac feugiat orci. Nunc sed convallis ligula. Donec efficitur, odio laoreet pellentesque commodo, neque enim semper nibh, et pulvinar.</p>
|
|
<p>Donec lobortis et est id consequat. Nam quam turpis, lobortis in venenatis at, condimentum ut orci. Nullam et egestas nulla. Nulla gravida ligula sit amet est fringilla, sit amet lobortis odio aliquet. Quisque et lectus congue, maximus elit nec, ultricies tortor. Duis interdum venenatis dictum. Etiam scelerisque congue nunc non ultrices. Cras id sodales mi. Mauris varius ornare erat eu vehicula. Vestibulum tempus egestas aliquet. Etiam iaculis congue urna et faucibus. Morbi eu tincidunt lectus. In nec tortor orci. Nulla et urna velit. Duis porta, velit eu gravida tincidunt, nibh elit sollicitudin dui.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-9">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc erat lectus, molestie ut sem vel, lobortis feugiat turpis. Etiam pharetra, libero ac sollicitudin tristique, felis odio vestibulum leo, sed rutrum lectus magna id eros. Curabitur fermentum urna augue, sed ultricies enim finibus sit amet. Praesent nulla quam, laoreet sit amet imperdiet nec, mollis et eros. In laoreet id neque vitae consectetur. Nullam sit amet rhoncus lorem. Mauris ac elementum nisi, ac feugiat orci. Nunc sed convallis ligula. Donec efficitur, odio laoreet pellentesque commodo, neque enim semper nibh, et pulvinar.</p>
|
|
<p>Donec lobortis et est id consequat. Nam quam turpis, lobortis in venenatis at, condimentum ut orci. Nullam et egestas nulla. Nulla gravida ligula sit amet est fringilla, sit amet lobortis odio aliquet. Quisque et lectus congue, maximus elit nec, ultricies tortor. Duis interdum venenatis dictum. Etiam scelerisque congue nunc non ultrices. Cras id sodales mi. Mauris varius ornare erat eu vehicula. Vestibulum tempus egestas aliquet. Etiam iaculis congue urna et faucibus. Morbi eu tincidunt lectus. In nec tortor orci. Nulla et urna velit. Duis porta, velit eu gravida tincidunt, nibh elit sollicitudin dui.</p>
|
|
</div>
|
|
<div class="col-md-3 mt-10 mt-md-30">
|
|
<div class="exp-media">
|
|
<img src="images/portfolio/img-8.jpg" data-at2x="images/portfolio/img-8@2x.jpg" alt>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="mt-40 mb-60 alt-2" />
|
|
<h3 class="section-title font-alt">Lists</h3>
|
|
|
|
<!-- lists -->
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-6 mb-lg-50">
|
|
<ul class="list-style-3">
|
|
<li>Quisque a ante eget nunc.</li>
|
|
<li>Pellentesque sit amet in eros.</li>
|
|
<li>Pellentesque dolor sed convallis.</li>
|
|
<li>Suspendisse quis aliquam dui.</li>
|
|
<li>Congue vivamus eget justo ex.</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 mb-lg-50">
|
|
<ul class="list-style-2">
|
|
<li>Quisque a ante eget nunc.</li>
|
|
<li>Pellentesque sit amet in eros.</li>
|
|
<li>Pellentesque dolor sed convallis.</li>
|
|
<li>Pellentesque orci eros, ultricies.</li>
|
|
<li>Vivamus eget justo ex.</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 mb-lg-50">
|
|
<ul class="list-style-1">
|
|
<li>Pellentesque sit amet in eros.</li>
|
|
<li>Pellentesque dolor sed convallis.</li>
|
|
<li>Suspendisse quis aliquam dui.</li>
|
|
<li>Proin sollicitudin in libero nec.</li>
|
|
<li>Congue vivamus eget justo ex.</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<ul class="list-style-4">
|
|
<li>Quisque a ante eget nunc.</li>
|
|
<li>Pellentesque sit amet in eros.</li>
|
|
<li>Pellentesque dolor sed convallis.</li>
|
|
<li>Pellentesque orci eros, ultricies.</li>
|
|
<li>Vivamus eget justo ex.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- /lists -->
|
|
|
|
<hr class="mt-40 mb-60 alt-2" />
|
|
<h3 class="section-title font-alt">Dropcaps</h3>
|
|
|
|
<!-- dropcaps -->
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<span class="circle-letter-1 font-alt">L</span>
|
|
<p>orem ipsum dolor sit amet, consectetur adipiscing elit. Nunc erat lectus, molestie ut sem vel, lobortis feugiat turpis. Etiam pharetra, libero ac sollicitudin tristique, felis odio vestibulum leo, sed rutrum lectus magna id eros. <ins class="ins-1"> Curabitur fermentum urna augue </ins> sed ultricies enim finibus sit amet. Praesent nulla quam, laoreet sit amet imperdiet nec, mollis et eros. In laoreet id neque vitae consectetur. Nullam sit amet rhoncus lorem.</p>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<span class="circle-letter-2 font-alt">D</span>
|
|
<p>onec lobortis et est id consequat. Nam quam turpis, lobortis in venenatis at, condimentum ut orci. Nullam et egestas nulla. Nulla gravida ligula sit amet est fringilla, sit amet lobortis odio aliquet. Duis interdum venenatis dictum. Etiam scelerisque congue nunc non ultrices. Cras id sodales mi. Mauris varius ornare erat eu vehicula. Vestibulum tempus egestas aliquet. <ins class="ins-2"> Etiam iaculis congue urna et faucibus. </ins>Morbi eu tincidunt lectus. In nec tortor.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- /dropcaps -->
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- page section -->
|
|
|
|
<hr class="mt-0 mb-0 alt-2" />
|
|
|
|
<!-- footer -->
|
|
|
|
<footer>
|
|
<div class="footer-rect">
|
|
<img src="images/lines/rectangle-3.png" data-at2x="images/lines/rectangle-3@2x.png" alt>
|
|
</div>
|
|
|
|
<!-- footer top -->
|
|
<div class="footer-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<!-- footer about -->
|
|
|
|
<div class="col-md-4 col-xs-12 mb-lg-30">
|
|
<div class="footer-about align-center">
|
|
<h3 class="footer-title font-alt">About Relish</h3>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-1.png" data-at2x="images/lines/img-line-1@2x.png" alt>
|
|
</div>
|
|
<p class="align-left mb-40">Lorem ipsum dolor sit amet, consectetuer adipiscing no. Aenean comodo ligula eget dolor. Senean masas, cum sociis natoque nean comodo.</p>
|
|
<h3 class="footer-title-small font-alt">NEWSLETTER SIGNUP</h3>
|
|
<form class="form">
|
|
<input type="email" class="input-sm mb-20" value="" placeholder="Your Email">
|
|
<button class="button small button-newsletter" name="submit" type="submit" >OK</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- / footer about -->
|
|
|
|
<!-- footer tweets -->
|
|
|
|
<div class="col-md-4 col-xs-12 mb-lg-30">
|
|
<div class="footer-tweets align-center">
|
|
<h3 class="footer-title font-alt">Latest Tweets</h3>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-1.png" data-at2x="images/lines/img-line-1@2x.png" alt>
|
|
</div>
|
|
<div class="twitter-footer align-left"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- / footer tweets -->
|
|
|
|
<!-- footer contacts -->
|
|
|
|
<div class="col-md-4 col-xs-12 mb-lg-30">
|
|
<div class="footer-contact align-center">
|
|
<h3 class="footer-title font-alt">Contacts</h3>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-1.png" data-at2x="images/lines/img-line-1@2x.png" alt>
|
|
</div>
|
|
<p>Little Lonsdale St, Talay Victoria 8011 Philippines</p>
|
|
E-mail: <a href="#">mail@mail.com</a><br />
|
|
Tel: <a href="#">+4723-000-5555</a><br />
|
|
Fax: <a href="#">+4723-000-5556</a>
|
|
<h3 class="footer-title-small font-alt">Working Hours</h3>
|
|
Mon - Fr: 9:00 - 19:00 <br />
|
|
Sat: 10:00 - 15:00
|
|
</div>
|
|
</div>
|
|
|
|
<!-- / footer contacts -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- / footer top -->
|
|
|
|
<!-- footer bottom -->
|
|
|
|
<div class="bottom-footer">
|
|
<div class="container">
|
|
|
|
<!-- footer copy -->
|
|
|
|
<div class="footer-copy">
|
|
Copyright © 2016 relish.com. All rights reserved. Terms of Use l Privacy Policy
|
|
</div>
|
|
|
|
<!-- / footer copy -->
|
|
|
|
<!-- footer social -->
|
|
|
|
<div class="footer-soc-links">
|
|
<a href="#">
|
|
<i class="flaticon-social"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i class="flaticon-social-4"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i class="flaticon-social-5"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i class="flaticon-connection"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i class="flaticon-social-2"></i>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<!-- / footer social -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- / footer bottom -->
|
|
|
|
</footer>
|
|
|
|
<!-- / footer -->
|
|
|
|
<!-- scroll-top -->
|
|
|
|
<div id="scroll-top">
|
|
<i class="fa fa-angle-up"></i>
|
|
top
|
|
</div>
|
|
|
|
<!-- / scroll-top -->
|
|
|
|
</div>
|
|
|
|
<!-- / PAGE -->
|
|
|
|
<!-- SCRIPTS -->
|
|
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/jquery.easing.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/owl.carousel.min.js"></script>
|
|
<script src="js/isotope.pkgd.min.js"></script>
|
|
<script src="js/jquery.fitvids.js"></script>
|
|
<script src="js/jquery.magnific-popup.js"></script>
|
|
<script src="js/imagesloaded.pkgd.min.js"></script>
|
|
<script src="js/masonry.pkgd.min.js"></script>
|
|
<script src="js/jquery.sticky.js"></script>
|
|
<script src="js/jquery.form.min.js"></script>
|
|
<script src="js/jquery.validate.min.js"></script>
|
|
<script src="js/jquery.parallax.min.js"></script>
|
|
<script src="js/jquery.appear.js"></script>
|
|
<script src="js/retina.min.js"></script>
|
|
<script type='text/javascript' src='revslider/js/jquery.themepunch.tools.min.js'></script>
|
|
<script type='text/javascript' src='revslider/js/jquery.themepunch.revolution.min.js'></script>
|
|
<script type='text/javascript' src='revslider/js/jquery.themepunch.tools.min.js'></script>
|
|
<script type='text/javascript' src='revslider/js/jquery.themepunch.revolution.min.js'></script>
|
|
<script type="text/javascript" src="revslider/js/extensions/revolution.extension.slideanims.min.js"></script>
|
|
<script type="text/javascript" src="revslider/js/extensions/revolution.extension.layeranimation.min.js"></script>
|
|
<script type="text/javascript" src="revslider/js/extensions/revolution.extension.navigation.min.js"></script>
|
|
<script type="text/javascript" src="revslider/js/extensions/revolution.extension.parallax.min.js"></script>
|
|
<script type="text/javascript" src="revslider/js/extensions/revolution.extension.video.min.js"></script>
|
|
<script type="text/javascript" src="revslider/js/extensions/revolution.extension.actions.min.js"></script>
|
|
<script type="text/javascript" src="revslider/js/extensions/revolution.extension.kenburn.min.js"></script>
|
|
<script type="text/javascript" src="revslider/js/extensions/revolution.extension.migration.min.js"></script>
|
|
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=en"></script>
|
|
<script src="js/gmap3.min.js"></script>
|
|
<script src="js/jquery.ui.min.js"></script>
|
|
<script src="js/jquery.tweet.js"></script>
|
|
<script src="js/scripts.js"></script>
|
|
|
|
<!-- / SCRIPTS -->
|
|
|
|
</body>
|
|
</html> |