Edit file File name : blog-3.html Content :<!DOCTYPE html> <html lang="en"> <!-- Mirrored from brick.qtcmedia.com/html/blog-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:15:28 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>info@qtcmedia.com</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 THREE</h3> <ul> <li><a href="index.html">Home</a></li> <li class="active"><a href="blog-3.html">Blog</a></li> </ul> </div> </div> </section> <!-- END BANNER --> <!-- BEGIN BLOG --> <section class="blog-v1 latest-news set-padding set-min-height-text"> <div class="uk-container uk-container-center"> <div class="uk-grid uk-grid-match"> <div class="uk-width-medium-1-3 uk-width-small-1-2 uk-width-1-1"> <div class="box set-height-group"> <div class="box-img"> <a href="#"><img src="images/blog-3/blog-1-1.jpg" alt=""></a> </div> <div class="box-content"> <div class="box-content-title set-height"> <a href="#" class="brick-hover-child-color-yellow"><h3 class="basic-height">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 con sequat dolor vulputate.</p> </div> <a href="#" class="read-more brick-hover-color-yellow">READ MORE</a> </div> </div> </div> <div class="uk-width-medium-1-3 uk-width-small-1-2 uk-width-1-1"> <div class="box set-height-group"> <div class="box-img"> <a href="#"><img src="images/blog-3/blog-1-2.jpg" alt=""></a> </div> <div class="box-content"> <div class="box-content-title set-height"> <a href="#" class="brick-hover-child-color-yellow"><h3 class="basic-height">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 con sequat dolor vulputate.</p> </div> <a href="#" class="read-more brick-hover-color-yellow">READ MORE</a> </div> </div> </div> <div class="uk-width-medium-1-3 uk-width-small-1-2 uk-width-1-1"> <div class="box set-height-group"> <div class="box-img"> <a href="#"><img src="images/blog-3/blog-1-3.jpg" alt=""></a> </div> <div class="box-content"> <div class="box-content-title set-height"> <a href="#" class="brick-hover-child-color-yellow"><h3 class="basic-height">Building & Construction News in South Africa - Bizcommunity</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 con sequat dolor vulputate.</p> </div> <a href="#" class="read-more brick-hover-color-yellow">READ MORE</a> </div> </div> </div> <div class="uk-width-medium-1-3 uk-width-small-1-2 uk-width-1-1"> <div class="box set-height-group"> <div class="box-img"> <a href="#"><img src="images/blog-3/blog-2-1.jpg" alt=""></a> </div> <div class="box-content"> <div class="box-content-title set-height"> <a href="#" class="brick-hover-child-color-yellow"><h3 class="basic-height">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 con sequat dolor vulputate.</p> </div> <a href="#" class="read-more brick-hover-color-yellow">READ MORE</a> </div> </div> </div> <div class="uk-width-medium-1-3 uk-width-small-1-2 uk-width-1-1"> <div class="box set-height-group"> <div class="box-img"> <a href="#"><img src="images/blog-3/blog-2-2.jpg" alt=""></a> </div> <div class="box-content"> <div class="box-content-title set-height"> <a href="#" class="brick-hover-child-color-yellow"><h3 class="basic-height">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 con sequat dolor vulputate.</p> </div> <a href="#" class="read-more brick-hover-color-yellow">READ MORE</a> </div> </div> </div> <div class="uk-width-medium-1-3 uk-width-small-1-2 uk-width-1-1"> <div class="box set-height-group"> <div class="box-img"> <a href="#"><img src="images/blog-3/blog-2-3.jpg" alt=""></a> </div> <div class="box-content"> <div class="box-content-title set-height"> <a href="#" class="brick-hover-child-color-yellow"><h3 class="basic-height">Building & Construction News in South Africa - Bizcommunity</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 con sequat dolor vulputate.</p> </div> <a href="#" class="read-more brick-hover-color-yellow">READ MORE</a> </div> </div> </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> </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">Info@qtcmedia.com</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-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:15:48 GMT --> </html> Save