| 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-single.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>Expetendis voluptatum</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-page single-portfolio row">
<div class="col-md-4">
<div class="content">
<h2>Photography</h2>
<p>Pro labitur iracundia ad, albucius intellegam. Diam vidit option ut pro, eam ea expetendis voluptatum adversarium. Ducilius conceptam in, hinc vidit et pro, vix detraxit argumentum in. Diam vidit option ut pro, eam ea expetendis voluptatum adversarium.</p>
<p>Ducilius conceptam in, hinc vidit et pro, vix detraxit argumentum in.</p>
<h4>Project Details</h4>
<ul>
<li><b>Author:</b> 8theme Team</li>
<li><b>Date:</b> 11.23 am, 2 march 2015</li>
<li><b>Client:</b> International “8theme” Magazine</li>
</ul>
<ul class="social-icon">
<span>Share</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>
</div><!--content-->
</div>
<div class="col-md-8">
<div class="col-md-4">
<div class="bg-img"><img src="http://placehold.it/220x545" alt="placehold"></div>
</div>
<div class="col-md-4">
<div class="bg-img type-2"><img src="http://placehold.it/220x545" alt="placehold"></div>
</div>
<div class="col-md-4">
<div class="bg-img type-3"><img src="http://placehold.it/220x545" alt="placehold"></div>
</div>
</div>
</div><!--content-page-->
<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>