| 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/www/websites/rishh/HTML/ |
| Current File : /home/udaipurk/www/websites/rishh/HTML/portfolio-column-5.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>
</ul>
<h2>Portfolio</h2>
<a href="javascript: history.go(-1)" class="back">Return to Previous Page</a>
</div>
</div>
</div>
</div><!--breadcrumbs-->
<div class="content-page row">
<ul class="simplefilter">
<li data-filter="all">Show All</li>
<li data-filter="1">Photography</li>
<li class="active" data-filter="2">Print</li>
<li data-filter="3">Video</li>
<li data-filter="4">Web-Design</li>
</ul>
<div class="filter-container filter-xstore">
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="1, 4" data-sort="Busy streets">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Ducilius conceptam</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="2, 4" data-sort="Luminous night">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Expetendis voluptatum</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="1, 4" data-sort="City wonders">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Albucius intellegam</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="3" data-sort="In production">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Laoreet condimentum vestibulum</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="3, 4" data-sort="Industrial site">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Pulvinar class habitasse</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="2, 4" data-sort="Peaceful lake">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Lectus venenatis neque</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="1, 4" data-sort="City lights">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Dulcedinem expectabam ima</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="2, 4" data-sort="Dreamhouse">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Posuere mi cum habitant</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="1, 2" data-sort="Busy streets">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Ut litora vestibulum sceleri</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="2, 4" data-sort="Luminous night">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Facilisi diam dis platea</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="1, 4" data-sort="City wonders">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Per condimentum elit nulla</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="3" data-sort="In production">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Sociosqu ad a nostra ante</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="1, 3" data-sort="In production">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Nibh a a ullamcorper eleifend</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="2, 1" data-sort="In production">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Condimentum malesuada</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="3, 4" data-sort="In production">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Interdum a quam senectus</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="3, 1" data-sort="In production">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Lacus est neque potenti</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="3, 2" data-sort="In production">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Potenti adipiscing blandit</a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-2-4 filtr-item" data-category="4, 1" data-sort="In production">
<div class="portfolio-item-inner">
<img class="img-responsive" src="http://placehold.it/338x254" alt="sample image">
<div class="zoom">
<a href="#" data-toggle="modal" data-target="#view">View large</a>
</div>
<div class="portfolio-descr">
<a href="#">Photography</a>
<div class="project-title">
<a href="#">Ducilius conceptam</a>
</div>
</div>
</div>
</div>
</div><!--filter-container-->
</div><!--content-page-->
<div class="container">
<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>
<div class="modal fade" id="view" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-body">
<img src="images/20-2.jpg" alt="20-2">
<button type="button" class="close" data-dismiss="modal">Close</button>
</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>
<script type="text/javascript">
$(window).load(function(){
$('.filter-container').filterizr();
});
$('.simplefilter li').click(function() {
$('.simplefilter li').removeClass('active');
$(this).addClass('active');
});
</script>
</body>
</html>