1418 lines
45 KiB
HTML
1418 lines
45 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 active">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">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 -->
|
|
|
|
<!-- slider revolution -->
|
|
|
|
<div class="tp-banner-container">
|
|
<div class="tp-banner-slider">
|
|
<ul>
|
|
|
|
<!-- slide revolution -->
|
|
|
|
<li data-masterspeed="700">
|
|
<img src="images/section-bg/slider-1.jpg" alt>
|
|
<div class="tp-caption sl-content font-alt" data-x="['left']" data-hoffset="20" data-y="center" data-voffset="0" data-width="['315px','250px','200px','150px']" data-height="['315px','250px','200px','150px']" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:1000;" data-start="400">
|
|
<div class="sl-title font-alt">Spa <br /> treatment</div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-8.png" data-at2x="images/lines/img-line-8@2x.png" alt>
|
|
</div>
|
|
<p>Unique Watercare <br /> System</p>
|
|
</div>
|
|
<div class="tp-caption sl-content font-alt" data-x="['right']" data-hoffset="20" data-y="['75']" data-voffset="0" data-width="['315px','250px','200px','150px']" data-height="['315px','250px','200px','150px']" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:1000;" data-start="400">
|
|
<div class="sl-title font-alt">Something <br /> for everyone!</div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-8.png" data-at2x="images/lines/img-line-8@2x.png" alt>
|
|
</div>
|
|
<p>Spa Experience <br /> For You</p>
|
|
</div>
|
|
</li>
|
|
|
|
<!-- /slide revolution -->
|
|
|
|
<!-- slide revolution -->
|
|
|
|
<li data-masterspeed="700">
|
|
<img src="images/section-bg/slider-2.jpg" alt>
|
|
<div class="tp-caption sl-content font-alt" data-x="['left']" data-hoffset="20" data-y="170" data-voffset="0" data-width="['315px','250px','200px','150px']" data-height="['315px','250px','200px','150px']" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:1000;" data-start="400">
|
|
<div class="sl-title font-alt">Spa <br /> treatment</div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-8.png" data-at2x="images/lines/img-line-8@2x.png" alt>
|
|
</div>
|
|
<p>Unique Watercare <br /> System</p>
|
|
</div>
|
|
<div class="tp-caption sl-content font-alt" data-x="['right']" data-hoffset="20" data-y="center" data-voffset="0" data-width="['315px','250px','200px','150px']" data-height="['315px','250px','200px','150px']" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:1000;" data-start="400">
|
|
<div class="sl-title font-alt">Something <br /> for everyone!</div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-8.png" data-at2x="images/lines/img-line-8@2x.png" alt>
|
|
</div>
|
|
<p>Spa Experience <br /> For You</p>
|
|
</div>
|
|
</li>
|
|
|
|
<!-- /slide revolution -->
|
|
|
|
<!-- slide revolution -->
|
|
|
|
<li data-masterspeed="700" data-transition="fade">
|
|
<img src="images/section-bg/slider-3.jpg" alt>
|
|
<div class="tp-caption sl-content font-alt" data-x="['left']" data-hoffset="20" data-y="center" data-voffset="0" data-width="['315px','250px','200px','150px']" data-height="['315px','250px','200px','150px']" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:1000;" data-start="400">
|
|
<div class="sl-title font-alt">Spa <br /> treatment</div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-8.png" data-at2x="images/lines/img-line-8@2x.png" alt>
|
|
</div>
|
|
<p>Unique Watercare <br /> System</p>
|
|
</div>
|
|
<div class="tp-caption sl-content font-alt" data-x="['right']" data-hoffset="20" data-y="150" data-voffset="0" data-width="['315px','250px','200px','150px']" data-height="['315px','250px','200px','150px']" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:1000;" data-start="400">
|
|
<div class="sl-title font-alt">Something <br /> for everyone!</div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-8.png" data-at2x="images/lines/img-line-8@2x.png" alt>
|
|
</div>
|
|
<p>Spa Experience <br /> For You</p>
|
|
</div>
|
|
</li>
|
|
|
|
<!-- /slide revolution -->
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="slider-rect-bot">
|
|
<img src="images/lines/rectangle-2.png" data-at2x="images/lines/rectangle-2@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- /slider revolution -->
|
|
|
|
<!-- page section -->
|
|
|
|
<section class="page-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<!-- banner -->
|
|
|
|
<div class="col-md-12 col-lg-6">
|
|
<a href="images/promo-1@2x.jpg" class="lightbox-single mfp-image">
|
|
<img class="img-border" src="images/promo-1.jpg" data-at2x="images/promo-1@2x.jpg" alt>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-12 col-lg-6 mt-lg-50">
|
|
<h3 class="banner-title font-alt">Welcome To Relish</h3>
|
|
<div class="section-text mt-10">
|
|
<span class="circle-letter-1 font-alt">D</span>
|
|
<p>onec lobortis et est id consequat. Nam quam turpis, lobortis in venenas at, condiment ut orci. Nullam et egestas nulla. Nulla gravida ligula et est ultricies tortor. Duis interdum venenatis dictum. Cras id sodales mi. Mauris varius ornare erat eu vehila.
|
|
</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<ul class="list-style-2">
|
|
<li>Rhoncus sit amet, tristique.</li>
|
|
<li>Suspendisse quis aliquam dui.</li>
|
|
<li>Proin solicidin in libero.</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<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>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="banner-bottom row">
|
|
<div class="col-sm-6">
|
|
<div class="banner-soc align-left">
|
|
<a href="#"><i class="flaticon-social"></i></a>
|
|
<a href="#"><i class="flaticon-social-5"></i></a>
|
|
<a href="#"><i class="flaticon-social-4"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 mt-sm-30">
|
|
<div>
|
|
<a href="#" class="button button-icon-left"><i class="fa fa-asterisk"></i>Reserve<br />Room</a>
|
|
<a href="#" class="button button-color-2 button-icon-left"><i class="fa fa-gift"></i>Gift<br />Voucher</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- /banner -->
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- /page section -->
|
|
|
|
<!-- page section -->
|
|
|
|
<section class="small-section alt-color">
|
|
<div class="container">
|
|
|
|
<!-- features items -->
|
|
|
|
<div class="row">
|
|
<div class="col-md-3 mb-md-30">
|
|
<div class="features-center">
|
|
<div class="features-icon">
|
|
<i class="flaticon-nature"></i>
|
|
</div>
|
|
<h3 class="features-title font-alt">Body Care</h3>
|
|
<p>Integer placerat leo eu sollicidin nisl aliquam nucher.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 mb-md-30">
|
|
<div class="features-center">
|
|
<div class="features-icon">
|
|
<i class="flaticon-stack"></i>
|
|
</div>
|
|
<h3 class="features-title font-alt">Hands & Feet</h3>
|
|
<p>Mauris nec congue sem. Nullam mollis eros dolor, eget.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 mb-md-30">
|
|
<div class="features-center">
|
|
<div class="features-icon">
|
|
<i class="flaticon-food"></i>
|
|
</div>
|
|
<h3 class="features-title font-alt">Spa Massage</h3>
|
|
<p>Ut tempor quam ac dolor mattis, et efficitur turpis faucibus.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="features-center">
|
|
<div class="features-icon">
|
|
<i class="flaticon-tool-1"></i>
|
|
</div>
|
|
<h3 class="features-title font-alt">Face Care</h3>
|
|
<p>Aenean accumsan varius urna, pellentesque dui lacinia in.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- /features items -->
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- /page section -->
|
|
|
|
<!-- page section -->
|
|
|
|
<section class="page-section">
|
|
<div class="container align-center">
|
|
<h3 class="section-title bottom-line font-alt">Services For You<span>The Greatest Pleasure</span></h3>
|
|
<div class="col-md-10 col-md-offset-1 mb-30">
|
|
<p>Morbi fringilla sapien in venenatis rhoncus. Sed nec nisi elit. Donec at finibus odio, sit amet dignissim odio. Nam sollicitudin erat nec diam faucibus, eu condimentum nunc laoreet.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- portfolio slider carousel -->
|
|
|
|
<div class="slider-4 dots-alt">
|
|
<div class="portfolio-item ih-item circle effect13 from_left_and_right font-alt">
|
|
<a href="images/portfolio/img-1@2x.jpg" class="lightbox mfp-image">
|
|
<div class="portfolio-media">
|
|
<div class="portfolio-img">
|
|
<img src="images/portfolio/img-1.jpg" data-at2x="images/portfolio/img-1@2x.jpg" alt>
|
|
</div>
|
|
<div class="info">
|
|
<h3>Mauris eleifend</h3>
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-7.png" data-at2x="images/lines/img-line-7@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>Integer ex nunc, placerat vel orci quis, blandit varius</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- /portfolio slider item -->
|
|
|
|
<!-- portfolio slider item -->
|
|
|
|
<div class="portfolio-item ih-item circle effect13 from_left_and_right font-alt">
|
|
<a href="images/portfolio/img-2@2x.jpg" class="lightbox mfp-image">
|
|
<div class="portfolio-media">
|
|
<div class="portfolio-img">
|
|
<img src="images/portfolio/img-2.jpg" data-at2x="images/portfolio/img-2@2x.jpg" alt>
|
|
</div>
|
|
<div class="info">
|
|
<h3>Mauris eleifend</h3>
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-7.png" data-at2x="images/lines/img-line-7@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>Integer ex nunc, placerat vel orci quis, blandit varius</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- /portfolio slider item -->
|
|
|
|
<!-- portfolio slider item -->
|
|
|
|
<div class="portfolio-item ih-item circle effect13 from_left_and_right font-alt">
|
|
<a href="images/portfolio/img-3@2x.jpg" class="lightbox mfp-image">
|
|
<div class="portfolio-media">
|
|
<div class="portfolio-img">
|
|
<img src="images/portfolio/img-3.jpg" data-at2x="images/portfolio/img-3@2x.jpg" alt>
|
|
</div>
|
|
<div class="info">
|
|
<h3>Mauris eleifend</h3>
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-7.png" data-at2x="images/lines/img-line-7@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>Integer ex nunc, placerat vel orci quis, blandit varius</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- /portfolio slider item -->
|
|
|
|
<!-- portfolio slider item -->
|
|
|
|
<div class="portfolio-item ih-item circle effect13 from_left_and_right font-alt">
|
|
<a href="images/portfolio/img-4@2x.jpg" class="lightbox mfp-image">
|
|
<div class="portfolio-media">
|
|
<div class="portfolio-img">
|
|
<img src="images/portfolio/img-4.jpg" data-at2x="images/portfolio/img-4@2x.jpg" alt>
|
|
</div>
|
|
<div class="info">
|
|
<h3>Mauris eleifend</h3>
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-7.png" data-at2x="images/lines/img-line-7@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>Integer ex nunc, placerat vel orci quis, blandit varius</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- /portfolio slider item -->
|
|
|
|
<!-- portfolio slider item -->
|
|
|
|
<div class="portfolio-item ih-item circle effect13 from_left_and_right font-alt">
|
|
<a href="images/portfolio/img-5@2x.jpg" class="lightbox mfp-image">
|
|
<div class="portfolio-media">
|
|
<div class="portfolio-img">
|
|
<img src="images/portfolio/img-5.jpg" data-at2x="images/portfolio/img-5@2x.jpg" alt>
|
|
</div>
|
|
<div class="info">
|
|
<h3>Mauris eleifend</h3>
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-7.png" data-at2x="images/lines/img-line-7@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>Integer ex nunc, placerat vel orci quis, blandit varius</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- /portfolio slider item -->
|
|
|
|
<!-- portfolio slider item -->
|
|
|
|
<div class="portfolio-item ih-item circle effect13 from_left_and_right font-alt">
|
|
<a href="images/portfolio/img-6@2x.jpg" class="lightbox mfp-image">
|
|
<div class="portfolio-media">
|
|
<div class="portfolio-img">
|
|
<img src="images/portfolio/img-6.jpg" data-at2x="images/portfolio/img-6@2x.jpg" alt>
|
|
</div>
|
|
<div class="info">
|
|
<h3>Mauris eleifend</h3>
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-7.png" data-at2x="images/lines/img-line-7@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>Integer ex nunc, placerat vel orci quis, blandit varius</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- /portfolio slider item -->
|
|
|
|
<!-- portfolio slider item -->
|
|
|
|
<div class="portfolio-item ih-item circle effect13 from_left_and_right font-alt">
|
|
<a href="images/portfolio/img-7@2x.jpg" class="lightbox mfp-image">
|
|
<div class="portfolio-media">
|
|
<div class="portfolio-img">
|
|
<img src="images/portfolio/img-7.jpg" data-at2x="images/portfolio/img-7@2x.jpg" alt>
|
|
</div>
|
|
<div class="info">
|
|
<h3>Mauris eleifend</h3>
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-7.png" data-at2x="images/lines/img-line-7@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>Integer ex nunc, placerat vel orci quis, blandit varius</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- /portfolio slider item -->
|
|
|
|
<!-- portfolio slider item -->
|
|
|
|
<div class="portfolio-item ih-item circle effect13 from_left_and_right font-alt">
|
|
<a href="images/portfolio/img-8@2x.jpg" class="lightbox mfp-image">
|
|
<div class="portfolio-media">
|
|
<div class="portfolio-img">
|
|
<img src="images/portfolio/img-8.jpg" data-at2x="images/portfolio/img-8@2x.jpg" alt>
|
|
</div>
|
|
<div class="info">
|
|
<h3>Mauris eleifend</h3>
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-7.png" data-at2x="images/lines/img-line-7@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>Integer ex nunc, placerat vel orci quis, blandit varius</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- /portfolio slider item -->
|
|
|
|
<!-- portfolio slider item -->
|
|
|
|
<div class="portfolio-item ih-item circle effect13 from_left_and_right font-alt">
|
|
<a href="images/portfolio/img-9@2x.jpg" class="lightbox mfp-image">
|
|
<div class="portfolio-media">
|
|
<div class="portfolio-img">
|
|
<img src="images/portfolio/img-9.jpg" data-at2x="images/portfolio/img-9@2x.jpg" alt>
|
|
</div>
|
|
<div class="info">
|
|
<h3>Mauris eleifend</h3>
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-7.png" data-at2x="images/lines/img-line-7@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>Integer ex nunc, placerat vel orci quis, blandit varius</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- /portfolio slider item -->
|
|
|
|
<!-- portfolio slider item -->
|
|
|
|
<div class="portfolio-item ih-item circle effect13 from_left_and_right font-alt">
|
|
<a href="images/portfolio/img-10@2x.jpg" class="lightbox mfp-image">
|
|
<div class="portfolio-media">
|
|
<div class="portfolio-img">
|
|
<img src="images/portfolio/img-10.jpg" data-at2x="images/portfolio/img-10@2x.jpg" alt>
|
|
</div>
|
|
<div class="info">
|
|
<h3>Mauris eleifend</h3>
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-7.png" data-at2x="images/lines/img-line-7@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>Integer ex nunc, placerat vel orci quis, blandit varius</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- /portfolio slider item -->
|
|
|
|
<!-- portfolio slider item -->
|
|
|
|
<div class="portfolio-item ih-item circle effect13 from_left_and_right font-alt">
|
|
<a href="images/portfolio/img-5@2x.jpg" class="lightbox mfp-image">
|
|
<div class="portfolio-media">
|
|
<div class="portfolio-img">
|
|
<img src="images/portfolio/img-5.jpg" data-at2x="images/portfolio/img-5@2x.jpg" alt>
|
|
</div>
|
|
<div class="info">
|
|
<h3>Mauris eleifend</h3>
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-7.png" data-at2x="images/lines/img-line-7@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>Integer ex nunc, placerat vel orci quis, blandit varius</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- /portfolio slider item -->
|
|
|
|
<!-- portfolio slider item -->
|
|
|
|
<div class="portfolio-item ih-item circle effect13 from_left_and_right font-alt">
|
|
<a href="images/portfolio/img-6@2x.jpg" class="lightbox mfp-image">
|
|
<div class="portfolio-media">
|
|
<div class="portfolio-img">
|
|
<img src="images/portfolio/img-6.jpg" data-at2x="images/portfolio/img-6@2x.jpg" alt>
|
|
</div>
|
|
<div class="info">
|
|
<h3>Mauris eleifend</h3>
|
|
<div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-7.png" data-at2x="images/lines/img-line-7@2x.png" alt>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p>Integer ex nunc, placerat vel orci quis, blandit varius</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- /portfolio slider item -->
|
|
|
|
</div>
|
|
|
|
<!-- /portfolio slider carousel -->
|
|
|
|
</section>
|
|
|
|
<!-- /page section -->
|
|
|
|
<div class="sep-lane alt-3"><span></span></div>
|
|
|
|
<!-- page section -->
|
|
|
|
<section class="page-section alt-color">
|
|
<div class="container align-center">
|
|
<h3 class="section-title bottom-line font-alt">Nice Shopping<span>Featured Products</span></h3>
|
|
<div class="col-md-10 col-md-offset-1 mb-30">
|
|
<p>Donec rhoncus diam in lectus finibus, eget ultrices urna commodo. Fusce dignissim lobortis erat, tristique lobortis justo imperdiet at. Aliquam congue orci non pulvinar gravida.</p>
|
|
</div>
|
|
<div class="row mt-30">
|
|
|
|
<!-- shop carousel -->
|
|
|
|
<div class="slider-1 dots-alt">
|
|
|
|
<!-- shop carousel item -->
|
|
|
|
<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 class="label-new label-left font-alt">New</div>
|
|
</div>
|
|
</a>
|
|
<a href="shop-single-item.html"><h3 class="shop-title font-alt">Ayurvedic 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-o"></i>
|
|
</div>
|
|
<div class="shop-price font-alt">
|
|
$ 199<span>99</span>
|
|
</div>
|
|
<a href="shop-cart.html" class="button small">Add to cart</a>
|
|
</div>
|
|
|
|
<!-- /shop carousel item -->
|
|
|
|
<!-- shop carousel item -->
|
|
|
|
<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">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>
|
|
<a href="shop-cart.html" class="button small">Add to cart</a>
|
|
</div>
|
|
|
|
<!-- /shop carousel item -->
|
|
|
|
<!-- shop carousel item -->
|
|
|
|
<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 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">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>
|
|
<a href="shop-cart.html" class="button small">Add to cart</a>
|
|
</div>
|
|
|
|
<!-- /shop carousel item -->
|
|
|
|
<!-- shop carousel item -->
|
|
|
|
<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">Ayurvedic 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-o"></i>
|
|
</div>
|
|
<div class="shop-price font-alt">
|
|
$ 199<span>99</span>
|
|
</div>
|
|
<a href="shop-cart.html" class="button small">Add to cart</a>
|
|
</div>
|
|
|
|
<!-- /shop carousel item -->
|
|
|
|
<!-- shop carousel item -->
|
|
|
|
<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">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>
|
|
<a href="shop-cart.html" class="button small">Add to cart</a>
|
|
</div>
|
|
|
|
<!-- /shop carousel item -->
|
|
|
|
<!-- shop carousel item -->
|
|
|
|
<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">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>
|
|
<a href="shop-cart.html" class="button small">Add to cart</a>
|
|
</div>
|
|
|
|
<!-- /shop carousel item -->
|
|
|
|
<!-- shop carousel item -->
|
|
|
|
<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">Ayurvedic 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-o"></i>
|
|
</div>
|
|
<div class="shop-price font-alt">
|
|
$ 199<span>99</span>
|
|
</div>
|
|
<a href="shop-cart.html" class="button small">Add to cart</a>
|
|
</div>
|
|
|
|
<!-- /shop carousel item -->
|
|
|
|
<!-- shop carousel item -->
|
|
|
|
<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">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>
|
|
<a href="shop-cart.html" class="button small">Add to cart</a>
|
|
</div>
|
|
|
|
<!-- /shop carousel item -->
|
|
|
|
<!-- shop carousel item -->
|
|
|
|
<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">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>
|
|
<a href="shop-cart.html" class="button small">Add to cart</a>
|
|
</div>
|
|
|
|
<!-- /shop carousel item -->
|
|
|
|
</div>
|
|
|
|
<!-- /shop carousel -->
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- /page section -->
|
|
|
|
<div class="sep-lane alt-3"><span></span></div>
|
|
|
|
<!-- page section -->
|
|
|
|
<section class="page-section">
|
|
<div class="container align-center">
|
|
<h3 class="section-title bottom-line long font-alt">Special Offers<span>Get Your Discount</span></h3>
|
|
<div class="col-md-10 col-md-offset-1 mb-30">
|
|
<p>Fusce scelerisque, sapien nec accumsan tempor, lorem libero ornare nunc, quis convallis leo augue quis ex. Aenean pulvinar neque tortor, quis sollicitudin eros porta sed.</p>
|
|
</div>
|
|
<div class="row mb-30">
|
|
|
|
<!-- /gift items -->
|
|
|
|
<div class="col-lg-3 col-md-6 mb-lg-30">
|
|
<div class="gift-item hover-alt alt-3 font-alt">
|
|
<div class="gift-wrapper">
|
|
<a href="shop-product-list.html">
|
|
<div class="gift-media">
|
|
<img src="images/gifts/img-9.jpg" data-at2x="images/gifts/img-9@2x.jpg" alt>
|
|
<div class="gift-inside">
|
|
<div class="gift-inside-1">
|
|
<div class="gift-price">
|
|
-10%
|
|
</div>
|
|
<div class="gift-inside-title">
|
|
0n royal spa
|
|
</div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-26.png" data-at2x="images/lines/img-line-26@2x.png" alt>
|
|
</div>
|
|
<span>this week</span>
|
|
</div>
|
|
<div class="gift-inside-2">
|
|
Best Offer
|
|
</div>
|
|
<div class="gift-inside-2-white"></div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 mb-lg-30">
|
|
<div class="gift-item hover-alt alt-3 font-alt">
|
|
<div class="gift-wrapper">
|
|
<a href="shop-product-list.html">
|
|
<div class="gift-media">
|
|
<img src="images/gifts/img-10.jpg" data-at2x="images/gifts/img-10@2x.jpg" alt>
|
|
<div class="gift-inside">
|
|
<div class="gift-inside-1">
|
|
<div class="gift-price">
|
|
SALE
|
|
</div>
|
|
<div class="gift-inside-title">
|
|
Up to 50% off
|
|
</div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-26.png" data-at2x="images/lines/img-line-26@2x.png" alt>
|
|
</div>
|
|
<span>taste it</span>
|
|
</div>
|
|
<div class="gift-inside-2">
|
|
Only today
|
|
</div>
|
|
<div class="gift-inside-2-white"></div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 mb-lg-30">
|
|
<div class="gift-item hover-alt alt-3 font-alt">
|
|
<div class="gift-wrapper">
|
|
<a href="shop-product-list.html">
|
|
<div class="gift-media">
|
|
<img src="images/gifts/img-11.jpg" data-at2x="images/gifts/img-11@2x.jpg" alt>
|
|
<div class="gift-inside">
|
|
<div class="gift-inside-1">
|
|
<div class="gift-price">
|
|
-25%
|
|
</div>
|
|
<div class="gift-inside-title">
|
|
0n royal spa
|
|
</div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-26.png" data-at2x="images/lines/img-line-26@2x.png" alt>
|
|
</div>
|
|
<span>this week</span>
|
|
</div>
|
|
<div class="gift-inside-2">
|
|
Big Sale
|
|
</div>
|
|
<div class="gift-inside-2-white"></div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 mb-lg-30">
|
|
<div class="gift-item hover-alt alt-3 font-alt">
|
|
<div class="gift-wrapper">
|
|
<a href="shop-product-list.html">
|
|
<div class="gift-media">
|
|
<img src="images/gifts/img-12.jpg" data-at2x="images/gifts/img-12@2x.jpg" alt>
|
|
<div class="gift-inside">
|
|
<div class="gift-inside-1">
|
|
<div class="gift-price">
|
|
-50%
|
|
</div>
|
|
<div class="gift-inside-title">
|
|
0n royal spa
|
|
</div>
|
|
<div class="img-line">
|
|
<img src="images/lines/img-line-26.png" data-at2x="images/lines/img-line-26@2x.png" alt>
|
|
</div>
|
|
<span>taste it</span>
|
|
</div>
|
|
<div class="gift-inside-2">
|
|
Only today
|
|
</div>
|
|
<div class="gift-inside-2-white"></div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- /gift items -->
|
|
|
|
</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 dolores. 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="#" class="mail">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. <span>Terms of Use</span> | <span>Privacy Policy</span>
|
|
</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> |