/home/hdwebsolution/www/ns-interior/shop-product-rightsidebar.html
<!DOCTYPE HTML>
<html class="no-js" lang="zxx">
<!-- Mirrored from code-theme.com/html/interior/shop-product-rightsidebar.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 25 Oct 2025 06:20:05 GMT -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Interior - Modern Interior Design HTML Template</title>
<!-- GOOGLE FONTS -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,600,700%7COpen+Sans:300,400" rel="stylesheet">
<!-- FONT AWESOME -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- ARCHIVES CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="css/menu.css">
<link href="css/animate.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/lightcase.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body class="inner-page">
<!-- Wrapper -->
<div id="wrapper">
<!-- START SECTION HEADINGS -->
<!-- Header Container
================================================== -->
<header id="header-container" class="header head-tr">
<!-- Header -->
<div id="header" class="head-tr bottom">
<div class="container">
<!-- Left Side Content -->
<div class="left-side">
<!-- Logo -->
<div id="logo" class="col-lg-2 logo-white">
<a href="index.html"><img src="images/logo-white-1.svg" data-sticky-logo="images/logo-black.svg" alt=""></a>
</div>
<!-- Mobile Navigation -->
<div class="mmenu-trigger">
<button class="hamburger hamburger--collapse" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
<!-- Main Navigation -->
<nav id="navigation" class="style-1 head-tr">
<ul id="responsive">
<li><a href="#">Home</a>
<ul>
<li><a href="index.html">Home 1</a>
</li>
<li><a href="index-2.html">Home 2</a>
</li>
<li><a href="index-3.html">home 3</a>
</li>
<li><a href="index-4.html">home 4</a>
</li>
<li><a href="index-5.html">home 5</a>
</li>
<li><a href="index-6.html">home 6</a>
</li>
</ul>
</li>
<li><a href="#">Project</a>
<ul>
<li><a href="#">Boxed Style</a>
<ul>
<li><a href="box-gutter-project-4.html">Gutter 4 Column</a></li>
<li><a href="box-gutter-project-3.html">Gutter 3 Column</a></li>
<li><a href="box-gutter-project-2.html">Gutter 2 Column</a></li>
<li><a href="box-no-gutter-project-4.html">No Gutter 4 Column</a></li>
<li><a href="box-no-gutter-project-3.html">No Gutter 3 Column</a></li>
<li><a href="box-no-gutter-project-2.html">No Gutter 2 Column</a></li>
</ul>
</li>
<li><a href="#">Wide Style</a>
<ul>
<li><a href="wide-gutter-project-6.html">Gutter 6 Column</a></li>
<li><a href="wide-gutter-project-4.html">Gutter 4 Column</a></li>
<li><a href="wide-gutter-project-3.html">Gutter 3 Column</a></li>
<li><a href="wide-gutter-project-2.html">Gutter 2 Column</a></li>
<li><a href="wide-no-gutter-project-6.html">No Gutter 6 Column</a></li>
<li><a href="wide-no-gutter-project-4.html">No Gutter 4 Column</a></li>
<li><a href="wide-no-gutter-project-3.html">No Gutter 3 Column</a></li>
<li><a href="wide-no-gutter-project-2.html">No Gutter 2 Colum</a></li>
</ul>
</li>
<li><a href="#">Card Style</a>
<ul>
<li><a href="box-card-project-4.html">Card Box 4 Column</a></li>
<li><a href="box-card-project-3.html">Card Box 3 Column</a></li>
<li><a href="box-card-project-2.html">Card Box 2 Column</a></li>
<li><a href="wide-card-project-6.html">Full Wide 6 Column</a></li>
<li><a href="wide-card-project-4.html">Full Wide 4 Column</a></li>
<li><a href="wide-card-project-3.html">Full Wide 3 Column</a></li>
<li><a href="wide-card-project-2.html">Full Wide 2 Column</a></li>
</ul>
</li>
<li><a href="#">Masonry Wide</a>
<ul>
<li><a href="masonry-standard-wide.html">Masonry Standard</a></li>
<li><a href="masonry-standard-wide-no-gutter.html">Masonry Standard 2</a></li>
<li><a href="masonry-wide-project-4.html">Wide 4 Column</a></li>
<li><a href="masonry-wide-project-3.html">Wide 3 Column</a></li>
<li><a href="masonry-wide-project-2.html">Wide 2 Column</a></li>
<li><a href="masonry-wide-no-gutter-project-4.html">No Gutter 4 Column</a></li>
<li><a href="masonry-wide-no-gutter-project-3.html">No Gutter 3 Column</a></li>
<li><a href="masonry-wide-no-gutter-project-2.html">No Gutter 2 Column</a></li>
</ul>
</li>
<li><a href="#">Masonry Box</a>
<ul>
<li><a href="masonry-standard-box.html">Masonry Standard</a></li>
<li><a href="masonry-standard-gutter-box.html">Masonry Standard 2</a></li>
<li><a href="masonry-box-project-4.html">Box 4 Column</a></li>
<li><a href="masonry-box-project-3.html">Box 3 Column</a></li>
<li><a href="masonry-box-project-2.html">Box 2 Column</a></li>
<li><a href="masonry-box-no-gutter-project-4.html">No Gutter 4 Column</a></li>
<li><a href="masonry-box-no-gutter-project-3.html">No Gutter 3 Column</a></li>
<li><a href="masonry-box-no-gutter-project-2.html">No Gutter 2 Column</a></li>
</ul>
</li>
<li><a href="#">Project Details</a>
<ul>
<li><a href="project-details.html">Project Detail 1</a></li>
<li><a href="project-details-2.html">Project Detail 2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="all-services.html">All Services</a>
</li>
<li><a href="residental-interior.html">Residential Interior</a>
</li>
<li><a href="commercial-interior.html">Commercial Interior</a>
</li>
<li><a href="office-interior.html">Office Interior</a>
</li>
<li><a href="hospitality-design.html">Hospitality Design</a>
</li>
<li><a href="modern-furniture.html">Modern Furniture</a>
</li>
</ul>
</li>
<li><a href="#">Pages</a>
<ul>
<li><a href="about-us.html">About Us</a></li>
<li><a href="our-team.html">Our Team</a></li>
<li><a href="pricing-table.html">Pricing Table</a></li>
<li><a href="404.html">Error 404</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="under-construction.html">Under Constrction</a></li>
</ul>
</li>
<li><a href="#">Blog</a>
<ul>
<li><a href="#">Grid Layout</a>
<ul>
<li><a href="blog-full-grid.html">Full Grid</a></li>
<li><a href="blog-grid-sidebar.html">With Sidebar</a></li>
</ul>
</li>
<li><a href="#">List Layout</a>
<ul>
<li><a href="blog-full-list.html">Full List</a></li>
<li><a href="blog-list-sidebar.html">With Sidebar</a></li>
</ul>
</li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="#">Shop</a>
<ul>
<li><a href="shop-product-rightsidebar.html">Shop Right SideBar</a></li>
<li><a href="shop-3-column.html">Shop 3 Column</a></li>
<li><a href="shop-full-3-column.html">Shop Full 3 Column</a></li>
<li><a href="single-product.html">Single Product</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a>
</li>
</ul>
</nav>
<div class="clearfix"></div>
<!-- Main Navigation / End -->
</div>
<!-- Left Side Content / End -->
</div>
</div>
<!-- Header / End -->
</header>
<div class="clearfix"></div>
<!-- Header Container / End -->
<section class="headings">
<div class="text-heading">
<div class="container">
<h1 class="text-center">SHOP</h1>
</div>
</div>
</section>
<div class="road">
<div class="container">
<div class="row">
<div class="col">
<a href="index.html">Home</a><span>»</span><span>SHOP</span>
</div>
</div>
</div>
</div>
<!-- END SECTION HEADINGS -->
<!-- START SECTION BLOG -->
<section class="shop blog">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-12 blog-pots">
<div class="row space2">
<div class="col-md-6 blog-pots hover-effect">
<a href="blog-details.html">
<figure><img src="images/shop/shop-1.jpg" alt=""></figure>
</a>
<div class="blog-info my-4">
<h3 class="text-center">Product shop</h3>
<ul class="starts text-center mt-1">
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
</ul>
<p class="product-old-price text-center">$69.97</p>
<p class="recent-price text-center mb-2">$49.97</p>
<div class="text-center">
<a class="btn1 btn-sm" href="#"><i class="fa fa-shopping-cart"></i>Add To Cart</a>
</div>
</div>
</div>
<div class="col-md-6 blog-pots hover-effect">
<a href="blog-details.html">
<figure><img src="images/shop/shop-2.jpg" alt=""></figure>
</a>
<div class="blog-info mt-4">
<h3 class="text-center">Product shop</h3>
<ul class="starts text-center mt-1">
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
</ul>
<p class="product-old-price text-center">$69.97</p>
<p class="recent-price text-center mb-2">$49.97</p>
<div class="text-center">
<a class="btn1 btn-sm" href="#"><i class="fa fa-shopping-cart"></i>Add To Cart</a>
</div>
</div>
</div>
</div>
<div class="row space2">
<div class="col-md-6 blog-pots hover-effect">
<a href="blog-details.html">
<figure><img src="images/shop/shop-3.jpg" alt=""></figure>
</a>
<div class="blog-info my-4">
<h3 class="text-center">Product shop</h3>
<ul class="starts text-center mt-1">
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
</ul>
<p class="product-old-price text-center">$69.97</p>
<p class="recent-price text-center mb-2">$49.97</p>
<div class="text-center">
<a class="btn1 btn-sm" href="#"><i class="fa fa-shopping-cart"></i>Add To Cart</a>
</div>
</div>
</div>
<div class="col-md-6 blog-pots hover-effect">
<a href="blog-details.html">
<figure><img src="images/shop/shop-4.jpg" alt=""></figure>
</a>
<div class="blog-info mt-4">
<h3 class="text-center">Product shop</h3>
<ul class="starts text-center mt-1">
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
</ul>
<p class="product-old-price text-center">$69.97</p>
<p class="recent-price text-center mb-2">$49.97</p>
<div class="text-center">
<a class="btn1 btn-sm" href="#"><i class="fa fa-shopping-cart"></i>Add To Cart</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 blog-pots hover-effect">
<a href="blog-details.html">
<figure><img src="images/shop/shop-5.jpg" alt=""></figure>
</a>
<div class="blog-info my-4">
<h3 class="text-center">Product shop</h3>
<ul class="starts text-center mt-1">
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
</ul>
<p class="product-old-price text-center">$69.97</p>
<p class="recent-price text-center mb-2">$49.97</p>
<div class="text-center">
<a class="btn1 btn-sm" href="#"><i class="fa fa-shopping-cart"></i>Add To Cart</a>
</div>
</div>
</div>
<div class="col-md-6 blog-pots hover-effect">
<a href="blog-details.html">
<figure><img src="images/shop/shop-6.jpg" alt=""></figure>
</a>
<div class="blog-info mt-4 mb-5">
<h3 class="text-center">Product shop</h3>
<ul class="starts text-center mt-1">
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
<li class="mb-0"><i class="fa fa-star"></i>
</li>
</ul>
<p class="product-old-price text-center">$69.97</p>
<p class="recent-price text-center mb-2">$49.97</p>
<div class="text-center">
<a class="btn1 btn-sm" href="#"><i class="fa fa-shopping-cart"></i>Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
<aside class="col-lg-3 col-md-12">
<div class="widget">
<h3 class="mb-4">Search</h3>
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-primary" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
</span>
</div>
<div class="recent-post py-5">
<h3 class="mb-4">Best Sellers</h3>
<div class="recent-main">
<div class="recent-img">
<a href="blog-details.html"><img src="images/shop/shop-1.jpg" alt=""></a>
</div>
<div class="info-img">
<a href="blog-details.html"><h6>Product Shop</h6></a>
<p>$49.99</p>
</div>
</div>
<div class="recent-main my-4">
<div class="recent-img">
<a href="blog-details.html"><img src="images/shop/shop-2.jpg" alt=""></a>
</div>
<div class="info-img">
<a href="blog-details.html"><h6>Product Shop</h6></a>
<p>$49.99</p>
</div>
</div>
<div class="recent-main">
<div class="recent-img">
<a href="blog-details.html"><img src="images/shop/shop-3.jpg" alt=""></a>
</div>
<div class="info-img">
<a href="blog-details.html"><h6>Product Shop</h6></a>
<p>$49.99</p>
</div>
</div>
</div>
<div class="recent-post">
<h3 class="mb-4">Popolar Tags</h3>
<div class="tags">
<span><a href="#" class="btn btn-outline-primary">Web Developer</a></span>
<span><a href="#" class="btn btn-outline-primary">Illustrator</a></span>
</div>
<div class="tags">
<span><a href="#" class="btn btn-outline-primary">Web Design</a></span>
<span><a href="#" class="btn btn-outline-primary">Front-end Developer</a></span>
</div>
<div class="tags">
<span><a href="#" class="btn btn-outline-primary">Graphy Design</a></span>
<span><a href="#" class="btn btn-outline-primary">HTML 5</a></span>
</div>
<div class="tags">
<span><a href="#" class="btn btn-outline-primary">CSS 3</a></span>
<span><a href="#" class="btn btn-outline-primary">Back-end Developer</a></span>
</div>
<div class="tags">
<span><a href="#" class="btn btn-outline-primary">Photoshop</a></span>
<span><a href="#" class="btn btn-outline-primary">Primary</a></span>
</div>
</div>
<div class="recent-post py-5 shp-cat">
<h3 class="mb-4">Category</h3>
<ul>
<li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Web Developer</a></li>
<li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Graphy Design</a></li>
<li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Illustrator</a></li>
<li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Photoshop</a></li>
<li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Web Design</a></li>
<li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Front-end</a></li>
</ul>
</div>
</div>
</aside>
</div>
<nav aria-label="..." class="pt-5 hidden-md-down">
<ul class="pagination">
<li class="page-item disabled">
<a class="page-link" href="#" tabindex="-1">Previous</a>
</li>
<li class="page-item active">
<a class="page-link" href="#">1 <span class="sr-only">(current)</span></a>
</li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">5</a></li>
<li class="page-item">
<a class="page-link" href="#">Next</a>
</li>
</ul>
</nav>
</div>
</section>
<!-- END SECTION BLOG -->
<!-- START FOOTER -->
<footer class="first-footer">
<div class="top-footer bg-black-2">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="netabout">
<a href="index.html" class="logo">
<img src="images/logo-white.svg" alt="netcom">
</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum incidunt architecto soluta laborios.</p>
</div>
<div class="contactus">
<ul>
<li>
<div class="info">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<p class="in-p">95 South Park Avenue, USA</p>
</div>
</li>
<li>
<div class="info">
<i class="fa fa-phone" aria-hidden="true"></i>
<p class="in-p">+456 875 369 208</p>
</div>
</li>
<li>
<div class="info">
<i class="fa fa-envelope" aria-hidden="true"></i>
<p class="in-p ti">support@interior.com</p>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="navigation">
<h3>Navigation</h3>
<div class="nav-footer">
<ul>
<li><a href="index.html">Home One</a></li>
<li><a href="properties-right-sidebar.html">Properties Right</a></li>
<li><a href="properties-full-list.html">Properties List</a></li>
<li><a href="properties-details.html">Property Details</a></li>
<li class="no-mgb"><a href="agents-listing-grid.html">Agents Listing</a></li>
</ul>
<ul class="nav-right">
<li><a href="agent-details.html">Agents Details</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="blog.html">Blog Default</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
<li class="no-mgb"><a href="contact-us.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="widget">
<h3>Twitter Feeds</h3>
<div class="twitter-widget contuct">
<div class="twitter-area">
<div class="single-item">
<div class="icon-holder">
<i class="fa fa-twitter" aria-hidden="true"></i>
</div>
<div class="text">
<h5><a href="#">@interior</a> all share them with me baby said inspet.</h5>
<h4>about 5 days ago</h4>
</div>
</div>
<div class="single-item">
<div class="icon-holder">
<i class="fa fa-twitter" aria-hidden="true"></i>
</div>
<div class="text">
<h5><a href="#">@interior</a> all share them with me baby said inspet.</h5>
<h4>about 5 days ago</h4>
</div>
</div>
<div class="single-item">
<div class="icon-holder">
<i class="fa fa-twitter" aria-hidden="true"></i>
</div>
<div class="text">
<h5><a href="#">@interior</a> all share them with me baby said inspet.</h5>
<h4>about 5 days ago</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="newsletters">
<h3>Newsletters</h3>
<p>Sign Up for Our Newsletter to get Latest Updates and Offers. Subscribe to receive news in your inbox.</p>
</div>
<form class="bloq-email mailchimp form-inline" method="post">
<label for="subscribeEmail" class="error"></label>
<div class="email">
<input type="email" id="subscribeEmail" name="EMAIL" placeholder="Enter Your Email">
<input type="submit" value="Subscribe">
<p class="subscription-success"></p>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="second-footer">
<div class="container">
<p>2020 © Copyright - All Rights Reserved.</p>
<p>Made With <i class="fa fa-heart" aria-hidden="true"></i> By Code-Theme</p>
</div>
</div>
</footer>
<a data-scroll href="#wrapper" class="go-up"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a>
<!-- END FOOTER -->
<!-- START PRELOADER -->
<div id="preloader">
<div id="status">
<div class="status-mes"></div>
</div>
</div>
<!-- END PRELOADER -->
<!-- ARCHIVES JS -->
<script src="js/jquery.min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/mmenu.min.js"></script>
<script src="js/mmenu.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/lightcase.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/inner-script.js"></script>
<script>
$(window).on('scroll load', function() {
$("#header.cloned #logo img").attr("src", $('#header #logo img').attr('data-sticky-logo'));
});
</script>
</div>
<!-- Wrapper / End -->
</body>
<!-- Mirrored from code-theme.com/html/interior/shop-product-rightsidebar.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 25 Oct 2025 06:20:10 GMT -->
</html>