<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from brick.qtcmedia.com/html/index-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:10:06 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">
<link href="plugins/slick-master/slick/slick.css" rel="stylesheet" type="text/css">
<link href="plugins/flat-icon/flaticon.css" rel="stylesheet" type="text/css">
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE COMPONENTS UIKIT -->
<link href="plugins/uikit-2.27.2/css/components/sticky.min.css" rel="stylesheet" type="text/css">
<link href="plugins/uikit-2.27.2/css/components/slider.min.css" rel="stylesheet" type="text/css">
<!-- END PAGE COMPONENTS UIKIT -->
<!-- BEGIN REVOLUTION SLIDER -->
<link rel="stylesheet" href="plugins/revolution/css/settings.css">
<link rel="stylesheet" href="plugins/revolution/css/layers.css">
<link rel="stylesheet" href="plugins/revolution/css/navigation.css">
<!-- END REVOLUTION SLIDER -->
<!-- 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">
<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="active 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="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 SLIDER -->
<section class="rev_slider_wrapper slider-home-three">
<div id="slider_home_three" class="rev_slider" data-version="5.0">
<ul>
<li data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" >
<img src="images/slider/02.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina/>
<div class="tp-caption tp-resizeme banner-caption-form"
data-x="['left','left','center','center']"
data-hoffset="['15','15','0','0']"
data-y="['bottom','center','center','center']"
data-voffset="['75','0','0','0']"
data-fontsize="['14','14','14','14']"
data-transform_idle="o:1;"
data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:[100%];y:0;s:inherit;e:inherit;"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
data-start="700">
<div class="box">
<div class="box-title">
<h3>GET IN TOUCH</h3>
</div>
<div class="box-text">
<p>Aliquam finibus suscipit erat, sit amet ultricies <br> magna scelerisque ac.</p>
</div>
<form id="get_in_touch_one" class="uk-form" action="#" method="post">
<input type="text" placeholder="Name">
<input type="text" placeholder="Email">
<textarea rows="5" placeholder="Message"></textarea>
<div class="brick-button brick-button-radius brick-button-yellow">
<a href="#"><h3>FREE QUOTE</h3></a>
</div>
</form>
</div>
</div>
</li>
<li data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" >
<img src="images/slider/02.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina/>
<div class="tp-caption tp-resizeme banner-caption-form"
data-x="['left','left','center','center']"
data-hoffset="['15','15','0','0']"
data-y="['bottom','center','center','center']"
data-voffset="['75','0','0','0']"
data-transform_idle="o:1;"
data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:[100%];y:0;s:inherit;e:inherit;"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
data-start="700">
<div class="box">
<div class="box-title">
<h3>GET IN TOUCH</h3>
</div>
<div class="box-text">
<p>Aliquam finibus suscipit erat, sit amet ultricies <br> magna scelerisque ac.</p>
</div>
<form id="get_in_touch_two" class="uk-form" action="#" method="post">
<input type="text" placeholder="Name">
<input type="text" placeholder="Email">
<textarea rows="5" placeholder="Message"></textarea>
<div class="brick-button brick-button-radius brick-button-yellow">
<a href="#"><h3>FREE QUOTE</h3></a>
</div>
</form>
</div>
</div>
</li>
<li data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" >
<img src="images/slider/02.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina/>
<div class="tp-caption tp-resizeme banner-caption-form"
data-x="['left','left','center','center']"
data-hoffset="['15','15','0','0']"
data-y="['bottom','center','center','center']"
data-voffset="['75','0','0','0']"
data-fontsize="['14','14','14','14']"
data-transform_idle="o:1;"
data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:[100%];y:0;s:inherit;e:inherit;"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
data-start="700">
<div class="box">
<div class="box-title">
<h3>GET IN TOUCH</h3>
</div>
<div class="box-text">
<p>Aliquam finibus suscipit erat, sit amet ultricies <br> magna scelerisque ac.</p>
</div>
<form id="get_in_touch_three" class="uk-form" action="#" method="post">
<input type="text" placeholder="Name">
<input type="text" placeholder="Email">
<textarea rows="5" placeholder="Message"></textarea>
<div class="brick-button brick-button-radius brick-button-yellow">
<a href="#"><h3>FREE QUOTE</h3></a>
</div>
</form>
</div>
</div>
</li>
</ul>
</div>
</section>
<!-- END SLIDER -->
<!-- BEGIN COUNT TO NUMBER -->
<section class="countto-number">
<div class="count-to-number brick-background-yellow">
<div class="uk-container uk-container-center">
<div class="uk-grid uk-grid-collapse">
<div class="uk-width-medium-1-4 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-number">
<h3 class="counter">3589</h3>
<p>Employees Worldwide</p>
</div>
</div>
</div>
<div class="uk-width-medium-1-4 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-number">
<h3 class="counter">7568</h3>
</div>
<div class="box-caption">
<p>Projects Completed</p>
</div>
</div>
</div>
<div class="uk-width-medium-1-4 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-number">
<h3 class="counter">256</h3>
</div>
<div class="box-caption">
<p>Companies Partner</p>
</div>
</div>
</div>
<div class="uk-width-medium-1-4 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-number">
<h3 class="counter">15</h3>
</div>
<div class="box-caption">
<p>Years of Experience</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END COUNT TO NUMBER -->
<!-- BEGIN OUR SERVICES -->
<section class="our-services-v3 set-padding">
<div class="uk-container uk-container-center">
<div class="brick-title-v3">
<div class="brick-title-h3">
<h3>Our Services</h3>
</div>
<div class="brick-title-p">
<p>Vestibulum sed fringilla velit. Curabitur vestibulum libero at magna feugiat luctus ut ac ex.</p>
</div>
<div class="brick-title-icon">
<span class="fa fa-cogs"></span>
</div>
</div>
<div class="uk-grid">
<div class="uk-width-medium-1-3 uk-width-small-1-2 uk-width-1-1">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="flaticon flaticon-concrete-mixer"></span>
</div>
<div class="box-content">
<div class="box-content-h3">
<a href="#"><h3>Construction</h3></a>
</div>
<div class="box-content-p">
<p>Praesent ut est dui integer augue eros, dapibus sit amet tincidunt sed, blandit id elit. Mauris leo justo, suscipit id diam vel.</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-3 uk-width-small-1-2 uk-width-1-1">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="flaticon flaticon-crane"></span>
</div>
<div class="box-content">
<div class="box-content-h3">
<a href="#"><h3>Building</h3></a>
</div>
<div class="box-content-p">
<p>Praesent ut est dui integer augue eros, dapibus sit amet tincidunt sed, blandit id elit. Mauris leo justo, suscipit id diam vel.</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-3 uk-width-small-1-2 uk-width-1-1">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="flaticon flaticon-compass"></span>
</div>
<div class="box-content">
<div class="box-content-h3">
<a href="#"><h3>Architecture</h3></a>
</div>
<div class="box-content-p">
<p>Praesent ut est dui integer augue eros, dapibus sit amet tincidunt sed, blandit id elit. Mauris leo justo, suscipit id diam vel.</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-3 uk-width-small-1-2 uk-width-1-1">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="flaticon flaticon-paint-brush"></span>
</div>
<div class="box-content">
<div class="box-content-h3">
<a href="#"><h3>Design</h3></a>
</div>
<div class="box-content-p">
<p>Praesent ut est dui integer augue eros, dapibus sit amet tincidunt sed, blandit id elit. Mauris leo justo, suscipit id diam vel.</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-3 uk-width-small-1-2 uk-width-1-1">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="flaticon flaticon-set-square"></span>
</div>
<div class="box-content">
<div class="box-content-h3">
<a href="#"><h3>Rebuild</h3></a>
</div>
<div class="box-content-p">
<p>Praesent ut est dui integer augue eros, dapibus sit amet tincidunt sed, blandit id elit. Mauris leo justo, suscipit id diam vel.</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-3 uk-width-small-1-2 uk-width-1-1">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="flaticon flaticon-truck"></span>
</div>
<div class="box-content">
<div class="box-content-h3">
<a href="#"><h3>Transport</h3></a>
</div>
<div class="box-content-p">
<p>Praesent ut est dui integer augue eros, dapibus sit amet tincidunt sed, blandit id elit. Mauris leo justo, suscipit id diam vel.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END OUR SERVICES -->
<!-- BEGIN SEE OUR WORK -->
<section class="see-our-work set-padding">
<div class="uk-container uk-container-center">
<div class="uk-grid">
<div class="uk-width-medium-3-5 uk-width-small-1-1 uk-width-1-1">
<div class="videos">
<div class="box-img">
<img src="images/index-3/see-our-work.jpg" alt="">
<script src="https://fast.wistia.com/embed/medias/ch6y5mk07v.jsonp" async></script>
<script src="../../fast.wistia.com/assets/external/E-v1.js" async></script>
<span class="wistia_embed wistia_async_ch6y5mk07v popover=true popoverContent=link" style="display:inline"><a href="#"><span class="fa fa-play-circle brick-color-yellow"></span></a></span>
</div>
</div>
</div>
<div class="uk-width-medium-2-5 uk-width-small-1-1 uk-width-1-1">
<div class="box">
<div class="box-title">
<h3>SEE OUR WORK</h3>
</div>
<div class="box-content">
<strong>Aliquam finibus suscipit erat, sit amet ultricies magna sceleris que ac. Sed non erat quis augue commodo rutrum vel eu enim. Donec lacinia porttitor nunc vitae placerat.</strong>
<p>Nunc vitae mauris sit amet sem scelerisque varius vitae sed justo. Morbi nec quam convallis, volutpat mi vitae, ornare eros. Morbi pretium nulla nulla, vel finibus nunc venenatis non. Nullam nec mi sit amet ipsum pellentesque tempor.</p>
</div>
<div class="brick-button brick-button-yellow brick-button-radius">
<a href="#"><h3>READ MORE</h3></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END SEE OUR WORK -->
<!-- BEGIN RECENT PROJECTS -->
<section class="recent-projects our-works set-padding">
<div class="uk-container uk-container-center">
<div class="brick-title-v3">
<div class="brick-title-h3">
<h3>RECENT PROJECTS</h3>
</div>
<div class="brick-title-p">
<p>Vestibulum sed fringilla velit. Curabitur vestibulum libero at magna feugiat luctus ut ac ex.</p>
</div>
<div class="brick-title-icon">
<span class="fa fa-cogs"></span>
</div>
</div>
</div>
<div class="our-works-slick">
<div class="our-works-slick-menu uk-clearfix">
<ul id="our_works">
<li id="all_our_works" class="active button-filter brick-hover-child-background-yellow"><a href="#">ALL</a></li>
<li id="construction" class="button-filter brick-hover-child-background-yellow"><a href="#">CONSTRUCTION</a></li>
<li id="architecture" class="button-filter brick-hover-child-background-yellow"><a href="#">ARCHITECTURE</a></li>
<li id="design" class="button-filter brick-hover-child-background-yellow"><a href="#">DESIGN</a></li>
<li id="illustrator" class="button-filter brick-hover-child-background-yellow"><a href="#">ILLUSTRATOR</a></li>
</ul>
</div>
<div class="our-works-slick-img">
<ul class="slick-slider slick-our-works">
<li class="filter-all_our_works filter-construction">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-1.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">construction</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-construction">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-2.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">construction</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-construction">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-3.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">construction</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-construction">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-4.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">construction</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-architecture">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-3.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">architecture</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-architecture">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-2.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">architecture</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-architecture">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-1.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">architecture</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-architecture">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-4.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">architecture</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-design">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-1.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">design</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-design">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-4.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">design</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-design">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-3.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">design</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-design">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-2.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">design</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-illustrator">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-2.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">illustrator</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-illustrator">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-4.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">illustrator</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-illustrator">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-3.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">illustrator</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
<li class="filter-all_our_works filter-illustrator">
<div class="box">
<div class="box-img">
<img src="images/index-1/our-wokrs-1.jpg" alt="">
</div>
<div class="brick-flex-box">
<div class="box-text-overlay">
<div class="box-text-overlay-span">
<span class="brick-background-yellow">illustrator</span>
</div>
<div class="box-text-overlay-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING DREAM HOUSE</h3></a>
</div>
<div class="box-text-overlay-p">
<p>Morbi interdum sem ac mauris dignissim, ut porta nunc pulvinar interdum .</p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- END RECENT PROJECTS -->
<!-- BEGIN MEET OUR TEAM -->
<section class="meet-our-team set-padding">
<div class="uk-container uk-container-center">
<div class="brick-title-v3">
<div class="brick-title-h3">
<h3>MEET OUR TEAM</h3>
</div>
<div class="brick-title-p">
<p>Vestibulum sed fringilla velit. Curabitur vestibulum libero at magna feugiat luctus ut ac ex.</p>
</div>
<div class="brick-title-icon">
<span class="fa fa-cogs"></span>
</div>
</div>
<div data-uk-slider="{autoplay: true, autoplayInterval: 4000}">
<div class="uk-slider-container">
<ul class="uk-slider uk-grid uk-grid-match uk-grid-width-medium-1-4 uk-grid-width-small-1-2 uk-grid-width-1-1">
<li>
<div class="box">
<div class="box-img">
<img src="images/index-3/meet-our-team-1.jpg" alt="">
</div>
<div class="box-team-member brick-background-202222">
<a href="#" class="brick-hover-child-color-yellow"><h3>Michanel Blue</h3></a>
<p>Director</p>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<img src="images/index-3/meet-our-team-2.jpg" alt="">
</div>
<div class="box-team-member brick-background-202222">
<a href="#" class="brick-hover-child-color-yellow"><h3>Linsay Lohan</h3></a>
<p>CEO</p>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<img src="images/index-3/meet-our-team-3.jpg" alt="">
</div>
<div class="box-team-member brick-background-202222">
<a href="#" class="brick-hover-child-color-yellow"><h3>Jennifer Lawrence</h3></a>
<p>Marketing</p>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<img src="images/index-3/meet-our-team-4.jpg" alt="">
</div>
<div class="box-team-member brick-background-202222">
<a href="#" class="brick-hover-child-color-yellow"><h3>Jessica Alba</h3></a>
<p>Designer</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- END MET OUR TEAM -->
<!-- BEGIN CAROUSEL -->
<section class="carousel brick-background-f8f8f8">
<div class="uk-container uk-container-center">
<div data-uk-slider="{center: true, autoplay: true, autoplayInterval: 4000}">
<div class="uk-slider-container">
<ul class="uk-slider uk-grid uk-grid-match uk-grid-width-medium-1-5 uk-grid-width-small-1-3 uk-grid-width-1-1">
<li>
<div class="box-img">
<img src="images/index-1/carousel-1.png" alt="">
</div>
</li>
<li>
<div class="box-img">
<img src="images/index-1/carousel-2.png" alt="">
</div>
</li>
<li>
<div class="box-img">
<img src="images/index-1/carousel-3.png" alt="">
</div>
</li>
<li>
<div class="box-img">
<img src="images/index-1/carousel-4.png" alt="">
</div>
</li>
<li>
<div class="box-img">
<img src="images/index-1/carousel-1.png" alt="">
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- END CAROUSEL -->
<!-- BEGIN HAPPY CLIENTS SAY -->
<section class="clients-say set-padding">
<div class="uk-container uk-container-center">
<div class="brick-title-v3">
<div class="brick-title-h3">
<h3>HAPPY CLIENTS SAY</h3>
</div>
<div class="brick-title-p">
<p>Vestibulum sed fringilla velit. Curabitur vestibulum libero at magna feugiat luctus ut ac ex.</p>
</div>
<div class="brick-title-icon">
<span class="fa fa-cogs"></span>
</div>
</div>
<div class="clients-say-slick">
<ul class="slick-slider slick-clients-say">
<li>
<div class="box">
<div class="box-img">
<img src="images/index-1/clients-say-1.png" alt="">
</div>
<div class="box-content">
<div class="box-content-p">
<p>“Aliquam erat volutpat. Nullam dui urna, pulvinar augue ac, mollis porta sem. Donec fringilla, leo quis ullam corper dictum, metus est laoreet nisl, ac tinci unt quam dolor in ex. Interdum et malesuada.</p>
</div>
<div class="box-content-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>John Deep</h3></a>
</div>
<div class="box-content-span">
<span class="brick-color-yellow">Designer</span>
</div>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<img src="images/index-1/clients-say-2.png" alt="">
</div>
<div class="box-content">
<div class="box-content-p">
<p>“Aliquam erat volutpat. Nullam dui urna, pulvinar augue ac, mollis porta sem. Donec fringilla, leo quis ullam corper dictum, metus est laoreet nisl, ac tinci unt quam dolor in ex. Interdum et malesuada.</p>
</div>
<div class="box-content-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>Jennifer Ariston</h3></a>
</div>
<div class="box-content-span">
<span class="brick-color-yellow">Director</span>
</div>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<img src="images/index-1/clients-say-1.png" alt="">
</div>
<div class="box-content">
<div class="box-content-p">
<p>“Aliquam erat volutpat. Nullam dui urna, pulvinar augue ac, mollis porta sem. Donec fringilla, leo quis ullam corper dictum, metus est laoreet nisl, ac tinci unt quam dolor in ex. Interdum et malesuada.</p>
</div>
<div class="box-content-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>John Deep</h3></a>
</div>
<div class="box-content-span">
<span class="brick-color-yellow">Designer</span>
</div>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<img src="images/index-1/clients-say-2.png" alt="">
</div>
<div class="box-content">
<div class="box-content-p">
<p>“Aliquam erat volutpat. Nullam dui urna, pulvinar augue ac, mollis porta sem. Donec fringilla, leo quis ullam corper dictum, metus est laoreet nisl, ac tinci unt quam dolor in ex. Interdum et malesuada.</p>
</div>
<div class="box-content-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>Jennifer Ariston</h3></a>
</div>
<div class="box-content-span">
<span class="brick-color-yellow">Director</span>
</div>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<img src="images/index-1/clients-say-1.png" alt="">
</div>
<div class="box-content">
<div class="box-content-p">
<p>“Aliquam erat volutpat. Nullam dui urna, pulvinar augue ac, mollis porta sem. Donec fringilla, leo quis ullam corper dictum, metus est laoreet nisl, ac tinci unt quam dolor in ex. Interdum et malesuada.</p>
</div>
<div class="box-content-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>John Deep</h3></a>
</div>
<div class="box-content-span">
<span class="brick-color-yellow">Designer</span>
</div>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<img src="images/index-1/clients-say-2.png" alt="">
</div>
<div class="box-content">
<div class="box-content-p">
<p>“Aliquam erat volutpat. Nullam dui urna, pulvinar augue ac, mollis porta sem. Donec fringilla, leo quis ullam corper dictum, metus est laoreet nisl, ac tinci unt quam dolor in ex. Interdum et malesuada.</p>
</div>
<div class="box-content-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>Jennifer Ariston</h3></a>
</div>
<div class="box-content-span">
<span class="brick-color-yellow">Director</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- END HAPPY CLIENTS SAY -->
<!-- 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 -->
<!-- BEGIN LATEST NEWS -->
<section class="latest-news set-padding min-height set-min-height-text">
<div class="uk-container uk-container-center">
<div class="brick-title-v3">
<div class="brick-title-h3">
<h3>LATEST NEWS</h3>
</div>
<div class="brick-title-p">
<p>Vestibulum sed fringilla velit. Curabitur vestibulum libero at magna feugiat luctus ut ac ex.</p>
</div>
<div class="brick-title-icon">
<span class="fa fa-cogs"></span>
</div>
</div>
<div data-uk-slider="{autoplay: true, autoplayInterval: 4000}">
<div class="uk-slider-container">
<ul class="uk-slider uk-grid uk-grid-match uk-grid-width-medium-1-3 uk-grid-width-small-1-2 uk-grid-width-1-1">
<li>
<div class="box set-height-group">
<div class="box-img">
<a href="#"><img src="images/index-1/latest-news-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>
</div>
</div>
</li>
<li>
<div class="box set-height-group">
<div class="box-img">
<a href="#"><img src="images/index-1/latest-news-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>
</div>
</div>
</li>
<li>
<div class="box set-height-group">
<div class="box-img">
<a href="#"><img src="images/index-1/latest-news-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>
</div>
</div>
</li>
<li>
<div class="box set-height-group">
<div class="box-img">
<a href="#"><img src="images/index-1/latest-news-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>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- END LATEST NEWS -->
<!-- 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>
<script src="plugins/slick-master/slick/slick.min.js" type="text/javascript"></script>
<script src="plugins/jquery-waypoints/2.0.3/waypoints.min.js" type="text/javascript"></script>
<script src="plugins/jquery-count-to-number/jquery.counterup.min.js" type="text/javascript"></script>
<!-- END JQUERY JS -->
<!-- BEGIN COMPONENT UIKIT-->
<script src="plugins/uikit-2.27.2/js/components/sticky.min.js" type="text/javascript"></script>
<script src="plugins/uikit-2.27.2/js/components/slider.min.js" type="text/javascript"></script>
<!-- END COMPONENT UIKIT-->
<!-- BEGIN REVOLUTION SLIDER -->
<script src="plugins/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="plugins/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.video.min.js"></script>
<!-- END REVOLUTION SLIDER -->
<!-- BEGIN MAIN JS -->
<script src="js/main.js"></script>
<!-- END MAIN JS -->
</body>
<!-- Mirrored from brick.qtcmedia.com/html/index-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:11:07 GMT -->
</html>
|