999 lines
35 KiB
HTML
999 lines
35 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">Home</a>
|
|
</li>
|
|
<li class="sep">
|
|
<a>/</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="nav-submenu">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 active">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="#">Shop</a>
|
|
<a href="#">Single Item</a>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- /breadcrumb -->
|
|
|
|
<hr class="mt-0 mb-0 alt-2" />
|
|
|
|
<!-- page section -->
|
|
|
|
<section class="page-section">
|
|
<div class="container">
|
|
<div class="row shop-single">
|
|
<div class="col-md-9">
|
|
<div class="row">
|
|
|
|
<!-- shop images -->
|
|
|
|
<div class="col-md-5 mb-md-20">
|
|
<div class="shop-container align-center alt-2">
|
|
<a href="images/shop/big-img-1@2x.jpg" class="lightbox mfp-image">
|
|
<div class="shop-media big">
|
|
<div class="shop-img">
|
|
<img src="images/shop/big-img-1.jpg" data-at2x="images/shop/big-img-1@2x.jpg" alt>
|
|
</div>
|
|
<div class="label-new label-right alt font-alt">Best<br />Price</div>
|
|
</div>
|
|
</a>
|
|
<div class="shop-media-small mt-10">
|
|
<a href="images/shop/small-img-1@2x.jpg" class="lightbox mfp-image">
|
|
<div class="shop-media small">
|
|
<div class="shop-img">
|
|
<img src="images/shop/small-img-1.jpg" data-at2x="images/shop/small-img-1@2x.jpg" alt>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="images/shop/small-img-2@2x.jpg" class="lightbox mfp-image">
|
|
<div class="shop-media small">
|
|
<div class="shop-img">
|
|
<img src="images/shop/small-img-2.jpg" data-at2x="images/shop/small-img-2@2x.jpg" alt>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="images/shop/small-img-3@2x.jpg" class="lightbox mfp-image">
|
|
<div class="shop-media small">
|
|
<div class="shop-img">
|
|
<img src="images/shop/small-img-3.jpg" data-at2x="images/shop/small-img-3@2x.jpg" alt>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- /shop images -->
|
|
|
|
<!-- shop description -->
|
|
|
|
<div class="col-md-7 md-center">
|
|
<h4 class="product-title font-alt">Almond Supple Skin Oil</h4>
|
|
<div class="single shop-stars">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
</div>
|
|
<div class="single-price">
|
|
<div class="old-price">
|
|
Old price
|
|
<p class="font-alt">$ 99<span>99</span></p>
|
|
</div>
|
|
<div class="reg-price">
|
|
Regular price
|
|
<p class="font-alt">$ 69<span>99</span></p>
|
|
</div>
|
|
</div>
|
|
<h6 class="shop-single-title-small font-alt">Quick Overview:</h6>
|
|
<p class="mb-0">Aenean quis velit quis risus vulputate fermentum vitae sit amet mauris. Ut rhoncus ac nunc eget laoreet. Sed faucibus mattis</p>
|
|
<div class="img-line mt-10 mb-10">
|
|
<img src="images/lines/img-line-26.png" data-at2x="images/lines/img-line-26@2x.png" alt>
|
|
</div>
|
|
<h6 class="shop-single-title-small font-alt">Quatity:</h6>
|
|
<form class="form number mt-10 mb-10">
|
|
<input type="number" class="input-md align-center" min="1" max="100" value="1">
|
|
</form>
|
|
<a href="#" class="button small">Add to cart</a>
|
|
<div class="shop-categories mt-30">
|
|
<span>Categories:</span>
|
|
<a href="#">skin,</a>
|
|
<a href="#">special care,</a>
|
|
<a href="#">body care</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- shop description -->
|
|
|
|
</div>
|
|
<hr class="mt-60 mb-60 alt-2" />
|
|
|
|
<!-- shop tabs -->
|
|
|
|
<div class="tabs">
|
|
<ul class="nav nav-tabs font-alt">
|
|
<li class="active">
|
|
<a href="#one" data-toggle="tab">Description</a>
|
|
</li>
|
|
<li>
|
|
<a href="#two" data-toggle="tab">Additional Information</a>
|
|
</li>
|
|
<li>
|
|
<a href="#three" data-toggle="tab">Reviews (4)</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div class="tab-pane fade in active" id="one">
|
|
<h3 class="tab-title">Donec tincidunt interdum risus consequat placerat.</h3>
|
|
<p>Nam sit amet augue ante. Integer scelerisque dapibus odio gravida dapibus. Mauris tincidunt vitae tortor eu bibendum. Nulla ultrices eu lorem ac fermentum. Nulla accumsan euismod tellus, ut pretium lectus placerat vitae. Pellentesque in erat sed nisi luctus feugiat. 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</p>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<ul class="list-style-1">
|
|
<li>Lorem ipsum dolor sit amet, consectetur </li>
|
|
<li>Adipiscing elit. Nunc erat lectus, molestie ut</li>
|
|
<li>Etiam pharetra, libero ac sollicitudin tristique</li>
|
|
<li>Felis odio vestibulum leo, sed rutrum lectus</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<ul class="list-style-1">
|
|
<li>Curabitur fermentum urna augue, sed ultricies </li>
|
|
<li>Praesent nulla quam, laoreet sit amet nec</li>
|
|
<li>Mollis et eros. In laoreet id Nullam sit amet</li>
|
|
<li>Rhoncus lorem. Mauris ac elementum nisi ac</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="two">
|
|
<h3 class="tab-title">Donec tincidunt interdum risus consequat placerat.</h3>
|
|
<p>Nam sit amet augue ante. Integer scelerisque dapibus odio gravida dapibus. Mauris tincidunt vitae tortor eu bibendum. Nulla ultrices eu lorem ac fermentum. Nulla accumsan euismod tellus, ut pretium lectus placerat vitae. Pellentesque in erat sed nisi luctus feugiat. 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</p>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<ul class="list-style-1">
|
|
<li>Lorem ipsum dolor sit amet, consectetur </li>
|
|
<li>Adipiscing elit. Nunc erat lectus, molestie ut</li>
|
|
<li>Etiam pharetra, libero ac sollicitudin tristique</li>
|
|
<li>Felis odio vestibulum leo, sed rutrum lectus</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<ul class="list-style-1">
|
|
<li>Curabitur fermentum urna augue, sed ultricies </li>
|
|
<li>Praesent nulla quam, laoreet sit amet nec</li>
|
|
<li>Mollis et eros. In laoreet id Nullam sit amet</li>
|
|
<li>Rhoncus lorem. Mauris ac elementum nisi ac</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="three">
|
|
<h3 class="tab-title">Donec tincidunt interdum risus consequat placerat.</h3>
|
|
<p>Nam sit amet augue ante. Integer scelerisque dapibus odio gravida dapibus. Mauris tincidunt vitae tortor eu bibendum. Nulla ultrices eu lorem ac fermentum. Nulla accumsan euismod tellus, ut pretium lectus placerat vitae. Pellentesque in erat sed nisi luctus feugiat. 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</p>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<ul class="list-style-1">
|
|
<li>Lorem ipsum dolor sit amet, consectetur </li>
|
|
<li>Adipiscing elit. Nunc erat lectus, molestie ut</li>
|
|
<li>Etiam pharetra, libero ac sollicitudin tristique</li>
|
|
<li>Felis odio vestibulum leo, sed rutrum lectus</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<ul class="list-style-1">
|
|
<li>Curabitur fermentum urna augue, sed ultricies </li>
|
|
<li>Praesent nulla quam, laoreet sit amet nec</li>
|
|
<li>Mollis et eros. In laoreet id Nullam sit amet</li>
|
|
<li>Rhoncus lorem. Mauris ac elementum nisi ac</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- /shop tabs -->
|
|
|
|
<hr class="mt-60 mb-50 alt-2" />
|
|
|
|
<!-- popular products -->
|
|
|
|
<h3 class="font-alt mb-0">Popular Products</h3>
|
|
<div class="row mt-20">
|
|
<div class="col-md-4 mb-60">
|
|
<div class="shop-container align-center alt-2">
|
|
<a href="images/shop/img-1@2x.jpg" class="lightbox-single mfp-image">
|
|
<div class="shop-media">
|
|
<div class="shop-img">
|
|
<img src="images/shop/img-1.jpg" data-at2x="images/shop/img-1@2x.jpg" alt>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="shop-single-item.html"><h3 class="shop-title font-alt">Luxury Spa</h3></a>
|
|
<div class="shop-stars">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
</div>
|
|
<div class="shop-price font-alt">
|
|
$ 69<span>99</span>
|
|
</div>
|
|
<p>Phasellus tristique diam turpis, vitae rhoncus mi ultricies vel</p>
|
|
<a href="shop-cart.html" class="button small">Add to cart</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-60">
|
|
<div class="shop-container align-center alt-2">
|
|
<a href="images/shop/img-2@2x.jpg" class="lightbox-single mfp-image">
|
|
<div class="shop-media">
|
|
<div class="shop-img">
|
|
<img src="images/shop/img-2.jpg" data-at2x="images/shop/img-2@2x.jpg" alt>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="shop-single-item.html"><h3 class="shop-title font-alt">Spa Antistress</h3></a>
|
|
<div class="shop-stars">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star-o"></i>
|
|
</div>
|
|
<div class="shop-price font-alt">
|
|
$ 109<span>99</span>
|
|
</div>
|
|
<p>Phasellus tristique diam turpis, vitae rhoncus mi ultricies vel</p>
|
|
<a href="shop-cart.html" class="button small">Add to cart</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-60">
|
|
<div class="shop-container align-center alt-2">
|
|
<a href="images/shop/img-3@2x.jpg" class="lightbox-single mfp-image">
|
|
<div class="shop-media">
|
|
<div class="shop-img">
|
|
<img src="images/shop/img-3.jpg" data-at2x="images/shop/img-3@2x.jpg" alt>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="shop-single-item.html"><h3 class="shop-title font-alt">Royal Spa</h3></a>
|
|
<div class="shop-stars">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
</div>
|
|
<div class="shop-price font-alt">
|
|
$ 99<span>99</span>
|
|
</div>
|
|
<p>Phasellus tristique diam turpis, vitae rhoncus mi ultricies vel</p>
|
|
<a href="shop-cart.html" class="button small">Add to cart</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- /popular products -->
|
|
|
|
</div>
|
|
<div class="col-md-3">
|
|
|
|
<!-- widget search -->
|
|
|
|
<aside class="widget-search">
|
|
<h3>Search Products</h3>
|
|
<form method="get" class="form" action="#">
|
|
<label>
|
|
<input type="search" class="form-control" placeholder="Search..." value="" title="Search for:">
|
|
</label>
|
|
<button type="submit" class="search-submit"><i class="flaticon-search"></i></button>
|
|
</form>
|
|
</aside>
|
|
|
|
<!-- /widget search -->
|
|
|
|
<!-- widget categories -->
|
|
|
|
<aside class="widget-categories">
|
|
<h3>Categories</h3>
|
|
<ul>
|
|
<li class="cat-item">
|
|
<a href="#">Massage<span> 25 </span></a>
|
|
</li>
|
|
<li class="cat-item">
|
|
<a href="#">Body care<span> 5 </span></a>
|
|
</li>
|
|
<li class="cat-item">
|
|
<a href="#">Facials<span> 12 </span></a>
|
|
</li>
|
|
<li class="cat-item">
|
|
<a href="#">Spa complexes<span> 10 </span></a>
|
|
</li>
|
|
<li class="cat-item">
|
|
<a href="#">Slim program<span> 7 </span></a>
|
|
</li>
|
|
<li class="cat-item">
|
|
<a href="#">Hand care<span> 32 </span></a>
|
|
</li>
|
|
<li class="cat-item">
|
|
<a href="#">Foot care<span> 15 </span></a>
|
|
</li>
|
|
<li class="cat-item">
|
|
<a href="#">Hair care<span> 19 </span></a>
|
|
</li>
|
|
</ul>
|
|
</aside>
|
|
|
|
<!-- /widget categories -->
|
|
|
|
<!-- widget filter -->
|
|
|
|
<aside class="widget-filter">
|
|
<h3>Filter by price</h3>
|
|
<form method="get" action="#">
|
|
<div class="price_slider_wrapper">
|
|
<div class="price_slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false">
|
|
<div class="ui-slider-range ui-widget-header ui-corner-all"></div>
|
|
<a class="ui-slider-handle ui-state-default ui-corner-all" href="#"><span class="from"></span></a>
|
|
<a class="ui-slider-handle ui-state-default ui-corner-all" href="#"><span class="to"></span></a>
|
|
<div class="ui-slider-range ui-widget-header ui-corner-all"></div></div>
|
|
<div class="price_slider_amount">
|
|
<input type="text" id="min_price" name="min_price" value="" data-min="2" placeholder="Min price" style="display: none;">
|
|
<input type="text" id="max_price" name="max_price" value="" data-max="35" placeholder="Max price" style="display: none;">
|
|
<div class="price_label" style="">
|
|
Price: <span class="from">£2</span><span> - </span><span class="to">£35</span>
|
|
</div>
|
|
<input type="hidden" name="post_type" value="product">
|
|
</div>
|
|
<button type="submit" class="button small right">Filter</button>
|
|
</div>
|
|
</form>
|
|
</aside>
|
|
|
|
<!-- /widget filter -->
|
|
|
|
<!-- widget cart -->
|
|
|
|
<aside class="widget-cart">
|
|
<h3>Shopping Cart</h3>
|
|
<article class="clearfix">
|
|
<div class="product">
|
|
<img src="images/shop/mini/img-1.jpg" data-at2x="images/shop/mini/img-1@2x.jpg" alt>
|
|
</div>
|
|
<h4>Crème De La Mer</h4>
|
|
<p>1 x $44.99</p>
|
|
</article>
|
|
<p>Subtotal: £2000.00</p>
|
|
<a href="#" class="button small right">Checkout</a>
|
|
</aside>
|
|
|
|
<!-- /widget cart -->
|
|
|
|
<!-- widget banner -->
|
|
|
|
<aside class="widget-banner align-center">
|
|
<article class="clearfix">
|
|
<div class="product">
|
|
<img src="images/shop/mini/img-8.jpg" data-at2x="images/shop/mini/img-8@2x.jpg" alt>
|
|
</div>
|
|
<span class="font-alt">-20%</span>
|
|
<div class="font-alt">
|
|
Valentine's Day
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-26.png" data-at2x="images/lines/img-line-26@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p>Coupon Code: 12345</p>
|
|
</article>
|
|
</aside>
|
|
|
|
<!-- /widget banner -->
|
|
|
|
<!-- widget selers -->
|
|
|
|
<aside class="widget-selers">
|
|
<h3>Best Selers</h3>
|
|
<div class="widget-slider-2 nav-alt-1">
|
|
<div class="slider-item">
|
|
<article class="clearfix">
|
|
<div class="product">
|
|
<img src="images/shop/mini/img-2.jpg" data-at2x="images/shop/mini/img-2@2x.jpg" alt>
|
|
</div>
|
|
<h4>Crème De La Mer</h4>
|
|
<div class="shop-stars">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
</div>
|
|
<p>$44.99</p>
|
|
</article>
|
|
<article class="clearfix">
|
|
<div class="product">
|
|
<img src="images/shop/mini/img-3.jpg" data-at2x="images/shop/mini/img-3@2x.jpg" alt>
|
|
</div>
|
|
<h4>MB Foot Wash</h4>
|
|
<div class="shop-stars">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
</div>
|
|
<p>$59.99</p>
|
|
</article>
|
|
<article class="clearfix">
|
|
<div class="product">
|
|
<img src="images/shop/mini/img-4.jpg" data-at2x="images/shop/mini/img-4@2x.jpg" alt>
|
|
</div>
|
|
<h4>KAI Face Butter</h4>
|
|
<div class="shop-stars">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
</div>
|
|
<p>$29.99</p>
|
|
</article>
|
|
</div>
|
|
<div class="slider-item">
|
|
<article class="clearfix">
|
|
<div class="product">
|
|
<img src="images/shop/mini/img-2.jpg" data-at2x="images/shop/mini/img-2@2x.jpg" alt>
|
|
</div>
|
|
<h4>Crème De La Mer</h4>
|
|
<div class="shop-stars">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
</div>
|
|
<p>$44.99</p>
|
|
</article>
|
|
<article class="clearfix">
|
|
<div class="product">
|
|
<img src="images/shop/mini/img-3.jpg" data-at2x="images/shop/mini/img-3@2x.jpg" alt>
|
|
</div>
|
|
<h4>MB Foot Wash</h4>
|
|
<div class="shop-stars">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
</div>
|
|
<p>$59.99</p>
|
|
</article>
|
|
<article class="clearfix">
|
|
<div class="product">
|
|
<img src="images/shop/mini/img-4.jpg" data-at2x="images/shop/mini/img-4@2x.jpg" alt>
|
|
</div>
|
|
<h4>KAI Face Butter</h4>
|
|
<div class="shop-stars">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
</div>
|
|
<p>$29.99</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- /widget selers -->
|
|
|
|
</div>
|
|
</div>
|
|
</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> |