<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from brick.qtcmedia.com/html/blog-2.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:15:26 GMT -->
<head>
<meta charset="UTF-8">
<title>The Birck Architechture & Construction - HTML Template</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="plugins/normalize.css" rel="stylesheet" type="text/css">
<link href="plugins/uikit-2.27.2/css/uikit.min.css" rel="stylesheet" type="text/css">
<link href="plugins/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN TEMPLATE LAYOUT STYLES -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<!-- END TEMPLATE LAYOUT STYLES -->
<link rel="shortcut icon" href="images/favicon.ico" />
</head>
<body>
<!-- BEGIN HEADER -->
<header class="header-v1" data-uk-sticky="{top: -500, animation: 'uk-animation-slide-top'}">
<div id="justify_mega" class="header">
<div class="top-bar hidden-mobile">
<div class="uk-container uk-container-center uk-clearfix">
<div class="uk-grid">
<div class="uk-width-medium-4-10 uk-width-small-1-1 uk-width-1-1 set-width-3-10">
<div class="logo brick-flex-box">
<a href="index.html"><img src="images/header/logo-yellow.png" alt=""></a>
</div>
</div>
<div class="uk-width-medium-6-10 uk-width-small-1-1 uk-width-1-1 hidden-mobile set-width-7-10">
<div class="uk-grid">
<div class="uk-width-medium-3-10 uk-width-small-1-1 uk-width-1-1">
<div class="brick-flex-box">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="fa fa-envelope"></span>
</div>
<div class="box-text">
<h5>EMAIL</h5>
<a href="info%40qtcmedia.html"><p>[email protected]</p></a>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-3-10 uk-width-small-1-1 uk-width-1-1">
<div class="brick-flex-box">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="fa fa-phone"></span>
</div>
<div class="box-text">
<h5>24/7 SUPPORT</h5>
<p>(+1) 000 666 888</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-4-10 uk-width-small-1-1 uk-width-1-1">
<div class="brick-flex-box">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="fa fa-map-marker"></span>
</div>
<div class="box-text">
<h5>WE ARE HERE</h5>
<p>Road Isle of Palms New York 03828</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-center">
<nav class="menu-primary uk-clearfix">
<ul class="uk-navbar-nav uk-flex uk-flex-center main-menu">
<li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}">
<a href="index.html">HOME</a>
<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom">
<ul class="uk-nav uk-nav-navbar">
<li class="brick-hover-child-color-yellow"><a href="index-2.html">HOME TWO<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="index-3.html">HOME THREE<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="index-4.html">HOME FOUR<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="index-5.html">HOME FIVE<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="index-6.html">HOME SIX<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
</ul>
</div>
</li>
<li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}">
<a href="portfolio-1.html">PORTFOLIO</a>
<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom">
<ul class="uk-nav uk-nav-navbar">
<li class="brick-hover-child-color-yellow"><a href="portfolio-2.html">PORTFOLIO TWO<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="portfolio-detail.html">PORTFOLIO DETAIL<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
</ul>
</div>
</li>
<li class="brick-hover-child-color-yellow"><a href="contact.html">CONTACT</a></li>
<li class="active uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}">
<a href="blog-1.html">BLOG</a>
<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom">
<ul class="uk-nav uk-nav-navbar">
<li class="brick-hover-child-color-yellow"><a href="blog-2.html">BLOG TWO<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="blog-3.html">BLOG THREE<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="blog-detail.html">BLOG DETAILS<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
</ul>
</div>
</li>
<li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}">
<a href="shop.html">SHOP</a>
<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom">
<ul class="uk-nav uk-nav-navbar">
<li class="brick-hover-child-color-yellow"><a href="product-detail.html">PRODUCT DETAIL<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
</ul>
</div>
</li>
<li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}">
<a>PAGES</a>
<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom">
<ul class="uk-nav uk-nav-navbar">
<li class="brick-hover-child-color-yellow"><a href="about.html">ABOUT US<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="our-team.html">OUR TEAM<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="clients-say.html">CLIENTS SAY<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="faq.html">FAQ's<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="coming-soon.html">COMING SOON<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="maintenance.html">MAINTENANCE PAGE<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
</ul>
</div>
</li>
<li class="mega-menu uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0', justify:'#justify_mega'}">
<a href="#">MEGA</a>
<div class="uk-dropdown">
<div class="uk-container uk-container-center">
<div class="uk-grid">
<div class="uk-width-medium-1-4 uk-width-small-1-1 uk-width-1-1">
<div class="submenu">
<div class="submenu-title">
<h5>SUB MENU 01</h5>
</div>
<ul>
<li class="brick-hover-child-color-yellow"><a href="#">Sub menu 01-01<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="#">Sub menu 01-02<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
</ul>
</div>
</div>
<div class="uk-width-medium-1-4 uk-width-small-1-1 uk-width-1-1">
<div class="submenu">
<div class="submenu-title">
<h5>SUB MENU 02</h5>
<div class="omb-line omb-line-orange"></div>
</div>
<ul>
<li class="brick-hover-child-color-yellow"><a href="#">Sub menu 02-01<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="#">Sub menu 02-02<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
</ul>
</div>
</div>
<div class="uk-width-medium-1-4 uk-width-small-1-1 uk-width-1-1">
<div class="submenu">
<div class="submenu-title">
<h5>SUB MENU 03</h5>
<div class="omb-line omb-line-orange"></div>
</div>
<ul>
<li class="brick-hover-child-color-yellow"><a href="#">Sub menu 03-01<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="#">Sub menu 03-02<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
</ul>
</div>
</div>
<div class="uk-width-medium-1-4 uk-width-small-1-1 uk-width-1-1">
<div class="submenu">
<div class="submenu-title">
<h5>SUB MENU 04</h5>
<div class="omb-line omb-line-orange"></div>
</div>
<ul>
<li class="brick-hover-child-color-yellow"><a href="#">Sub menu 04-01<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="#">Sub menu 04-02<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="cart brick-hover-child-color-yellow">
<a href="shop.html">
<span class="fa fa-shopping-cart"></span>
</a>
</li>
</ul>
</nav>
<div class="mobile-logo">
<a href="index.html"><img src="images/header/logo-yellow.png" alt=""></a>
</div>
<div class="search" data-uk-dropdown="{mode:'click', pos:'bottom-right'}">
<a href="shop.html" class="cart brick-hover-color-yellow"><span class="fa fa-shopping-cart"></span></a>
<a href="#" class="brick-hover-color-yellow"><span class="fa fa-search"></span></a>
<div class="uk-dropdown">
<form id="search_form_one" class="uk-form" action="#" method="post">
<input type="text" placeholder="Search...">
</form>
</div>
<div class="toggle-icon">
<a href="#" class="brick-hover-color-yellow"><span class="fa fa-bars"></span></a>
</div>
</div>
</div>
</div>
<div class="mobile-menu">
<nav class="nav-holder">
<ul>
<li class="has-submenu brick-hover-child-color-yellow">
<a href="index.html">HOME</a>
<ul class="submenu">
<li class="brick-hover-child-color-yellow"><a href="index-2.html">Home two</a></li>
<li class="brick-hover-child-color-yellow"><a href="index-3.html">Home three</a></li>
<li class="brick-hover-child-color-yellow"><a href="index-4.html">Home four</a></li>
<li class="brick-hover-child-color-yellow"><a href="index-5.html">Home five</a></li>
<li class="brick-hover-child-color-yellow"><a href="index-6.html">Home six</a></li>
</ul>
</li>
<li class="has-submenu brick-hover-child-color-yellow">
<a href="portfolio-1.html">PORTFOLIO</a>
<ul class="submenu">
<li class="brick-hover-child-color-yellow"><a href="portfolio-2.html">Portfolio two</a></li>
<li class="brick-hover-child-color-yellow"><a href="portfolio-detail.html">Portfolio detail </a></li>
</ul>
</li>
<li class="brick-hover-child-color-yellow"><a href="contact.html">CONTACT</a></li>
<li class="has-submenu brick-hover-child-color-yellow">
<a href="blog-1.html">BLOG</a>
<ul class="submenu">
<li class="brick-hover-child-color-yellow"><a href="blog-2.html">Blog two</a></li>
<li class="brick-hover-child-color-yellow"><a href="blog-3.html">Blog three</a></li>
<li class="brick-hover-child-color-yellow"><a href="blog-detail.html">Blog detail</a></li>
</ul>
</li>
<li class="has-submenu brick-hover-child-color-yellow">
<a href="shop.html">SHOP</a>
<ul class="submenu">
<li class="brick-hover-child-color-yellow"><a href="product-detail.html">Product detail</a></li>
</ul>
</li>
<li class="has-submenu brick-hover-child-color-yellow">
<a>PAGES</a>
<ul class="submenu">
<li class="brick-hover-child-color-yellow"><a href="about.html">About us</a></li>
<li class="brick-hover-child-color-yellow"><a href="our-team.html">Our team</a></li>
<li class="brick-hover-child-color-yellow"><a href="clients-say.html">Clients say</a></li>
<li class="brick-hover-child-color-yellow"><a href="faq.html">FAQ's</a></li>
<li class="brick-hover-child-color-yellow"><a href="coming-soon.html">Coming soon</a></li>
<li class="brick-hover-child-color-yellow"><a href="maintenance.html">Maintenance page</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</header>
<!-- END HEADER -->
<!-- BEGIN CONTAINER -->
<!-- BEGIN BANNER -->
<section class="brick-banner">
<div class="uk-container uk-container-center">
<div class="title">
<h3>BLOG TWO</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="blog-2.html">Blog</a></li>
</ul>
</div>
</div>
</section>
<!-- END BANNER -->
<!-- BEGIN BLOG -->
<section class="blog-v2 latest-news set-padding">
<div class="uk-container uk-container-center">
<div class="uk-grid">
<div class="uk-width-medium-3-4 uk-width-small-1-1 uk-width-1-1">
<div class="box">
<div class="box-img">
<a href="#"><img src="images/blog-2/blog-1.jpg" alt=""></a>
</div>
<div class="box-content">
<div class="box-content-title">
<a href="#" class="brick-hover-child-color-yellow"><h3>Construction news and building products for specifiers</h3></a>
</div>
<div class="box-content-meta">
<i>Jan 01, 2017</i>
<span class="brick-color-yellow">Bulding, Construction</span>
</div>
<div class="box-content-p">
<p>Mauris est mi, facilisis vel turpis ac, consectetur cursus tortor. Suspendisse aliquam ex in eros ornare, eget consequat dolor vulputate. Proin non finibus tortor. Aliquam semper elit nec tortor ullamcorper, nec faucibus quam lobortis. Nulla volutpat, tellus sit amet elemen tum maximus, magna felis tristique ante, sed malesuada turpis libero a mi. Cras et mi ligula.</p>
</div>
<a href="#" class="read-more brick-hover-color-yellow">READ MORE</a>
</div>
</div>
<div class="box">
<div class="box-img">
<a href="#"><img src="images/blog-2/blog-2.jpg" alt=""></a>
</div>
<div class="box-content">
<div class="box-content-title">
<a href="#" class="brick-hover-child-color-yellow"><h3>Tomorrow's Buildings: Construction industry goes robotic</h3></a>
</div>
<div class="box-content-meta">
<i>Jan 01, 2017</i>
<span class="brick-color-yellow">Bulding, Construction</span>
</div>
<div class="box-content-p">
<p>Mauris est mi, facilisis vel turpis ac, consectetur cursus tortor. Suspendisse aliquam ex in eros ornare, eget consequat dolor vulputate. Proin non finibus tortor. Aliquam semper elit nec tortor ullamcorper, nec faucibus quam lobortis. Nulla volutpat, tellus sit amet elemen tum maximus, magna felis tristique ante, sed malesuada turpis libero a mi. Cras et mi ligula.</p> </div>
<a href="#" class="read-more brick-hover-color-yellow">READ MORE</a>
</div>
</div>
<div class="box">
<div class="box-img">
<a href="#"><img src="images/blog-2/blog-3.jpg" alt=""></a>
</div>
<div class="box-content">
<div class="box-content-title">
<a href="#" class="brick-hover-child-color-yellow"><h3>Building & Construction News in South Africa</h3></a>
</div>
<div class="box-content-meta">
<i>Jan 01, 2017</i>
<span class="brick-color-yellow">Bulding, Construction</span>
</div>
<div class="box-content-p">
<p>Mauris est mi, facilisis vel turpis ac, consectetur cursus tortor. Suspendisse aliquam ex in eros ornare, eget consequat dolor vulputate. Proin non finibus tortor. Aliquam semper elit nec tortor ullamcorper, nec faucibus quam lobortis. Nulla volutpat, tellus sit amet elemen tum maximus, magna felis tristique ante, sed malesuada turpis libero a mi. Cras et mi ligula.</p> </div>
<a href="#" class="read-more brick-hover-color-yellow">READ MORE</a>
</div>
</div>
<div class="brick-pagination">
<ul>
<li class="arow-prev brick-hover-child-background-yellow"><a href="#"><span class="fa fa-angle-left"></span></a></li>
<li class="brick-hover-child-background-yellow"><a href="#">1</a></li>
<li class="brick-hover-child-background-yellow"><a href="#">2</a></li>
<li class="active brick-hover-child-background-yellow"><a href="#">3</a></li>
<li class="brick-hover-child-background-yellow"><a href="#">4</a></li>
<li class="brick-hover-child-background-yellow"><a href="#">5</a></li>
<li class="arow-next brick-hover-child-background-yellow"><a href="#"><span class="fa fa-angle-right"></span></a></li>
</ul>
</div>
</div>
<div class="uk-width-medium-1-4 uk-width-small-1-1 uk-width-1-1">
<div class="brick-sidebar">
<div class="sidebar-about-brick sidebar-box">
<h3 class="brick-color-yellow">About The Brick</h3>
<p>Vestibulum nunc justo, hendre et pretium sed, tempus eu duirit. Nullam quis dui a nibh aliquet consequat. Sed sodales velit ac lacus viverra blandit. In hac habitasse platea dictumst.</p>
</div>
<div class="sidebar-recent-project sidebar-box">
<h3 class="brick-background-yellow">Recent Projects</h3>
<ul>
<li class="brick-hover-full-color-yellow"><a href="#"><span class="fa fa-flag-checkered"></span>Building Coach House</a></li>
<li class="brick-hover-full-color-yellow"><a href="#"><span class="fa fa-flag-checkered"></span>Tower Building</a></li>
<li class="brick-hover-full-color-yellow"><a href="#"><span class="fa fa-flag-checkered"></span>The Green Hotel</a></li>
<li class="brick-hover-full-color-yellow"><a href="#"><span class="fa fa-flag-checkered"></span>American House With Pool</a></li>
<li class="brick-hover-full-color-yellow"><a href="#"><span class="fa fa-flag-checkered"></span>Advanced School</a></li>
</ul>
</div>
<div class="sidebar-services uk-clearfix">
<div class="brick-flex-box brick-hover-full-color-yellow uk-float-left">
<div class="box-services">
<span class="fa fa-cogs"></span>
<a href="#"><h3>BUILDING</h3></a>
</div>
</div>
<div class="brick-flex-box brick-hover-full-color-yellow uk-float-right">
<div class="box-services">
<span class="fa fa-cubes"></span>
<a href="#"><h3>CONSTRUCTION</h3></a>
</div>
</div>
<div class="brick-flex-box brick-hover-full-color-yellow uk-float-left">
<div class="box-services">
<span class="fa fa-empire"></span>
<a href="#"><h3>ARCHITECTURE</h3></a>
</div>
</div>
<div class="brick-flex-box brick-hover-full-color-yellow uk-float-right">
<div class="box-services">
<span class="fa fa-pencil"></span>
<a href="#"><h3>DESIGN</h3></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END BLOG -->
<!-- BEGIN GET FREE QUOTE -->
<section class="get-free-quote">
<div class="uk-container uk-container-center">
<div class="title-h3">
<h3>GET FREE QUOTE</h3>
</div>
<div class="get-quote-form">
<form id="get_free_quote" class="uk-form" action="#" method="post">
<div class="uk-form-icon">
<i class="fa fa-paper-plane"></i>
<input type="text" placeholder="Enter Your Email" class="uk-width-1-1 brick-background-yellow">
</div>
</form>
</div>
</div>
</section>
<!-- END GET FREE QUOTE -->
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<footer class="footer-v1">
<div class="footer">
<div class="uk-container uk-container-center">
<div class="uk-grid">
<div class="uk-width-medium-1-3 uk-width-small-1-1 uk-width-1-1">
<div class="box">
<div class="box-logo">
<a href="index.html"><img src="images/footer/logo-yellow.png" alt=""></a>
</div>
<div class="box-content">
<div class="box-content-p">
<p>Vestibulum iaculis rhoncus lacus, eu venenat massa hendrerit non. Sed dignissim nec duised dignissim. Etiam nec arcu mauris. Donec rhon cus lorem quam, a mollis tellus.</p>
</div>
<div class="box-content-social">
<ul>
<li class="brick-hover-child-color-yellow"><a href="#"><span class="fa fa-facebook"></span></a></li>
<li class="brick-hover-child-color-yellow"><a href="#"><span class="fa fa-vimeo"></span></a></li>
<li class="brick-hover-child-color-yellow"><a href="#"><span class="fa fa-twitter"></span></a></li>
<li class="brick-hover-child-color-yellow"><a href="#"><span class="fa fa-instagram"></span></a></li>
<li class="brick-hover-child-color-yellow"><a href="#"><span class="fa fa-google"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-3 uk-width-small-1-1 uk-width-1-1">
<div class="box">
<div class="box-title">
<h3>News From Twitter</h3>
</div>
<div class="box-content">
<div class="box-content-contact">
<ul>
<li><p><span class="fa fa-twitter brick-color-yellow"></span>Infographic: <i class="brick-color-yellow">#Architechture</i> vs <i class="brick-color-yellow">#Art</i>, which one do you choose?</p></li>
<li><p><span class="fa fa-twitter brick-color-yellow"></span>When you choose <i class="brick-color-yellow">#Life</i> or <i class="brick-color-yellow">#Money</i>, which one do you choose?</p></li>
</ul>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-3 uk-width-small-1-1 uk-width-1-1">
<div class="box">
<div class="box-title">
<h3>Main Office</h3>
</div>
<div class="box-content">
<div class="box-content-office">
<ul>
<li><span class="fa fa-phone"></span><p>(+1) 000 444 999</p></li>
<li><span class="fa fa-map-marker"></span><p>Haviva Holcomb, P.O. Box 642 3450 In Road Isle of Palms New York 03828</p></li>
<li><a href="info%40qtcmedia.html"><span class="fa fa-envelope"></span><p class="brick-hover-color-yellow">[email protected]</p></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright brick-background-yellow">
<p>©<span>The Brick</span>, All rights reserved</p>
</div>
</footer>
<!-- END FOOTER -->
<div class="brick-backtotop brick-background-yellow" data-uk-smooth-scroll><span class="fa fa-arrow-up"></span></div>
<!-- BEGIN JQUERY JS -->
<script src="plugins/jquery/jquery-1.12.4.min.js"></script>
<script src="plugins/uikit-2.27.2/js/uikit.min.js" type="text/javascript"></script>
<!-- END JQUERY JS -->
<!-- BEGIN MAIN JS -->
<script src="js/main.js"></script>
<!-- END MAIN JS -->
</body>
<!-- Mirrored from brick.qtcmedia.com/html/blog-2.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:15:28 GMT -->
</html>
|