ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<!-- blog-detail-227:31-->
<head>
<meta charset="utf-8">
<title>Contra - Interior Creator HTML Template | Blog Detail 02</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="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="current 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>News 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>Blog Detail</li>
</ul>
</div>
</div>
</section>
<!--End Page Title-->
<!-- Blog Detail -->
<div class="blog-detail style-two">
<div class="inner-container">
<!-- News Block -->
<div class="news-block-two">
<div class="inner-box">
<div class="image-box">
<figure class="image"><img src="images/resource/blog-single-1.jpg" alt=""></figure>
<a href="https://www.youtube.com/watch?v=Fvae8nxzVz4" class="link" data-fancybox="gallery" data-caption=""><span class="icon fa fa-play"></span></a>
</div>
<div class="caption-box">
<div class="inner">
<h3>In Good Taste: Mark Finlay Architects & Interiors.</h3>
<ul class="info">
<li>06 June 2018,</li>
<li><a href="blog-detail-2.html">John Smith,</a></li>
<li><a href="blog-detail-2.html">3 Commets</a></li>
</ul>
<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
<p>Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on integration.</p>
<blockquote>
<i class="icon fa fa-quote-left"></i> Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks and mortar solutions without functional solutions.
</blockquote>
<div class="tow-column row">
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<figure class="image"><img src="images/resource/post-image-1.jpg" alt=""></figure>
</div>
<div class="text-column col-lg-6 col-md-12 col-sm-12">
<p>Collaboratively administrate empowered markets via plug and play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Keeping your eye on the ball while performing a deep dive on the start-u0p mentality to derive convergence integration. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. Podcasting operational change management inside of workflows to establish a framework. Keeping your eye on the ball.</p>
</div>
</div>
<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
<p>Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on integration.</p>
</div>
</div>
</div>
</div>
<!-- Tags -->
<div class="tags clearfix">
<span class="title">Tags:</span>
<ul>
<li><a href="#">Business</a></li>
<li><a href="#">Financial</a></li>
<li><a href="#">Life</a></li>
<li><a href="#">Investment</a></li>
</ul>
</div>
<!-- Share Option -->
<div class="share-option">
<span class="title">Share This:</span>
<ul class="social-icon-colored clearfix">
<li class="facebook"><a href="#"><i class="fa fa-facebook"></i>Facebook</a></li>
<li class="twitter"><a href="#"><i class="fa fa-twitter"></i>Twitter</a></li>
<li class="google-plus"><a href="#"><i class="fa fa-google-plus"></i>Google Plus</a></li>
<li class="pinterest"><a href="#"><i class="fa fa-pinterest-p"></i>Pinterest</a></li>
<li class="mail"><a href="#"><i class="fa fa-envelope"></i>Mail to Friends</a></li>
</ul>
</div>
<div class="row">
<div class="comments-column col-lg-6 col-md-12 col-sm-12">
<!-- Comments Area -->
<div class="comments-area">
<div class="group-title"><h2>Comments 03</h2></div>
<div class="comment-box">
<div class="comment">
<div class="author-thumb"><img src="images/resource/thumb-4.jpg" alt=""></div>
<div class="comment-info">
<div class="name">Rayan Collins</div>
<div class="date">November 6, 2017</div>
</div>
<div class="text">It’s no secret that the digital industry is booming. From exciting startups to global brands, companies are reaching out.</div>
<a href="#" class="reply-btn">Reply</a>
</div>
</div>
<div class="comment-box">
<div class="comment">
<div class="author-thumb"><img src="images/resource/thumb-5.jpg" alt=""></div>
<div class="comment-info">
<div class="name">Adrene Rich</div>
<div class="date">November 6, 2017</div>
</div>
<div class="text">It’s no secret that the digital industry is booming. From exciting startups to global brands, are reaching out.</div>
<a href="#" class="reply-btn">Reply</a>
</div>
</div>
<div class="comment-box">
<div class="comment">
<div class="author-thumb"><img src="images/resource/thumb-6.jpg" alt=""></div>
<div class="comment-info">
<div class="name">Silvia Plath</div>
<div class="date">November 6, 2017</div>
</div>
<div class="text">It’s no secret that the digital industry is booming. From exciting startups to global brands.</div>
<a href="#" class="reply-btn">Reply</a>
</div>
</div>
</div>
</div>
<div class="form-column col-lg-6 col-md-12 col-sm-12">
<!--Comment Form-->
<div class="comment-form">
<div class="group-title">
<h2>Leave a Comment</h2>
</div>
<form method="post" action="#">
<div class="form-group">
<input type="text" name="username" placeholder="Name" required="">
</div>
<div class="form-group">
<input type="email" name="email" placeholder="Mail Address" required="">
</div>
<div class="form-group">
<textarea name="message" placeholder="Your Comments"></textarea>
</div>
<div class="form-group">
<button class="theme-btn btn-style-one" type="submit" name="submit-form">Post Comment</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- End Blog Detail -->
<!-- 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>
<!-- blog-detail-227:33-->
</html>
Zerion Mini Shell 1.0