| Linux server27.hostingraja.org 2.6.32-954.3.5.lve1.4.93.el6.x86_64 #1 SMP Wed Oct 4 17:04:29 UTC 2023 x86_64 Path : /home/udaipurk/public_html/websites/rishh/HTML/ |
| Current File : //home/udaipurk/public_html/websites/rishh/HTML/left-side-tabs.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>XStore</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.5">
<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/layerslider.css">
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Open+Sans:300,400,600,700|Montserrat:400,700|Roboto+Condensed:300i,400,400i,700|Palanquin:300,400,500,700|Roboto:300,400,500,700" rel="stylesheet">
</head>
<body>
<div class="fakeLoader"></div>
<nav id="menu" class="menu slideout-menu">
<div class="search">
<a href="#" class="search-btn"><i class="fa fa-search"></i></a>
<form>
<input type="text" value="" placeholder="Type here..." autocomplete="off" name="s">
</form>
</div>
<ul>
<li class="menu-parent">
<a href="#">Home<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="sub-menu">
<li class="menu-back"><i class="fa fa-angle-left" aria-hidden="true"></i>Back</li>
<li><a href="index.html">Default</a></li>
<li><a href="#">Default</a></li>
</ul>
</li>
<li class="menu-parent">
<a href="#">Shop<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="sub-menu">
<li class="menu-back"><i class="fa fa-angle-left" aria-hidden="true"></i>Back</li>
<li><a href="shop.html">Shop</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="track-order.html">Track order</a></li>
<li><a href="shop.html">Shop Slideshow</a></li>
<li><a href="full-width-grid.html">Full Width Grid</a></li>
<li><a href="without-sidebar.html">Without sidebar</a></li>
</ul>
</li>
<li class="menu-parent">
<a href="#">Blog<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="sub-menu">
<li class="menu-back"><i class="fa fa-angle-left" aria-hidden="true"></i>Back</li>
<li><a href="blog.html">blog</a></li>
<li><a href="blog-default.html">Post Default</a></li>
<li><a href="single-full-width.html">Full width image</a></li>
<li><a href="large-image.html">Large Image</a></li>
</ul>
</li>
<li class="menu-parent">
<a href="#">Portfolio<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="sub-menu">
<li class="menu-back"><i class="fa fa-angle-left" aria-hidden="true"></i>Back</li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="portfolio-classic.html">Portfolio Classic</a></li>
<li><a href="portfolio.html">Portfolio With Titles</a></li>
<li><a href="portfolio-single.html">Portfolio Single</a></li>
<li><a href="portfolio-column-2.html">2 Columns Layout</a></li>
</ul>
</li>
<li class="menu-parent">
<a href="#">Pages featires<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="sub-menu">
<li class="menu-back"><i class="fa fa-angle-left" aria-hidden="true"></i>Back</li>
<li><a href="contact.html">Contact us</a></li>
<li><a href="about-us.html">About us</a></li>
<li><a href="headers.html">Headers</a></li>
<li><a href="lookbook.html">Lookbook</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="team-members.html">Team Members</a></li>
<li><a href="single-members.html">Single Members</a></li>
<li><a href="instagram-wall.html">Instagram Wall</a></li>
</ul>
</li>
<li><a href="#">Demos</a></li>
<li><a href="#">Buy!</a></li>
</ul>
<ul class="link">
<li><a href="#"><i class="fa fa-envelope-o"></i>Newsletter</a></li>
<li><a href="my-account.html">sign in</a></li>
</ul>
<ul class="social-icon">
<li><a href="https://www.facebook.com/8theme/" class="follow-facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/8theme" class="follow-twitter" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/8theme_ltd/" class="follow-instagram" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://plus.google.com/+8theme/posts" class="follow-google" target="_blank"><i class="fa fa-google"></i></a></li>
<li><a href="https://www.youtube.com/user/8theme/feed" class="follow-youtube" target="_blank"><i class="fa fa-youtube"></i></a></li>
</ul>
</nav>
<main id="panel" class="panel">
<header id="header">
<div class="top-panel-container">
<div class="container">
<h3>Our stores</h3>
<div class="row">
<div class="col-md-4">
<a href="#"><img src="http://placehold.it/360x200" alt="map"></a>
</div>
<div class="col-md-5">
<div class="text">
<h2><a href="#" class="active-color">X</a>Store makes e-commerce easy</h2>
<p>This elegant and intuitive theme is carefully developed and includes that set of pages, tools and settings that will help you create a professional looking and trustworthy online shop.</p>
<ul class="social-icon">
<li><a href="https://www.facebook.com/8theme/" class="follow-facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/8theme" class="follow-twitter" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/8theme_ltd/" class="follow-instagram" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://plus.google.com/+8theme/posts" class="follow-google" target="_blank"><i class="fa fa-google"></i></a></li>
<li><a href="https://www.youtube.com/user/8theme/feed" class="follow-youtube" target="_blank"><i class="fa fa-youtube"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<address>
<ul>
<li class="first">Store address</li>
<li>48 Park Avenue,</li>
<li>East 21st Street, Apt. 304</li>
<li class="last">contact info</li>
<li>New York NY 10016</li>
<li>Email: <a href="#" class="active-color">youremail@site.com</a></li>
<li>Phone: <a href="#" class="active-color">+1 408 996 1010</a></li>
</ul>
</address>
</div>
</div>
<div class="close-panel"> </div>
</div>
</div><!--top-panel-container-->
<div class="top-bar">
<div class="languages-area">
<div class="languages">
<span>English</span>
<ul>
<li>English</li>
<li>Arabic</li>
<li>Hebrew</li>
<li>English</li>
</ul>
</div><!--languages-->
<div class="currencies">
<span>USD/$</span>
<ul>
<li>EUR/€</li>
<li>GBP/£</li>
<li>EUR/€</li>
<li>GBP/£</li>
</ul>
</div><!--currencies-->
<div class="text-top">
<p>Order online or call us <a href="#" class="active-color">(+1800) 000 8808</a></p>
</div>
</div><!--languages-area-->
<div class="top-panel-open">
<span>Open panel</span>
</div><!--top-panel-open-->
<div class="top-links">
<div class="login-link">
<a href="my-account.html">Sign In <b>or</b> Create an account</a>
</div><!--login-link-->
<ul class="social-icon">
<li><a href="https://www.facebook.com/8theme/" class="follow-facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/8theme" class="follow-twitter" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/8theme_ltd/" class="follow-instagram" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://plus.google.com/+8theme/posts" class="follow-google" target="_blank"><i class="fa fa-google"></i></a></li>
<li><a href="https://www.youtube.com/user/8theme/feed" class="follow-youtube" target="_blank"><i class="fa fa-youtube"></i></a></li>
</ul><!--social-icon-->
</div><!--top-links-->
</div><!--top-bar-->
<div class="container-fluid">
<div class="header">
<div class="header-logo">
<a href="index.html"><img src="images/logo.png" alt="logo"></a>
</div><!--header-logo-->
<div class="menu">
<menu>
<li class="active menu-parent-item"><a href="index.html">Home</a></li>
<li data-toggle="modal" data-target="#demo"><a href="#">Demos</a></li>
<li class="menu-parent-item">
<a href="shop.html">Shop</a>
<div class="nav-sublist-dropdown columns-3">
<ul>
<li><a href="#" class="title">Shop Layouts</a></li>
<li><a href="without-sidebar.html">Without sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="shop.html">Shop Slideshow</a></li>
<li><a href="full-width-grid.html">Full Width Grid</a></li>
<li><a href="columns-2.html">2 columns</a></li>
<li><a href="shop.html">3 columns<span class="label-text sale">sale</span></a></li>
<li><a href="columns-4.html">4 columns</a></li>
<li><a href="columns-5.html">5 columns</a></li>
<li><a href="columns-6.html">6 columns</a></li>
</ul>
<ul>
<li><a href="#" class="title">Shop Styles</a></li>
<li><a href="catalog-mode.html">Catalog Mode<span class="label-text hot">hot</span></a></li>
<li><a href="product-hover-1.html">Product Hover 1<span class="label-text new">new</span></a></li>
<li><a href="catalog-mode.html">Product Hover 2 light</a></li>
<li><a href="product-hover-2-dark.html">Product Hover 2 Dark</a></li>
<li><a href="product-hover-3-light.html">Product Hover 3 Light</a></li>
<li><a href="product-hover-3-dark.html">Product Hover 3 Dark</a></li>
<li><a href="product-hover-4-light.html">Product Hover 4 Light</a></li>
<li><a href="product-hover-4-dark.html">Product Hover 4 Dark</a></li>
</ul>
<ul>
<li><a href="#" class="title">Product Page Layouts</a></li>
<li><a href="infinite-scroll.html">Infinite Scroll<span class="label-text new">new</span></a></li>
<li><a href="default-tabs.html">Default tabs design</a></li>
<li><a href="left-side-tabs.html">Left side tabs</a></li>
<li><a href="accordion-style-tabs.html">Accordion style tabs</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="track-order.html">Track order</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
<div class="images">
<div class="col">
<a href="#"><img src="http://placehold.it/400x215" alt="menu-banner"></a>
</div>
<div class="col">
<a href="#"><img src="http://placehold.it/400x215" alt="menu-banner"></a>
</div>
</div>
</div>
</li>
<li class="menu-parent-item">
<a href="blog.html">Blog</a>
<div class="item-dropdown">
<ul>
<li class="nav-sublist">
<a href="#">Default Layout</a>
<ul class="menu-item-children">
<li><a href="blog.html">Right Sidebar</a></li>
<li><a href="blog-left.html">Left Sidebar</a></li>
</ul>
</li>
<li><a href="chess-blog.html">Chess Layout<span class="label-text hot">hot</span></a></li>
<li class="nav-sublist">
<a href="#">Grid Layout</a>
<ul class="menu-item-children">
<li><a href="blog-grid-2.html">2 Columns Grid</a></li>
<li><a href="blog-grid.html">3 Columns Grid</a></li>
<li><a href="blog-grid-4.html">4 Columns Grid</a></li>
<li><a href="blog-full-width.html">FullWidth Grid</a></li>
</ul>
</li>
<li><a href="centered-blog.html">Centered Layout</a></li>
<li><a href="blog-list.html">List Layout</a></li>
<li class="nav-sublist">
<a href="single-blog.html">Single post</a>
<ul class="menu-item-children">
<li><a href="blog-default.html">Post Default</a></li>
<li><a href="single-full-width.html">Full width image</a></li>
<li><a href="large-image.html">Large Image</a></li>
<li><a href="blog-without-sidebar.html">Without sidebar</a></li>
</ul>
</li>
<li><a href="blog-timeline.html">Timeline Layout</a></li>
</ul>
</div>
</li>
<li class="menu-parent-item">
<a href="portfolio.html">Portfolio</a>
<div class="nav-sublist-dropdown columns-5">
<ul>
<li class="banner"><img src="http://placehold.it/270x240" alt="menu-banner6"></li>
</ul>
<ul>
<li><a href="#" class="title">Design Variants</a></li>
<li><a href="portfolio-single.html">Portfolio Single</a></li>
<li><a href="portfolio-classic.html">Portfolio Classic</a></li>
<li><a href="portfolio.html">Portfolio With Titles</a></li>
<li><a href="portfolio-full-width.html">Full width with titles</a></li>
</ul>
<ul>
<li><a href="#" class="title">Columns</a></li>
<li><a href="portfolio-column-2.html">2 Columns Layout</a></li>
<li><a href="portfolio-column-3.html">3 Columns Layout</a></li>
<li><a href="portfolio-column-4.html">4 Columns Layout</a></li>
<li><a href="portfolio-column-5.html">5 Columns Layout</a></li>
<li><a href="portfolio-column-6.html">6 Columns Layout</a></li>
</ul>
<ul class="project">
<li><a href="#" class="title">Portfolio project</a></li>
<li class="portfolio">
<img src="http://placehold.it/34x34" alt="img">
<a href="#">Consectetur aliquet</a>
<span>February 17, 2016</span>
</li>
<li class="portfolio">
<img src="http://placehold.it/34x34" alt="img2">
<a href="#">Consectetur aliquet</a>
<span>February 17, 2016</span>
</li>
<li class="portfolio">
<img src="http://placehold.it/34x34" alt="img3">
<a href="#">Consectetur aliquet</a>
<span>February 17, 2016</span>
</li>
</ul>
</div>
</li>
<li class="menu-parent-item">
<a href="blog.html">Pages featires</a>
<div class="item-dropdown">
<ul>
<li><a href="contact.html">Contact us</a></li>
<li><a href="about-us.html">About us</a></li>
<li><a href="headers.html">Headers</a></li>
<li><a href="lookbook.html">Lookbook</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="team-members.html">Team Members</a></li>
<li><a href="single-members.html">Single Members</a></li>
<li><a href="instagram-wall.html">Instagram Wall</a></li>
</ul>
</div>
</li>
<li><a href="#">Purchase</a></li>
</menu>
</div><!--menu-->
<div class="navbar-right">
<div class="inside">
<div class="header-search">
<a href="#" class="search-btn"><i class="fa fa-search"></i></a>
<form>
<input type="text" value="" placeholder="Type here..." autocomplete="off" name="s">
</form>
<i class="close-search">x</i>
</div><!--header-search-->
<div class="wishlist">
<a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
</div><!--wishlist-->
<div class="shopping-cart">
<a href="#">
<span class="cart-bag">
<i class="bag"></i>
</span>
<span class="total">$899.98</span>
</a>
<div class="cart-popup-container">
<p>Recently added item(s)</p>
<ul>
<li>
<a href="#" class="pull-left"><img src="http://placehold.it/60x80" alt="cart-img"></a>
<h4><a href="#">light man modern elegant suit</a></h4>
<span class="price">1 x $499,99</span>
<a href="#" class="remove">x</a>
</li>
<li>
<a href="#" class="pull-left"><img src="http://placehold.it/60x80" alt="cart-img"></a>
<h4><a href="#">light man modern elegant suit</a></h4>
<span class="price">1 x $499,99</span>
<a href="#" class="remove">x</a>
</li>
</ul>
<div class="cart-subtotal">
<span>cart sub-total: <span class="price">$899,98</span></span>
</div><!--cart-subtotal-->
<div class="buttons">
<a href="#" class="btn">checkout</a>
<a href="#" class="btn view-cart">view cart</a>
</div><!--buttons-->
</div><!--cart-popup-container-->
</div><!--shopping-cart-->
<button class="btn-hamburger js-slideout-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</div><!--navbar-right-->
</div><!--header-->
</div>
<div class="container-fluid fixed-header">
<div class="header">
<div class="header-logo">
<a href="index.html"><img src="images/logo.png" alt="logo"></a>
</div><!--header-logo-->
<div class="menu">
<menu>
<li class="active menu-parent-item"><a href="index.html">Home</a></li>
<li data-toggle="modal" data-target="#demo"><a href="#">Demos</a></li>
<li class="menu-parent-item">
<a href="shop.html">Shop</a>
<div class="nav-sublist-dropdown columns-3">
<ul>
<li><a href="#" class="title">Shop Layouts</a></li>
<li><a href="without-sidebar.html">Without sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="shop.html">Shop Slideshow</a></li>
<li><a href="full-width-grid.html">Full Width Grid</a></li>
<li><a href="columns-2.html">2 columns</a></li>
<li><a href="shop.html">3 columns<span class="label-text sale">sale</span></a></li>
<li><a href="columns-4.html">4 columns</a></li>
<li><a href="columns-5.html">5 columns</a></li>
<li><a href="columns-6.html">6 columns</a></li>
</ul>
<ul>
<li><a href="#" class="title">Shop Styles</a></li>
<li><a href="catalog-mode.html">Catalog Mode<span class="label-text hot">hot</span></a></li>
<li><a href="product-hover-1.html">Product Hover 1<span class="label-text new">new</span></a></li>
<li><a href="catalog-mode.html">Product Hover 2 light</a></li>
<li><a href="product-hover-2-dark.html">Product Hover 2 Dark</a></li>
<li><a href="product-hover-3-light.html">Product Hover 3 Light</a></li>
<li><a href="product-hover-3-dark.html">Product Hover 3 Dark</a></li>
<li><a href="product-hover-4-light.html">Product Hover 4 Light</a></li>
<li><a href="product-hover-4-dark.html">Product Hover 4 Dark</a></li>
</ul>
<ul>
<li><a href="#" class="title">Product Page Layouts</a></li>
<li><a href="infinite-scroll.html">Infinite Scroll<span class="label-text new">new</span></a></li>
<li><a href="default-tabs.html">Default tabs design</a></li>
<li><a href="left-side-tabs.html">Left side tabs</a></li>
<li><a href="accordion-style-tabs.html">Accordion style tabs</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="track-order.html">Track order</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
<div class="images">
<div class="col">
<a href="#"><img src="http://placehold.it/400x215" alt="menu-banner"></a>
</div>
<div class="col">
<a href="#"><img src="http://placehold.it/400x215" alt="menu-banner"></a>
</div>
</div>
</div>
</li>
<li class="menu-parent-item">
<a href="blog.html">Blog</a>
<div class="item-dropdown">
<ul>
<li class="nav-sublist">
<a href="#">Default Layout</a>
<ul class="menu-item-children">
<li><a href="blog.html">Right Sidebar</a></li>
<li><a href="blog-left.html">Left Sidebar</a></li>
</ul>
</li>
<li><a href="chess-blog.html">Chess Layout<span class="label-text hot">hot</span></a></li>
<li class="nav-sublist">
<a href="#">Grid Layout</a>
<ul class="menu-item-children">
<li><a href="blog-grid-2.html">2 Columns Grid</a></li>
<li><a href="blog-grid.html">3 Columns Grid</a></li>
<li><a href="blog-grid-4.html">4 Columns Grid</a></li>
<li><a href="blog-full-width.html">FullWidth Grid</a></li>
</ul>
</li>
<li><a href="centered-blog.html">Centered Layout</a></li>
<li><a href="blog-list.html">List Layout</a></li>
<li class="nav-sublist">
<a href="single-blog.html">Single post</a>
<ul class="menu-item-children">
<li><a href="blog-default.html">Post Default</a></li>
<li><a href="single-full-width.html">Full width image</a></li>
<li><a href="large-image.html">Large Image</a></li>
<li><a href="blog-without-sidebar.html">Without sidebar</a></li>
</ul>
</li>
<li><a href="blog-timeline.html">Timeline Layout</a></li>
</ul>
</div>
</li>
<li class="menu-parent-item">
<a href="portfolio.html">Portfolio</a>
<div class="nav-sublist-dropdown columns-5">
<ul>
<li class="banner"><img src="http://placehold.it/270x240" alt="menu-banner6"></li>
</ul>
<ul>
<li><a href="#" class="title">Design Variants</a></li>
<li><a href="portfolio-single.html">Portfolio Single</a></li>
<li><a href="portfolio-classic.html">Portfolio Classic</a></li>
<li><a href="portfolio.html">Portfolio With Titles</a></li>
<li><a href="portfolio-full-width.html">Full width with titles</a></li>
</ul>
<ul>
<li><a href="#" class="title">Columns</a></li>
<li><a href="portfolio-column-2.html">2 Columns Layout</a></li>
<li><a href="portfolio-column-3.html">3 Columns Layout</a></li>
<li><a href="portfolio-column-4.html">4 Columns Layout</a></li>
<li><a href="portfolio-column-5.html">5 Columns Layout</a></li>
<li><a href="portfolio-column-6.html">6 Columns Layout</a></li>
</ul>
<ul class="project">
<li><a href="#" class="title">Portfolio project</a></li>
<li class="portfolio">
<img src="http://placehold.it/34x34" alt="img">
<a href="#">Consectetur aliquet</a>
<span>February 17, 2016</span>
</li>
<li class="portfolio">
<img src="http://placehold.it/34x34" alt="img2">
<a href="#">Consectetur aliquet</a>
<span>February 17, 2016</span>
</li>
<li class="portfolio">
<img src="http://placehold.it/34x34" alt="img3">
<a href="#">Consectetur aliquet</a>
<span>February 17, 2016</span>
</li>
</ul>
</div>
</li>
<li class="menu-parent-item">
<a href="blog.html">Pages featires</a>
<div class="item-dropdown">
<ul>
<li><a href="contact.html">Contact us</a></li>
<li><a href="about-us.html">About us</a></li>
<li><a href="headers.html">Headers</a></li>
<li><a href="lookbook.html">Lookbook</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="team-members.html">Team Members</a></li>
<li><a href="single-members.html">Single Members</a></li>
<li><a href="instagram-wall.html">Instagram Wall</a></li>
</ul>
</div>
</li>
<li><a href="#">Purchase</a></li>
</menu>
</div><!--menu-->
<div class="navbar-right">
<div class="inside">
<div class="header-search">
<a href="#" class="search-btn"><i class="fa fa-search"></i></a>
<form>
<input type="text" value="" placeholder="Type here..." autocomplete="off" name="s">
</form>
<i class="close-search">x</i>
</div><!--header-search-->
<div class="wishlist">
<a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
</div><!--wishlist-->
<div class="shopping-cart">
<a href="#">
<span class="cart-bag">
<i class="bag"></i>
</span>
<span class="total">$899.98</span>
</a>
<div class="cart-popup-container">
<p>Recently added item(s)</p>
<ul>
<li>
<a href="#" class="pull-left"><img src="http://placehold.it/60x80" alt="cart-img"></a>
<h4><a href="#">light man modern elegant suit</a></h4>
<span class="price">1 x $499,99</span>
<a href="#" class="remove">x</a>
</li>
<li>
<a href="#" class="pull-left"><img src="http://placehold.it/60x80" alt="cart-img"></a>
<h4><a href="#">light man modern elegant suit</a></h4>
<span class="price">1 x $499,99</span>
<a href="#" class="remove">x</a>
</li>
</ul>
<div class="cart-subtotal">
<span>cart sub-total: <span class="price">$899,98</span></span>
</div><!--cart-subtotal-->
<div class="buttons">
<a href="#" class="btn">checkout</a>
<a href="#" class="btn view-cart">view cart</a>
</div><!--buttons-->
</div><!--cart-popup-container-->
</div><!--shopping-cart-->
<button class="btn-hamburger js-slideout-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</div><!--navbar-right-->
</div><!--header-->
</div>
</header>
<div class="breadcrumbs">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<ul>
<li><a href="index.html">Home</a></li>
<li><i class="fa fa-angle-right"></i></li>
<li><a href="#">Shop</a></li>
<li><i class="fa fa-angle-right"></i></li>
<li><a href="#">Woman</a></li>
</ul>
<h2>Hope Power Dress</h2>
<a href="javascript: history.go(-1)" class="back">Return to Previous Page</a>
</div>
</div>
</div>
</div><!--breadcrumbs-->
<div class="container">
<div class="single-product">
<div class="row">
<div class="col-md-9 product-content">
<div class="row">
<div class="col-md-6 col-sm-12">
<div id="carousel-example-generic" class="carousel carousel-product" data-ride="carousel" data-interval="false">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="http://placehold.it/410x545" alt="product-img" class="img-responsive">
</div>
<div class="item">
<img src="http://placehold.it/410x545" alt="product-img" class="img-responsive">
</div>
<div class="item">
<img src="http://placehold.it/410x545" alt="product-img" class="img-responsive">
</div>
<div class="item">
<img src="http://placehold.it/410x545" alt="product-img" class="img-responsive">
</div>
</div><!--carousel-inner-->
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
</a>
<!-- Thumbnails -->
<ul class="thumbnails-carousel clearfix">
<li><img src="http://placehold.it/90x120" alt="thumbnails"></li>
<li><img src="http://placehold.it/90x120" alt="thumbnails"></li>
<li><img src="http://placehold.it/90x120" alt="thumbnails"></li>
<li><img src="http://placehold.it/90x120" alt="thumbnails"></li>
</ul>
</div><!--carousel-example-generic-->
</div>
<div class="col-md-6 col-sm-12">
<h4 class="title">Hope Power Dress</h4>
<a href="#" class="products-cats">Dresses</a>
<div class="star-rating">
<img src="images/star.png" alt="star">
<a href="#">(1 customer review)</a>
</div>
<div class="description">
<p>Elementum hendrerit per a sed lacinia parturient sem libero iaculis faucibus penatibus condimentum a a. Blandit vel eros condimentum ullamcorper condimentum sem cubilia.</p>
<p><b>Aculis faucibus penatibus condimentum</b></p>
<p>60% Ultrices 40% Commodo</p>
<p>Ullamcorper condimentum sem.</p>
</div><!--description-->
<div class="size-guide">
<a href="#" data-toggle="modal" data-target="#size-guide">Sizing guide</a>
</div><!--size-guide-->
<div class="price">$790,00</div>
<div class="variations">
<p>Color</p>
<select name="color">
<option selected="selected">Choose an option</option>
<option value="Black">Black</option>
<option value="Blue">Blue</option>
<option value="Green">Green</option>
<option value="Grey">Grey</option>
</select>
</div><!--variations-->
<div class="quantity">
<span class="minus">-</span>
<input type="text" value="1" size="5">
<span class="plus">+</span>
</div><!--quantity-->
<a href="#" class="btn add-to-cart">Add to cart</a>
<a href="#" class="wishlist btn">Add to Wishlist</a>
<div class="product_meta">
<span class="sku"><b>SKU:</b> 006212</span>
<span class="tags"><b>tags:</b> <a href="#">accessories, </a><a href="#">week</a></span>
</div><!--product_meta-->
<ul class="social-icon">
<span>Share Social</span>
<li><a href="https://www.facebook.com/8theme/" class="follow-facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/8theme" class="follow-twitter" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/8theme_ltd/" class="follow-instagram" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://plus.google.com/+8theme/posts" class="follow-google" target="_blank"><i class="fa fa-google"></i></a></li>
<li><a href="https://www.youtube.com/user/8theme/feed" class="follow-youtube" target="_blank"><i class="fa fa-youtube"></i></a></li>
</ul><!--social-icon-->
</div>
</div>
</div><!--product-content-->
<div class="col-md-3 single-product-sidebar">
<div class="product-brands">
<img src="http://placehold.it/200x50" alt="brand">
<a href="#">View all products</a>
</div><!--product-brands-->
<div class="slider">
<h5>our offers</h5>
<div class="sidebar-slider">
<div class="item">
<div class="product">
<img src="http://placehold.it/90x120" alt="Owl Image">
<div class="product-details">
<h3 class="product-title"><a href="#">splatter print shirt</a></h3>
<div class="price">$299,99</div>
</div><!--product-details-->
</div>
<div class="product">
<img src="http://placehold.it/90x120" alt="Owl Image">
<div class="product-details">
<h3 class="product-title"><a href="#">splatter print shirt</a></h3>
<div class="price">$299,99</div>
</div><!--product-details-->
</div>
</div>
<div class="item">
<div class="product">
<img src="http://placehold.it/90x120" alt="Owl Image">
<div class="product-details">
<h3 class="product-title"><a href="#">splatter print shirt</a></h3>
<div class="price">$299,99</div>
</div><!--product-details-->
</div>
<div class="product">
<img src="http://placehold.it/90x120" alt="Owl Image">
<div class="product-details">
<h3 class="product-title"><a href="#">splatter print shirt</a></h3>
<div class="price">$299,99</div>
</div><!--product-details-->
</div>
</div>
<div class="item">
<div class="product">
<img src="http://placehold.it/90x120" alt="Owl Image">
<div class="product-details">
<h3 class="product-title"><a href="#">splatter print shirt</a></h3>
<div class="price">$299,99</div>
</div><!--product-details-->
</div>
<div class="product">
<img src="http://placehold.it/90x120" alt="Owl Image">
<div class="product-details">
<h3 class="product-title"><a href="#">splatter print shirt</a></h3>
<div class="price">$299,99</div>
</div><!--product-details-->
</div>
</div>
</div>
</div><!--slider-->
<div class="qr-code">
<h5>qr codes</h5>
<p>Click on the image to get<br>the QR link to this page.</p>
</div><!--qr-code-->
</div><!--single-product-sidebar-->
</div>
<div class="tab-content-product left-bar">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#description" aria-controls="description" role="tab" data-toggle="tab">Description</a></li>
<li role="presentation"><a href="#information" aria-controls="information" role="tab" data-toggle="tab">Additional Information</a></li>
<li role="presentation"><a href="#reviews" aria-controls="reviews" role="tab" data-toggle="tab">Reviews (1)</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active in fade" id="description">
<div class="description-tab">
<p>Feugiat eget dictum cum mollis a mi sem eu donec hac semper dapibus interdum cras cras ac parturient gravida libero vulputate suscipit a. Placerat tortor ultrices curabitur nulla ullamcorper a scelerisque convallis risus nibh cursus nam vestibulum netus parturient accumsan mus a massa. Vestibulum non adipiscing a suspendisse est semper ligula montes maecenas condimentum adipiscing pretium suspendisse ut a rutrum a per vestibulum fusce vestibulum a. Mauris bibendum adipiscing convallis condimentum etiam praesent penatibus dignissim condimentum iaculis id posuere metus non suspendisse etiam a suspendisse urna vitae natoque ut a ante.</p>
<ul class="circle">
<li>Id nisi fermentum adipiscing gravida scelerisque potenti parturient mi et parturient ridiculus diam leo class consectetur nam.</li>
<li>A est a pretium suscipit suscipit purus scelerisque et fusce diam etiam a vestibulum platea a quis vitae metus dignissim parturient sed in a tempor justo suspendisse.</li>
<li>Nunc sit torquent adipiscing lectus a condimentum est diam consequat sed maecenas in a tincidunt a fringilla sociosqu imperdiet.</li>
</ul>
<p>Quis commodo consequat feugiat sapien ut tempor laoreet a suspendisse arcu parturient proin nulla tortor inceptos elementum penatibus vestibulum ac in sagittis ac maecenas natoque felis quam. Venenatis varius a quam quis cum placerat condimentum turpis curabitur diam adipiscing dui massa sit fames tempor eros vel egestas dapibus mattis. Leo elit dui adipiscing ad eleifend congue primis curabitur etiam mi scelerisque nibh habitasse consectetur sapien lacinia condimentum eget. Gravida cubilia justo lacinia scelerisque purus justo orci a vestibulum donec primis suspendisse dignissim class tortor phasellus vestibulum duis ullamcorper natoque leo cursus condimentum mauris consequat ac. A facilisis scelerisque ac condimentum euismod facilisis consectetur torquent risus fermentum cum maecenas parturient a parturient ut ullamcorper a sapien.</p>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="information">
<table class="shop-attributes">
<tbody>
<tr>
<th>Weight</th>
<td class="product_weight">5 kg</td>
</tr>
<tr>
<th>Dimensions</th>
<td class="product_dimensions">60 x 40 x 60 cm</td>
</tr>
<tr>
<th>Washcare</th>
<td><p>Dry Clean</p></td>
</tr>
<tr>
<th>Composition</th>
<td><p>100% Polyester</p></td>
</tr>
<tr>
<th>Lining composition</th>
<td><p>100% Polyester</p></td>
</tr>
<tr>
<th>Other info</th>
<td><p>Ullamcorper nisl mus integer mollis vestibulu</p></td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade" id="reviews">
<div class="inside">
<div class="form-rating">
<div class="title">Add a review</div>
<ul>
<h5>your rating</h5>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i></li>
</ul>
<form action="">
<label for="comment">Your Review</label>
<textarea name="comment" id="comment" cols="45" rows="8"></textarea>
<p>
<label for="author">Name <span class="required">*</span></label>
<input id="author" name="author" type="text" value="" size="30" aria-required="true" required="">
</p>
<p>
<label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" aria-required="true" required="">
</p>
<input name="submit" type="submit" id="submit" class="btn" value="Submit">
</form>
</div><!--form-rating-->
<div class="comments">
<div class="title">1 review for Hope Power Dress</div>
<ul>
<li>
<img src="images/autor.png" alt="autor">
<div class="comment-text">
<p class="name"><img src="images/star.png" alt="star">Vania <time>March 30, 2016</time></p>
<div class="description">
<p>60% Ultrices 40% Commodo.</p>
<p>Ullamcorper condimentum sem.</p>
</div>
</div>
</li>
<li>
<img src="images/autor.png" alt="autor">
<div class="comment-text">
<p class="name"><img src="images/star.png" alt="star">Vania <time>March 30, 2016</time></p>
<div class="description">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus at excepturi, dolorum voluptatem et laudantium esse vel suscipit doloremque alias omnis, facilis voluptates rem officia ipsa obcaecati, fuga incidunt libero.</p>
</div>
</div>
</li>
</ul>
</div><!--comments-->
</div>
</div>
</div>
</div><!--tab-content-->
<div class="related-products">
<h2>related products</h2>
<div class="category-slider">
<div class="item">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/255x340" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/255x340" alt="swiper-slide">
<div class="footer-product">
<ul>
<li class="quickly"><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li class="add-to-cart"><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i><span>Add to cart</span></a></li>
<li class="wishlist"><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
</ul>
</div><!--footer-product-->
</div><!--mask-product-->
<div class="product-details">
<h6 class="products-cats"><a href="#">shirts</a></h6>
<h3 class="product-title"><a href="#">splatter print shirt</a></h3>
<div class="star-rating">
<img src="images/star.png" alt="star">
</div>
<div class="price">$299,99</div>
</div><!--product-details-->
</div>
</div>
<div class="item">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/255x340" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/255x340" alt="swiper-slide">
<div class="footer-product">
<ul>
<li class="quickly"><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li class="add-to-cart"><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i><span>Add to cart</span></a></li>
<li class="wishlist"><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
</ul>
</div><!--footer-product-->
</div><!--mask-product-->
<div class="product-details">
<h6 class="products-cats"><a href="#">shirts</a></h6>
<h3 class="product-title"><a href="#">splatter print shirt</a></h3>
<div class="star-rating">
<img src="images/star.png" alt="star">
</div>
<div class="price">$299,99</div>
</div><!--product-details-->
</div>
</div>
<div class="item">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/255x340" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/255x340" alt="swiper-slide">
<div class="footer-product">
<ul>
<li class="quickly"><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li class="add-to-cart"><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i><span>Add to cart</span></a></li>
<li class="wishlist"><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
</ul>
</div><!--footer-product-->
</div><!--mask-product-->
<div class="product-details">
<h6 class="products-cats"><a href="#">shirts</a></h6>
<h3 class="product-title"><a href="#">splatter print shirt</a></h3>
<div class="star-rating">
<img src="images/star.png" alt="star">
</div>
<div class="price">$299,99</div>
</div><!--product-details-->
</div>
</div>
<div class="item">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/255x340" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/255x340" alt="swiper-slide">
<div class="footer-product">
<ul>
<li class="quickly"><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li class="add-to-cart"><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i><span>Add to cart</span></a></li>
<li class="wishlist"><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
</ul>
</div><!--footer-product-->
</div><!--mask-product-->
<div class="product-details">
<h6 class="products-cats"><a href="#">shirts</a></h6>
<h3 class="product-title"><a href="#">splatter print shirt</a></h3>
<div class="star-rating">
<img src="images/star.png" alt="star">
</div>
<div class="price">$299,99</div>
</div><!--product-details-->
</div>
</div>
<div class="item">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/255x340" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/255x340" alt="swiper-slide">
<div class="footer-product">
<ul>
<li class="quickly"><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li class="add-to-cart"><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i><span>Add to cart</span></a></li>
<li class="wishlist"><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
</ul>
</div><!--footer-product-->
</div><!--mask-product-->
<div class="product-details">
<h6 class="products-cats"><a href="#">shirts</a></h6>
<h3 class="product-title"><a href="#">splatter print shirt</a></h3>
<div class="star-rating">
<img src="images/star.png" alt="star">
</div>
<div class="price">$299,99</div>
</div><!--product-details-->
</div>
</div>
</div>
</div><!--related-products-->
</div><!--single-product-->
<div class="prefooter">
<div class="row">
<div class="col-md-9">
<div class="row">
<div class="col-md-4">
<div class="widget-products">
<h3 class="title-widget">featured products</h3>
<ul class="product-list">
<li>
<a href="#"><img src="http://placehold.it/60x80" alt="product-image"></a>
<p class="title"><a href="#">pinstripe blouse dress</a></p>
<div class="price">
<del>$299,99</del>
<ins>$199,99</ins>
</div>
</li>
<li>
<a href="#"><img src="http://placehold.it/60x80" alt="product-image"></a>
<p class="title"><a href="#">pinstripe blouse dress</a></p>
<div class="price">$299,99</div>
</li>
<li>
<a href="#"><img src="http://placehold.it/60x80" alt="product-image"></a>
<p class="title"><a href="#">pinstripe blouse dress</a></p>
<div class="price">$299,99</div>
</li>
</ul><!--product-list-->
</div><!--widget-products-->
</div>
<div class="col-md-4">
<div class="widget-products">
<h3 class="title-widget">sale products</h3>
<ul class="product-list">
<li>
<a href="#"><img src="http://placehold.it/60x80" alt="product-image"></a>
<p class="title"><a href="#">pinstripe blouse dress</a></p>
<div class="price">
<del>$299,99</del>
<ins>$199,99</ins>
</div>
</li>
<li>
<a href="#"><img src="http://placehold.it/60x80" alt="product-image"></a>
<p class="title"><a href="#">pinstripe blouse dress</a></p>
<div class="price">
<del>$299,99</del>
<ins>$199,99</ins>
</div>
</li>
<li>
<a href="#"><img src="http://placehold.it/60x80" alt="product-image"></a>
<p class="title"><a href="#">pinstripe blouse dress</a></p>
<div class="price">
<del>$299,99</del>
<ins>$199,99</ins>
</div>
</li>
</ul><!--product-list-->
</div><!--widget-products-->
</div>
<div class="col-md-4">
<div class="widget-products">
<h3 class="title-widget">random products</h3>
<ul class="product-list">
<li>
<a href="#"><img src="http://placehold.it/60x80" alt="product-image"></a>
<p class="title"><a href="#">pinstripe blouse dress</a></p>
<div class="price">$299,99</div>
</li>
<li>
<a href="#"><img src="http://placehold.it/60x80" alt="product-image"></a>
<p class="title"><a href="#">pinstripe blouse dress</a></p>
<div class="price">
<del>$299,99</del>
<ins>$199,99</ins>
</div>
</li>
<li>
<a href="#"><img src="http://placehold.it/60x80" alt="product-image"></a>
<p class="title"><a href="#">pinstripe blouse dress</a></p>
<div class="price">$299,99</div>
</li>
</ul><!--product-list-->
</div><!--widget-products-->
</div>
</div>
</div>
<div class="col-md-3">
<div class="newsletter">
<h3>Join Xstore newsletter</h3>
<p>You can be always up to date with our company news!</p>
<form>
<input type="email" name="EMAIL" placeholder="Your email address">
<input type="submit" value="Sign up">
</form>
<p>*Don’t worry, we won’t spam our customers mailboxes</p>
</div><!--newsletter-->
</div>
</div>
</div>
</div>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<img src="images/logo-footer.png" class="logo-footer" alt="logo-footer">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<address>
<ul>
<li>48 Park Avenue,</li>
<li>East 21st Street, Apt. 304</li>
<li>New York NY 10016</li>
<li>Email: <a href="#" class="active-color">youremail@site.com</a></li>
<li>Phone: <a href="#" class="active-color">+1 408 996 1010</a></li>
</ul>
</address>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="widget-links">
<h3 class="title-widget">Useful Links</h3>
<ul class="first">
<li><a href="#">Home Page</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Delivery Info</a></li>
<li><a href="#">Conditions</a></li>
<li><a href="#">Order Tracking</a></li>
<li><a href="#">My Account</a></li>
<li><a href="#">My Wishlist</a></li>
</ul>
<ul>
<li><a href="#">San Fransisco</a></li>
<li><a href="#">New Orlean</a></li>
<li><a href="#">Seatle</a></li>
<li><a href="#">Portland</a></li>
<li><a href="#">Stockholm</a></li>
<li><a href="#">Hoffenheim</a></li>
</ul>
</div><!--widget-links-->
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="widget-latest-posts">
<h3 class="title-widget">Latest posts</h3>
<ul>
<li>
<a href="#" class="pull-left"><img src="http://placehold.it/40x40" alt="latest-footer"></a>
<div class="blog-details">
<h2><a href="#">Corsectetur alequet</a></h2>
<div class="meta-post">
<time><i class="fa fa-calendar" aria-hidden="true"></i>November 29, 2016</time>
<a href="#" class="post-comments"><i class="fa fa-comment" aria-hidden="true"></i>5 comments</a>
</div>
</div>
</li>
<li>
<a href="#" class="pull-left"><img src="http://placehold.it/40x40" alt="latest-footer"></a>
<div class="blog-details">
<h2><a href="#">Corsectetur alequet</a></h2>
<div class="meta-post">
<time><i class="fa fa-calendar" aria-hidden="true"></i>November 29, 2016</time>
<a href="#" class="post-comments"><i class="fa fa-comment" aria-hidden="true"></i>0 comments</a>
</div>
</div>
</li>
<li>
<a href="#" class="pull-left"><img src="http://placehold.it/40x40" alt="latest-footer"></a>
<div class="blog-details">
<h2><a href="#">Corsectetur alequet</a></h2>
<div class="meta-post">
<time><i class="fa fa-calendar" aria-hidden="true"></i>November 29, 2016</time>
<a href="#" class="post-comments"><i class="fa fa-comment" aria-hidden="true"></i>5 comments</a>
</div>
</div>
</li>
</ul>
</div><!--widget-latest-posts-->
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="widget-tags">
<h3 class="title-widget">Product Tags</h3>
<a href="#">Illegal</a>
<a href="#">Accessories</a>
<a href="#">Sale</a>
<a href="#">Jeans</a>
<a href="#">Fashion</a>
<a href="#">Illegal</a>
<a href="#">Accessories</a>
<a href="#">Sale</a>
<a href="#">Jeans</a>
<a href="#">Fashion</a>
<a href="#">Accessories</a>
</div><!--widget-tags-->
</div>
</div>
</div>
</footer>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="pull-left">© Created by <a href="#">8theme</a> - Power Elite ThemeForest Author.</p>
</div>
<div class="col-md-6">
<a href="#" class="pull-right"><img src="images/payments.png" alt="payments"></a>
</div>
</div>
</div>
</div>
</main>
<div class="footer-instagram">
<div class="instagram-slider">
<div class="item">
<img src="http://placehold.it/300x300" alt="insta">
</div>
<div class="item">
<img src="http://placehold.it/300x300" alt="insta">
</div>
<div class="item">
<img src="http://placehold.it/300x300" alt="insta">
</div>
<div class="item">
<img src="http://placehold.it/300x300" alt="insta">
</div>
<div class="item">
<img src="http://placehold.it/300x300" alt="insta">
</div>
<div class="item">
<img src="http://placehold.it/300x300" alt="insta">
</div>
<div class="item">
<img src="http://placehold.it/300x300" alt="insta">
</div>
<div class="item">
<img src="http://placehold.it/300x300" alt="insta">
</div>
<div class="item">
<img src="http://placehold.it/300x300" alt="insta">
</div>
<div class="item">
<img src="http://placehold.it/300x300" alt="insta">
</div>
<div class="item">
<img src="http://placehold.it/300x300" alt="insta">
</div>
<div class="item">
<img src="http://placehold.it/300x300" alt="insta">
</div>
</div>
<a href="#" class="btn">Follow <span>@8theme</span></a>
</div>
<div class="popup">
<div class="inside">
<h5>sign up today for a</h5>
<h3>60% off coupon</h3>
<p>Get <a href="#" class="active-color">5% reward</a> on future orders</p>
<input type="email" name="EMAIL" placeholder="Your email address" required="">
<p class="last">*Don’t worry, we won’t spam our <a href="#" class="active-color">customers mailboxes</a></p>
</div>
<i class="close">x</i>
</div>
<!-- Modal -->
<div class="modal fade" id="size-guide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<img src="images/size-guide.jpg" alt="size-guide">
</div>
</div>
</div>
<script type="text/javascript" src="js/lib/jquery.js"></script>
<script type="text/javascript" src="js/lib/fakeLoader.min.js"></script>
<script type="text/javascript">
$(".fakeLoader").fakeLoader({
timeToHide: 3000,
zIndex: "9999999",
spinner: "spinner7",
bgColor: "#f5f5f5",
});
</script>
<script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lib/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/lib/slideout-min.js"></script>
<script type="text/javascript" src="js/lib/greensock.js"></script>
<script type="text/javascript" src="js/lib/layerslider.transitions.js"></script>
<script type="text/javascript" src="js/lib/layerslider.kreaturamedia.jquery.js"></script>
<script type="text/javascript" src="js/lib/paraxify.js"></script>
<script type="text/javascript" src="js/lib/jquery.infinitescroll.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.filterizr-min.js"></script>
<script type="text/javascript" src="js/lib/swiper.min.js"></script>
<script type="text/javascript" src="js/lib/TimeCircles-min.js"></script>
<script type="text/javascript" src="js/lib/jquery-ui-min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>