| 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/infinite-scroll.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>
</ul>
<h2>Shop</h2>
<a href="javascript: history.go(-1)" class="back">Return to Previous Page</a>
</div>
</div>
</div>
</div><!--breadcrumbs-->
<div class="container">
<div class="content-products">
<div class="row">
<div class="col-md-12">
<div class="filter-wrap">
<div class="filters-btn">
<span class="btn">Filters</span>
</div><!--filters-btn-->
<div class="filters-sorting">
<div class="trigger">Default sorting</div>
<ul class="options">
<li>Sort by popularity</li>
<li>Sort by average rating</li>
<li>Sort by newness</li>
<li>Sort by price: low to high</li>
<li>Sort by price: high to low</li>
</ul>
</div><!--filters-sorting-->
<div class="view-switcher hidden-tablet hidden-phone">
<ul>
<li class="switch-grid switcher-active"><i class="fa fa-th" aria-hidden="true"></i></li>
<li class="switch-list"><i class="fa fa-th-list" aria-hidden="true"></i></li>
</ul>
</div><!--view-switcher-->
<div class="products-per-page">
<span>Show</span>
<div class="trigger">9</div>
<ul class="options">
<li>12</li>
<li>24</li>
<li>36</li>
<li>1</li>
<li>5</li>
</ul>
<span>Per page</span>
</div><!--products-per-page-->
<div class="pagination">
<ul>
<li class="active">1</li>
<li>2</li>
<li><span class="page-numbers dots">…</span></li>
<li>3</li>
<li><a href="#" class="next"><i class="fa fa-angle-double-right"></i></a></li>
</ul>
</div><!--pagination-->
</div><!--filter-wrap-->
<div class="shop-filters-area">
<div class="widget-product-categories">
<h4 class="widget-title">Product Categories</h4>
<ul>
<li><a href="#">Bags</a></li>
<li><a href="#">Woman</a></li>
<li><a href="#">Accessories</a></li>
<li><a href="#">Man</a></li>
<li><a href="#">Handbags</a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</div><!--product-categories-->
<div class="widget-layered-nav">
<h4 class="widget-title">Filter by color</h4>
<ul>
<li><a href="#">Black</a><span>(4)</span></li>
<li><a href="#">Blue</a><span>(3)</span></li>
<li><a href="#">Green</a><span>(4)</span></li>
<li><a href="#">Gold</a><span>(4)</span></li>
<li><a href="#">Grey</a><span>(3)</span></li>
<li><a href="#">Red</a><span>(4)</span></li>
</ul>
</div><!--widget-layered-nav-->
<div class="widget-search">
<h4 class="widget-title">Search</h4>
<form action="">
<input type="text" name="s" class="form-control" placeholder="Search...">
<button type="submit" class="btn medium-btn btn-black">Search<i class="fa fa-search"></i></button>
</form>
</div><!--widget-search-->
</div><!--shop-filters-area-->
<div id="content" class="products-loop products-grid row">
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/300x300" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/300x300" 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="col-md-3 col-sm-6 col-xs-6">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/300x300" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/300x300" 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="col-md-3 col-sm-6 col-xs-6">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/300x300" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/300x300" 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="col-md-3 col-sm-6 col-xs-6">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/300x300" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/300x300" 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="col-md-3 col-sm-6 col-xs-6">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/300x300" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/300x300" 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="col-md-3 col-sm-6 col-xs-6">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/300x300" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/300x300" 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="col-md-3 col-sm-6 col-xs-6">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/300x300" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/300x300" 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="col-md-3 col-sm-6 col-xs-6">
<div class="product">
<div class="mask-product">
<img src="http://placehold.it/300x300" alt="Owl Image">
<img class="image-swap" src="http://placehold.it/300x300" 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>
<a id="next" href="load-infinite2.html"> </a>
</div><!--products-loop products-grid-->
</div>
</div>
</div><!--content-products-->
<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>
<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>