/home/hdwebsolution/public_html/ns-interior/wide-card-project-6.html
<!DOCTYPE HTML>
<html class="no-js" lang="zxx">
<!-- Mirrored from code-theme.com/html/interior/wide-card-project-6.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 25 Oct 2025 06:15:27 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/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">Projects</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>Projects</span>
</div>
</div>
</div>
</div>
<!-- END SECTION HEADINGS -->
<!-- START SECTION PORTFOLIO -->
<section id="portfolio" class="portfolio">
<div class="container-fluid">
<div class="filters-group">
<ul>
<li class="active" data-filter="*">Show All</li>
<li data-filter=".people">Residential</li>
<li data-filter=".landscapes">Commercial</li>
<li data-filter=".web">Office</li>
<li data-filter=".graphic">Hospitaly</li>
</ul>
</div>
<div class="row portfolio-items">
<div class="item col-lg-2 col-md-6 landscapes">
<div class="single-portfolio">
<div class="portfolio-img">
<img src="images/project/p-1.jpg" alt="" />
<div class="portfolio-view">
<div class="item-wrap">
<a class="img-poppu" href="images/project/p-1.jpg" data-rel="lightcase:myCollection:slideshow">
<span class="plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="portfolio-title">
<h3 class="text-center"><a href="#">Project Card</a></h3>
<p class="text-center">Interior Design</p>
</div>
</div>
<div class="item col-lg-2 col-md-6 people">
<div class="single-portfolio">
<div class="portfolio-img">
<img src="images/project/p-2.jpg" alt="" />
<div class="portfolio-view">
<div class="item-wrap">
<a class="img-poppu" href="images/project/p-2.jpg" data-rel="lightcase:myCollection:slideshow">
<span class="plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="portfolio-title">
<h3 class="text-center"><a href="#">Project Card</a></h3>
<p class="text-center">Interior Design</p>
</div>
</div>
<div class="item col-lg-2 col-md-6 people landscapes">
<div class="single-portfolio">
<div class="portfolio-img">
<img src="images/project/p-3.jpg" alt="" />
<div class="portfolio-view">
<div class="item-wrap">
<a class="img-poppu" href="images/project/p-3.jpg" data-rel="lightcase:myCollection:slideshow">
<span class="plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="portfolio-title">
<h3 class="text-center"><a href="#">Project Card</a></h3>
<p class="text-center">Interior Design</p>
</div>
</div>
<div class="item col-lg-2 col-md-6 people landscapes">
<div class="single-portfolio">
<div class="portfolio-img">
<img src="images/project/p-4.jpg" alt="" />
<div class="portfolio-view">
<div class="item-wrap">
<a class="img-poppu" href="images/project/p-4.jpg" data-rel="lightcase:myCollection:slideshow">
<span class="plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="portfolio-title">
<h3 class="text-center"><a href="#">Project Card</a></h3>
<p class="text-center">Interior Design</p>
</div>
</div>
<div class="item col-lg-2 col-md-6 people">
<div class="single-portfolio">
<div class="portfolio-img">
<img src="images/project/p-5.jpg" alt="" />
<div class="portfolio-view">
<div class="item-wrap">
<a class="img-poppu" href="images/project/p-5.jpg" data-rel="lightcase:myCollection:slideshow">
<span class="plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="portfolio-title">
<h3 class="text-center"><a href="#">Project Card</a></h3>
<p class="text-center">Interior Design</p>
</div>
</div>
<div class="item col-lg-2 col-md-6 web">
<div class="single-portfolio">
<div class="portfolio-img">
<img src="images/project/p-6.jpg" alt="" />
<div class="portfolio-view">
<div class="item-wrap">
<a class="img-poppu" href="images/project/p-6.jpg" data-rel="lightcase:myCollection:slideshow">
<span class="plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="portfolio-title">
<h3 class="text-center"><a href="#">Project Card</a></h3>
<p class="text-center">Interior Design</p>
</div>
</div>
<div class="item col-lg-2 col-md-6 web last-item">
<div class="single-portfolio">
<div class="portfolio-img">
<img src="images/project/p-7.jpg" alt="" />
<div class="portfolio-view">
<div class="item-wrap">
<a class="img-poppu" href="images/project/p-7.jpg" data-rel="lightcase:myCollection:slideshow">
<span class="plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="portfolio-title">
<h3 class="text-center"><a href="#">Project Card</a></h3>
<p class="text-center">Interior Design</p>
</div>
</div>
<div class="item col-lg-2 col-md-6 web graphic last-item">
<div class="single-portfolio">
<div class="portfolio-img">
<img src="images/project/p-8.jpg" alt="" />
<div class="portfolio-view">
<div class="item-wrap">
<a class="img-poppu" href="images/project/p-8.jpg" data-rel="lightcase:myCollection:slideshow">
<span class="plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="portfolio-title">
<h3 class="text-center"><a href="#">Project Card</a></h3>
<p class="text-center">Interior Design</p>
</div>
</div>
<div class="item col-lg-2 col-md-6 landscapes last-item">
<div class="single-portfolio">
<div class="portfolio-img">
<img src="images/project/p-9.jpg" alt="" />
<div class="portfolio-view">
<div class="item-wrap">
<a class="img-poppu" href="images/project/p-9.jpg" data-rel="lightcase:myCollection:slideshow">
<span class="plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="portfolio-title">
<h3 class="text-center"><a href="#">Project Card</a></h3>
<p class="text-center">Interior Design</p>
</div>
</div>
<div class="item col-lg-2 col-md-6 people last-item">
<div class="single-portfolio">
<div class="portfolio-img">
<img src="images/project/p-10.jpg" alt="" />
<div class="portfolio-view">
<div class="item-wrap">
<a class="img-poppu" href="images/project/p-10.jpg" data-rel="lightcase:myCollection:slideshow">
<span class="plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="portfolio-title">
<h3 class="text-center"><a href="#">Project Card</a></h3>
<p class="text-center">Interior Design</p>
</div>
</div>
<div class="item col-lg-2 col-md-6 people landscapes last-item one">
<div class="single-portfolio">
<div class="portfolio-img">
<img src="images/project/p-11.jpg" alt="" />
<div class="portfolio-view">
<div class="item-wrap">
<a class="img-poppu" href="images/project/p-11.jpg" data-rel="lightcase:myCollection:slideshow">
<span class="plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="portfolio-title">
<h3 class="text-center"><a href="#">Project Card</a></h3>
<p class="text-center">Interior Design</p>
</div>
</div>
<div class="item col-lg-2 col-sm-6 col-xs-12 people landscapes last-item two thelast">
<div class="single-portfolio">
<div class="portfolio-img">
<img src="images/project/p-12.jpg" alt="" />
<div class="portfolio-view">
<div class="item-wrap">
<a class="img-poppu" href="images/project/p-12.jpg" data-rel="lightcase:myCollection:slideshow">
<span class="plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="portfolio-title">
<h3 class="text-center"><a href="#">Project Card</a></h3>
<p class="text-center">Interior Design</p>
</div>
</div>
</div>
</div>
</section>
<!-- END SECTION PORTFOLIO -->
<!-- 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>
<!-- 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/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/wide-card-project-6.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 25 Oct 2025 06:15:27 GMT -->
</html>