ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<!-- project-detail27:14-->
<head>
<meta charset="utf-8">
<title>Contra - Interior Creator HTML Template | Project Detail</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--Color Switcher Mockup-->
<link href="css/color-switcher-design.css" rel="stylesheet">
<!--Color Themes-->
<link id="theme-color-file" href="css/color-themes/default-theme.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<body>
<div class="page-wrapper">
<!-- Preloader -->
<div class="preloader"></div>
<!-- Main Header-->
<header class="main-header header-style-four">
<div class="header-top">
<div class="auto-container clearfix">
<div class="top-right">
<ul class="contact-info">
<li><span>PHONE :</span> (+84) 867-557-243</li>
<li><span>EMAIL :</span> <a href="#">Support@yourdomain.com</a></li>
</ul>
</div>
</div>
</div>
<div class="header-lower">
<div class="auto-container">
<div class="main-box clearfix">
<div class="logo-box">
<div class="logo"><a href="index-2.html"><img src="images/logo-2.png" alt="" title=""></a></div>
</div>
<div class="nav-outer">
<!-- Main Menu -->
<nav class="main-menu navbar-expand-md ">
<div class="navbar-header">
<!-- Toggle Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon flaticon-menu-button"></span>
</button>
</div>
<div class="collapse navbar-collapse clearfix" id="navbarSupportedContent">
<ul class="navigation clearfix">
<li class="dropdown"><a href="#">Home</a>
<ul>
<li class="dropdown"><a href="#">Header Styles</a>
<ul>
<li><a href="index-2.html">Header Style One</a></li>
<li><a href="index-3.html">Header Style Two</a></li>
<li><a href="index-4.html">Header Style Three</a></li>
<li><a href="index-5.html">Header Style Four</a></li>
<li><a href="index-6.html">Header Style Five</a></li>
<li><a href="index-7.html">Header Style Six</a></li>
<li><a href="about.html">Header Style Seven</a></li>
</ul>
</li>
<li><a href="index-2.html">Home page 01</a></li>
<li><a href="index-3.html">Home page 02</a></li>
<li><a href="index-4.html">Home page 03</a></li>
<li><a href="index-5.html">Home page 04</a></li>
<li><a href="index-6.html">Home page 05</a></li>
<li><a href="index-7.html">Home page 06</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">About</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="faq.html">FAQ's</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Services</a>
<ul>
<li><a href="services.html">All Services</a></li>
<li><a href="service-detail.html">Commercial Design</a></li>
<li><a href="service-detail.html">Landescape Design</a></li>
<li><a href="service-detail.html">Interior Design</a></li>
<li><a href="service-detail.html">Complete Interior</a></li>
<li><a href="service-detail.html">House Interior</a></li>
<li><a href="service-detail.html">Service Detail</a></li>
</ul>
</li>
<li class="current dropdown"><a href="#">Projects</a>
<ul>
<li><a href="projects.html">Projects</a></li>
<li><a href="project-detail.html">Project Detail</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Blog</a>
<ul>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-classic.html">Blog Classic</a></li>
<li><a href="blog-detail.html">Blog Detail 01</a></li>
<li><a href="blog-detail-2.html">Blog Detail 02</a></li>
<li><a href="error-page.html">Error Page</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Shop</a>
<ul>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-single.html">Product Details</a></li>
<li><a href="shoping-cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout Page</a></li>
<li><a href="login.html">Registration Page</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
<li class="dropdown has-mega-menu"><a href="#">Pages</a>
<div class="mega-menu">
<div class="mega-menu-bar row clearfix">
<div class="column col-lg-3 col-md-3 col-sm-12">
<h3>About</h3>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="faq.html">FAQ's</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="login.html">Login</a></li>
</ul>
</div>
<div class="column col-lg-3 col-md-3 col-sm-12">
<h3>Services</h3>
<ul>
<li><a href="services.html">All Services</a></li>
<li><a href="service-detail.html">Commercial Design</a></li>
<li><a href="service-detail.html">Landescape Design</a></li>
<li><a href="service-detail.html">Complete Interior</a></li>
<li><a href="service-detail.html">Service Detail</a></li>
</ul>
</div>
<div class="column col-lg-3 col-md-3 col-sm-12">
<h3>Projects</h3>
<ul>
<li><a href="projects.html">Projects</a></li>
<li><a href="projects.html">Commercial Projects</a></li>
<li><a href="projects.html">Landescape Projects</a></li>
<li><a href="project-detail.html">Project Detail</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="column col-lg-3 col-md-3 col-sm-12">
<h3>Blog</h3>
<ul>
<li><a href="blog.html">Blog Grid</a></li>
<li><a href="blog-classic.html">Blog Classic</a></li>
<li><a href="blog-detail.html">Blog Detail 01</a></li>
<li><a href="blog-detail-2.html">Blog Detail 01</a></li>
<li><a href="error-page.html">Error Page</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
</nav><!-- Main Menu End-->
<!-- Outer Box-->
<div class="outer-box">
<!--Search Box-->
<div class="search-box-outer">
<div class="dropdown">
<button class="search-box-btn dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="fa fa-search"></span></button>
<ul class="dropdown-menu pull-right search-panel" aria-labelledby="dropdownMenu3">
<li class="panel-outer">
<div class="form-container">
<form method="post" action="#">
<div class="form-group">
<input type="search" name="field-name" value="" placeholder="Search Here" required>
<button type="submit" class="search-btn"><span class="fa fa-search"></span></button>
</div>
</form>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!--End Main Header -->
<!--Page Title-->
<section class="page-title" style="background-image:url(images/background/10.jpg);">
<div class="auto-container">
<div class="inner-container clearfix">
<div class="title-box">
<h1>Project Detail</h1>
<span class="title">The Interior speak for themselves</span>
</div>
<ul class="bread-crumb clearfix">
<li><a href="index-2.html">Home</a></li>
<li>Project Detail</li>
</ul>
</div>
</div>
</section>
<!--End Page Title-->
<!--Project Detail Section-->
<section class="project-details-section">
<div class="project-detail">
<div class="auto-container">
<!-- Upper Box -->
<div class="upper-box">
<!--Project Tabs-->
<div class="project-tabs tabs-box clearfix">
<!--Tab Btns-->
<ul class="tab-btns tab-buttons clearfix">
<li data-tab="#tab-1" class="tab-btn active-btn"><img src="images/resource/project-thumb-1.jpg" alt=""></li>
<li data-tab="#tab-2" class="tab-btn"><img src="images/resource/project-thumb-2.jpg" alt=""></li>
<li data-tab="#tab-3" class="tab-btn"><img src="images/resource/project-thumb-3.jpg" alt=""></li>
</ul>
<!--Tabs Container-->
<div class="tabs-content">
<!--Tab / Active Tab-->
<div class="tab active-tab" id="tab-1">
<figure class="image"><a href="images/resource/project-single-1.jpg" class="lightbox-image" data-fancybox="images"><img src="images/resource/project-single-1.jpg" alt=""></a></figure>
</div>
<!--Tab-->
<div class="tab" id="tab-2">
<figure class="image"><a href="images/resource/project-single-2.jpg" class="lightbox-image" data-fancybox="images"><img src="images/resource/project-single-2.jpg" alt=""></a></figure>
</div>
<!--Tab-->
<div class="tab" id="tab-3">
<figure class="image"><a href="images/resource/project-single-3.jpg" class="lightbox-image" data-fancybox="images"><img src="images/resource/project-single-3.jpg" alt=""></a></figure>
</div>
</div>
</div>
</div>
<!--Lower Content-->
<div class="lower-content">
<div class="row clearfix">
<!--Content Column-->
<div class="content-column col-lg-8 col-md-12 col-sm-12">
<div class="inner-column">
<h2>Project Descripation</h2>
<p>Well we’re movin’ on up to the east side. To a deluxe apartment in the sky. The weather started getting rough – the tiny ship was tossed. If not for the courage of the fearless crew the Minnow would be lost. the Minnow would be lost. We’re gonna do it. On your mark get set and go now. Got a dream and we just know now we’re gonna make our dream come true. I have always wanted to have a neighbor just like you. I’ve always wanted to live in a neighborhood with you.</p>
<h4>Project Challenge</h4>
<p>It’s time to put on makeup. It’s time to dress up right. It’s time to raise the curtain on the Muppet Show tonight. The mate was a mighty sailin’ man the Skipper brave and sure.</p>
<ul class="list-style-one">
<li>Five passengers set sail that day for a three hour</li>
<li>Till the one day when the lady met this fellow</li>
<li>Family that’s the way we all became the brady</li>
<li>Champion the cause of the innocent career</li>
<li>Now were up in the big leagues getting’ turn</li>
<li>The powerless in a world of criminals operate</li>
</ul>
<h4>What We Did</h4>
<p>Then along come two they got nothin’ but their jeans. Texas tea. Knight Rider: A shadowy flight into the dangerous world of a man who does not exist. The first mate and his Skipper too will do their very best to make the tropic island nest.</p>
<h4>RESULT</h4>
<p>That’s just a little bit more than the law will allow. We’re gonna do it. On your mark get set and go now. Got a dream and we just know now we’re gonna make our dream come true. Makin their way the only way they know how. That’s just a little bit more than the law will allow.</p>
</div>
</div>
<!--Info Column-->
<div class="info-column col-lg-4 col-md-12 col-sm-12 ">
<div class="inner-column wow fadeInRight">
<h3>Project Information</h3>
<p>These men promptly escaped from a maximum security stockade to the Los Angeles underground. Love exciting and new. Come aboard were expecting you. Love life's sweetest reward Let it flow it floats back to you. Well the first thing you know ol' Jeds a mil lionaire infolk said Jed move away.</p>
<ul class="info-list">
<li><strong>Client :</strong> Mandola Mogana</li>
<li><strong>Location :</strong> London Donec eleifend 96502</li>
<li><strong>Surface Area :</strong> 500,000 m2</li>
<li><strong>Year Completed :</strong> 2017</li>
<li><strong>Value :</strong> $550.000</li>
<li><strong>Architect :</strong> Harri & Gary</li>
</ul>
<!--Help Box-->
<div class="help-box-two">
<div class="inner">
<span class="title">Quick Contact</span>
<h2>Get Solution</h2>
<div class="text">Contact us at the Interior office nearest to you or submit a business inquiry online.</div>
<a class="theme-btn btn-style-two" href="contact.html">Contact</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End Portfolio Details-->
<!-- Main Footer -->
<footer class="main-footer alternate" style="background-image: url(images/background/5.jpg);">
<div class="auto-container">
<!--Widgets Section-->
<div class="widgets-section">
<div class="row">
<!--Big Column-->
<div class="big-column col-xl-7 col-lg-12 col-md-12 col-sm-12">
<div class="row">
<!--Footer Column-->
<div class="footer-column col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="footer-widget about-widget">
<div class="footer-logo">
<figure>
<a href="index-2.html"><img src="images/footer-logo.png" alt=""></a>
</figure>
</div>
<div class="widget-content">
<div class="text">Contra and layouts, in content of dummy text is nonsensical.typefaces of dummy text is appearance of different general the content of dummy text is nonsensical. typefaces of dummy text is nonsensical.</div>
</div>
</div>
</div>
<!--Footer Column-->
<div class="footer-column col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="footer-widget recent-posts">
<h2 class="widget-title">Recent Posts</h2>
<!--Footer Column-->
<div class="widget-content">
<div class="post">
<div class="thumb"><a href="blog-detail.html"><img src="images/resource/post-thumb-1.jpg" alt=""></a></div>
<h4><a href="blog-detail.html">Triangle Concrete House on lake</a></h4>
<ul class="info">
<li>26 Aug</li>
<li>3 Comments</li>
</ul>
</div>
<div class="post">
<div class="thumb"><a href="blog-detail.html"><img src="images/resource/post-thumb-2.jpg" alt=""></a></div>
<h4><a href="blog-detail.html">The Amazing Interior for the Hotel art</a></h4>
<ul class="info">
<li>26 Aug</li>
<li>3 Comments</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Big Column-->
<div class="big-column col-xl-5 col-lg-12 col-md-12 col-sm-12">
<div class="row clearfix">
<div class="footer-column col-xl-5 col-lg-6 col-md-6 col-sm-12">
<div class="footer-widget links-widget">
<h2 class="widget-title">Useful links</h2>
<div class="widget-content">
<ul class="list">
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="projects.html">Project</a></li>
<li><a href="blog-classic.html">News</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<!--Footer Column-->
<div class="footer-column col-xl-7 col-lg-6 col-md-6 col-sm-12">
<div class="footer-widget gallery-widget">
<h2 class="widget-title">Recent Works</h2>
<div class="widget-content">
<div class="outer clearfix">
<figure class="image">
<a href="images/gallery/1.jpg" class="lightbox-image" title="Image Title Here"><img src="images/resource/work-thumb-1.jpg" alt=""></a>
</figure>
<figure class="image">
<a href="images/gallery/2.jpg" class="lightbox-image" title="Image Title Here"><img src="images/resource/work-thumb-2.jpg" alt=""></a>
</figure>
<figure class="image">
<a href="images/gallery/3.jpg" class="lightbox-image" title="Image Title Here"><img src="images/resource/work-thumb-3.jpg" alt=""></a>
</figure>
<figure class="image">
<a href="images/gallery/4.jpg" class="lightbox-image" title="Image Title Here"><img src="images/resource/work-thumb-4.jpg" alt=""></a>
</figure>
<figure class="image">
<a href="images/gallery/5.jpg" class="lightbox-image" title="Image Title Here"><img src="images/resource/work-thumb-5.jpg" alt=""></a>
</figure>
<figure class="image">
<a href="images/gallery/1.jpg" class="lightbox-image" title="Image Title Here"><img src="images/resource/work-thumb-6.jpg" alt=""></a>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Footer Bottom-->
<div class="footer-bottom">
<div class="auto-container">
<div class="inner-container clearfix">
<div class="social-links">
<ul class="social-icon-two">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-whatsapp"></i></a></li>
</ul>
</div>
<div class="copyright-text">
<a href="https://www.templateshub.net" target="_blank">Templates Hub</a>
</div>
</div>
</div>
</div>
</footer>
<!-- End Main Footer -->
</div>
<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-circle-o-up"></span></div>
<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/appear.js"></script>
<script src="js/mixitup.js"></script>
<script src="js/script.js"></script>
<!-- Color Setting -->
<script src="js/color-settings.js"></script>
</body>
<!-- project-detail27:18-->
</html>
Zerion Mini Shell 1.0