1190 lines
39 KiB
HTML
1190 lines
39 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="#">Product List</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">
|
||
<div class="col-md-9 woocommerce">
|
||
<div class="row">
|
||
|
||
<!-- shop media -->
|
||
|
||
<div class="col-md-4">
|
||
<div class="shop-media alt-1">
|
||
<a href="images/shop/img-0@2x.jpg" class="lightbox-single mfp-image">
|
||
<div class="shop-img">
|
||
<img src="images/shop/img-0.jpg" data-at2x="images/shop/img-0@2x.jpg" alt>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- /shop media -->
|
||
|
||
<!-- shop description -->
|
||
|
||
<div class="col-md-8">
|
||
<h3 class="shop-info-title font-alt">For Body Care</h3>
|
||
<p class="shop-info-text">Aenean quis velit quis risus vulputate fermentum vitae sit amet mauris. Ut rhoncus ac nunc eget laoreet. Sed faucibus mattis odio eu gravida. Praesent luctus diam cursus odio commodo sodales. Vivamus convallis nibh eget augue elementum, eu fringilla neque fringilla.</p>
|
||
<div class="title-under alt font-alt">
|
||
<a href="#"><h3>Swedish Massage</h3></a>
|
||
<div class="img-line">
|
||
<img src="images/lines/img-line-26.png" data-at2x="images/lines/img-line-26@2x.png" alt>
|
||
</div>
|
||
<a href="#"><h3>Couples Massage</h3></a>
|
||
<div class="img-line">
|
||
<img src="images/lines/img-line-26.png" data-at2x="images/lines/img-line-26@2x.png" alt>
|
||
</div>
|
||
<a href="#"><h3>SportsMassage</h3></a>
|
||
<br />
|
||
<a href="#"><h3>Body Scrubs</h3></a>
|
||
<div class="img-line">
|
||
<img src="images/lines/img-line-26.png" data-at2x="images/lines/img-line-26@2x.png" alt>
|
||
</div>
|
||
<a href="#"><h3>Detox Body</h3></a>
|
||
<div class="img-line">
|
||
<img src="images/lines/img-line-26.png" data-at2x="images/lines/img-line-26@2x.png" alt>
|
||
</div>
|
||
<a href="#"><h3>Finishing Touches</h3></a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- shop description -->
|
||
|
||
</div>
|
||
|
||
<!-- shop grid or list -->
|
||
|
||
<div class="group mt-40">
|
||
<p class="result-count">Showing 1–9 of 50 results</p>
|
||
<div id="list-grid">
|
||
<div class="grid-view active" title="Switch to grid view">
|
||
<i class="flaticon-squares-1"></i>
|
||
</div><!--
|
||
--><div class="list-view" title="Switch to list view">
|
||
<i class="flaticon-squares-2"></i>
|
||
</div>
|
||
</div>
|
||
<form class="woocommerce-ordering" method="get">
|
||
<select name="orderby" class="orderby">
|
||
<option value="menu_order">Sort by newness</option>
|
||
<option value="popularity">Sort by popularity</option>
|
||
<option value="rating">Sort by average rating</option>
|
||
<option value="price">Sort by price: low to high</option>
|
||
<option value="price-desc">Sort by price: high to low</option>
|
||
</select>
|
||
</form>
|
||
</div>
|
||
|
||
<!-- /shop grid or list -->
|
||
|
||
<!-- shop products -->
|
||
|
||
<div class="row mt-40 products">
|
||
|
||
<!-- shop item -->
|
||
|
||
<div class="col-md-4 col-sm-4 mb-60">
|
||
<div class="shop-container align-center alt-2">
|
||
<a href="images/shop/img-1@2x.jpg" class="lightbox 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 class="label-new label-left font-alt">New</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>
|
||
|
||
<!-- /shop item -->
|
||
|
||
<!-- shop item -->
|
||
|
||
<div class="col-md-4 col-sm-4 mb-60">
|
||
<div class="shop-container align-center alt-2">
|
||
<a href="images/shop/img-2@2x.jpg" class="lightbox 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>
|
||
|
||
<!-- /shop item -->
|
||
|
||
<!-- shop item -->
|
||
|
||
<div class="col-md-4 col-sm-4 mb-60">
|
||
<div class="shop-container align-center alt-2">
|
||
<a href="images/shop/img-3@2x.jpg" class="lightbox 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 class="label-new label-left alt font-alt">Best<br />Price</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>
|
||
|
||
<!-- /shop item -->
|
||
|
||
<!-- shop item -->
|
||
|
||
<div class="sep-lane alt-1 mt-60 mb-60"><span><img src="images/lines/img-line-0.png" data-at2x="images/lines/img-line-0@2x.png" alt></span></div>
|
||
<div class="col-md-4 col-sm-4 mb-60">
|
||
<div class="shop-container align-center alt-2">
|
||
<a href="images/shop/img-4@2x.jpg" class="lightbox mfp-image">
|
||
<div class="shop-media">
|
||
<div class="shop-img">
|
||
<img src="images/shop/img-4.jpg" data-at2x="images/shop/img-4@2x.jpg" alt>
|
||
</div>
|
||
<div class="label-new label-left font-alt">New</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>
|
||
|
||
<!-- /shop item -->
|
||
|
||
<!-- shop item -->
|
||
|
||
<div class="col-md-4 col-sm-4 mb-60">
|
||
<div class="shop-container align-center alt-2">
|
||
<a href="images/shop/img-5@2x.jpg" class="lightbox mfp-image">
|
||
<div class="shop-media">
|
||
<div class="shop-img">
|
||
<img src="images/shop/img-5.jpg" data-at2x="images/shop/img-5@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>
|
||
|
||
<!-- /shop item -->
|
||
|
||
<!-- shop item -->
|
||
|
||
<div class="col-md-4 col-sm-4 mb-60">
|
||
<div class="shop-container align-center alt-2">
|
||
<a href="images/shop/img-6@2x.jpg" class="lightbox mfp-image">
|
||
<div class="shop-media">
|
||
<div class="shop-img">
|
||
<img src="images/shop/img-6.jpg" data-at2x="images/shop/img-6@2x.jpg" alt>
|
||
</div>
|
||
<div class="label-new label-left font-alt">New</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>
|
||
|
||
<!-- /shop item -->
|
||
|
||
<!-- shop item -->
|
||
|
||
<div class="sep-lane alt-1 mt-60 mb-60"><span><img src="images/lines/img-line-0.png" data-at2x="images/lines/img-line-0@2x.png" alt></span></div>
|
||
<div class="col-md-4 col-sm-4 mb-60">
|
||
<div class="shop-container align-center alt-2">
|
||
<a href="images/shop/img-7@2x.jpg" class="lightbox mfp-image">
|
||
<div class="shop-media">
|
||
<div class="shop-img">
|
||
<img src="images/shop/img-7.jpg" data-at2x="images/shop/img-7@2x.jpg" alt>
|
||
</div>
|
||
<div class="label-new label-left alt font-alt">Best<br />Price</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>
|
||
|
||
<!-- /shop item -->
|
||
|
||
<!-- shop item -->
|
||
|
||
<div class="col-md-4 col-sm-4 mb-60">
|
||
<div class="shop-container align-center alt-2">
|
||
<a href="images/shop/img-8@2x.jpg" class="lightbox mfp-image">
|
||
<div class="shop-media">
|
||
<div class="shop-img">
|
||
<img src="images/shop/img-8.jpg" data-at2x="images/shop/img-8@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>
|
||
|
||
<!-- /shop item -->
|
||
|
||
<!-- shop item -->
|
||
|
||
<div class="col-md-4 col-sm-4 mb-60">
|
||
<div class="shop-container align-center alt-2">
|
||
<a href="images/shop/img-9@2x.jpg" class="lightbox mfp-image">
|
||
<div class="shop-media">
|
||
<div class="shop-img">
|
||
<img src="images/shop/img-9.jpg" data-at2x="images/shop/img-9@2x.jpg" alt>
|
||
</div>
|
||
<div class="label-new label-left alt font-alt">Best<br />Price</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>
|
||
|
||
<!-- /shop item -->
|
||
|
||
</div>
|
||
</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 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 -->
|
||
|
||
<!-- 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 alt-3">
|
||
<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>Recent Reviews</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-5.jpg" data-at2x="images/shop/mini/img-5@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>$34.99</p>
|
||
</article>
|
||
<article class="clearfix">
|
||
<div class="product">
|
||
<img src="images/shop/mini/img-6.jpg" data-at2x="images/shop/mini/img-6@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-7.jpg" data-at2x="images/shop/mini/img-7@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-5.jpg" data-at2x="images/shop/mini/img-5@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>$34.99</p>
|
||
</article>
|
||
<article class="clearfix">
|
||
<div class="product">
|
||
<img src="images/shop/mini/img-6.jpg" data-at2x="images/shop/mini/img-6@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-7.jpg" data-at2x="images/shop/mini/img-7@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> |