<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from brick.qtcmedia.com/html/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:12:40 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<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">
<!-- 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" />
<!-- Facebook Pixel Code -->
<script>
!function (f, b, e, v, n, t, s)
{
if (f.fbq)
return;
n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq)
f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script', '../../connect.facebook.net/en_US/fbevents.js');
fbq('init', '348669228917290');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=348669228917290&ev=PageView&noscript=1"/></noscript>
<!-- End Facebook Pixel Code -->
</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="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-one">
<div id="slider_home_one" 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/01.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-h3"
data-x="['left','left','center','center']"
data-hoffset="['15','15','0','0']"
data-y="center"
data-voffset="-141"
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">
WE BUILDING
</div>
<div class="tp-caption tp-resizeme banner-caption-h1"
data-x="['left','left','center','center']"
data-hoffset="['10','10','0','0']"
data-y="center"
data-voffset="-65"
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">
DREAMS
</div>
<div class="tp-caption tp-resizeme banner-caption-p"
data-x="['left','left','center','center']"
data-hoffset="['15','15','0','0']"
data-y="center"
data-voffset="42"
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">
Aliquam et iaculis mi. Aliquam luctus ultricies cursus. Sed viverra mollis justo, et vehicula tellus <br> commodo non. Aenean non nunc libero. Duis euismod, tellus id egestas ultricies, elit tellus vestibulum <br> nibh, cursus mollis orci leo in magna.
</div>
<div class="tp-caption tp-resizeme banner-caption-button"
data-x="['left','left','center','center']"
data-hoffset="['15','15','0','0']"
data-y="center"
data-voffset="152"
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">
<a href="#">FREE QUOTE</a>
</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/01.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-h3"
data-x="['left','left','center','center']"
data-hoffset="['15','15','0','0']"
data-y="center"
data-voffset="-141"
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">
WE BUILDING
</div>
<div class="tp-caption tp-resizeme banner-caption-h1"
data-x="['left','left','center','center']"
data-hoffset="['10','10','0','0']"
data-y="center"
data-voffset="-65"
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">
DREAMS
</div>
<div class="tp-caption tp-resizeme banner-caption-p"
data-x="['left','left','center','center']"
data-hoffset="['15','15','0','0']"
data-y="center"
data-voffset="42"
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">
Aliquam et iaculis mi. Aliquam luctus ultricies cursus. Sed viverra mollis justo, et vehicula tellus <br> commodo non. Aenean non nunc libero. Duis euismod, tellus id egestas ultricies, elit tellus vestibulum <br> nibh, cursus mollis orci leo in magna.
</div>
<div class="tp-caption tp-resizeme banner-caption-button"
data-x="['left','left','center','center']"
data-hoffset="['15','15','0','0']"
data-y="center"
data-voffset="152"
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">
<a href="#">FREE QUOTE</a>
</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/01.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-h3"
data-x="['left','left','center','center']"
data-hoffset="['15','15','0','0']"
data-y="center"
data-voffset="-141"
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">
WE BUILDING
</div>
<div class="tp-caption tp-resizeme banner-caption-h1"
data-x="['left','left','center','center']"
data-hoffset="['10','10','0','0']"
data-y="center"
data-voffset="-65"
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">
DREAMS
</div>
<div class="tp-caption tp-resizeme banner-caption-p"
data-x="['left','left','center','center']"
data-hoffset="['15','15','0','0']"
data-y="center"
data-voffset="42"
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">
Aliquam et iaculis mi. Aliquam luctus ultricies cursus. Sed viverra mollis justo, et vehicula tellus <br> commodo non. Aenean non nunc libero. Duis euismod, tellus id egestas ultricies, elit tellus vestibulum <br> nibh, cursus mollis orci leo in magna.
</div>
<div class="tp-caption tp-resizeme banner-caption-button"
data-x="['left','left','center','center']"
data-hoffset="['15','15','0','0']"
data-y="center"
data-voffset="152"
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">
<a href="#">FREE QUOTE</a>
</div>
</li>
</ul>
</div>
</section>
<!-- END SLIDER -->
<!-- BEGIN OUR SERVICES -->
<section class="our-services set-padding">
<div class="uk-container uk-container-center">
<div class="brick-title">
<div class="brick-title-p">
<p>We Are Awesome</p>
</div>
<div class="brick-title-h3">
<h3>OUR SERVICES</h3>
</div>
</div>
<div class="uk-grid">
<div class="uk-width-medium-1-4 uk-width-small-1-2 uk-width-1-1">
<div class="box brick-hover-border-color-yellow">
<div class="box-icon">
<span class="fa fa-university brick-color-yellow"></span>
</div>
<div class="box-title-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>CONSTRUCTION</h3></a>
</div>
<div class="box-content-p">
<p>Curabitur dictum magna ut sapien cursus sollicitudinda sed.</p>
</div>
</div>
</div>
<div class="uk-width-medium-1-4 uk-width-small-1-2 uk-width-1-1">
<div class="box brick-hover-border-color-yellow">
<div class="box-icon">
<span class="fa fa-shield brick-color-yellow"></span>
</div>
<div class="box-title-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>BUILDING</h3></a>
</div>
<div class="box-content-p">
<p>Curabitur dictum magna ut sapien cursus sollicitudinda sed.</p>
</div>
</div>
</div>
<div class="uk-width-medium-1-4 uk-width-small-1-2 uk-width-1-1">
<div class="box brick-hover-border-color-yellow">
<div class="box-icon">
<span class="fa fa-tachometer brick-color-yellow"></span>
</div>
<div class="box-title-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>TRANSPORT</h3></a>
</div>
<div class="box-content-p">
<p>Curabitur dictum magna ut sapien cursus sollicitudinda sed.</p>
</div>
</div>
</div>
<div class="uk-width-medium-1-4 uk-width-small-1-2 uk-width-1-1">
<div class="box brick-hover-border-color-yellow">
<div class="box-icon">
<span class="fa fa-cubes brick-color-yellow"></span>
</div>
<div class="box-title-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>ARCHITECTURE</h3></a>
</div>
<div class="box-content-p">
<p>Curabitur dictum magna ut sapien cursus sollicitudinda sed.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END OUR SERVICES -->
<!-- BEGIN THE BEST AWARD -->
<section class="the-best-award set-padding set-min-height-text">
<div class="uk-container uk-container-center">
<div class="brick-title">
<div class="brick-title-p">
<p>We Are Awesome</p>
</div>
<div class="brick-title-h3">
<h3>THE BEST AWARD</h3>
</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 set-height-group">
<div class="box-meta">
<span class="brick-color-yellow">28 April 2017</span>
</div>
<div class="box-title-h3 set-height">
<a href="#" class="brick-hover-child-color-yellow"><h3 class="basic-height">WEST MIDLANDS</h3></a>
</div>
<div class="box-content-p">
<p>Praesent egestas, diam sit amet mattis auctor, arcu ipsum tincidunt ligula, ut mollis ipsum leo.</p>
</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-meta">
<span class="brick-color-yellow">19 May 2017</span>
</div>
<div class="box-title-h3 set-height">
<a href="#" class="brick-hover-child-color-yellow"><h3 class="basic-height">EAST MIDLANDS</h3></a>
</div>
<div class="box-content-p">
<p>Praesent egestas, diam sit amet mattis auctor, arcu ipsum tincidunt ligula, ut mollis ipsum leo.</p>
</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-meta">
<span class="brick-color-yellow">09 June 2017</span>
</div>
<div class="box-title-h3 set-height">
<a href="#" class="brick-hover-child-color-yellow"><h3 class="basic-height">SOUTH WEST</h3></a>
</div>
<div class="box-content-p">
<p>Praesent egestas, diam sit amet mattis auctor, arcu ipsum tincidunt ligula, ut mollis ipsum leo.</p>
</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-meta">
<span class="brick-color-yellow">16 June 2017</span>
</div>
<div class="box-title-h3 set-height">
<a href="#" class="brick-hover-child-color-yellow"><h3 class="basic-height">NORTH EAST</h3></a>
</div>
<div class="box-content-p">
<p>Praesent egestas, diam sit amet mattis auctor, arcu ipsum tincidunt ligula, ut mollis ipsum leo.</p>
</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-meta">
<span class="brick-color-yellow">23 June 2017</span>
</div>
<div class="box-title-h3 set-height">
<a href="#" class="brick-hover-child-color-yellow"><h3 class="basic-height">NORTH WEST</h3></a>
</div>
<div class="box-content-p">
<p>Praesent egestas, diam sit amet mattis auctor, arcu ipsum tincidunt ligula, ut mollis ipsum leo.</p>
</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-meta">
<span class="brick-color-yellow">07 July 2017</span>
</div>
<div class="box-title-h3 set-height">
<a href="#" class="brick-hover-child-color-yellow"><h3 class="basic-height">YORKSHIRE & HUMBER</h3></a>
</div>
<div class="box-content-p">
<p>Praesent egestas, diam sit amet mattis auctor, arcu ipsum tincidunt ligula, ut mollis ipsum leo.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END THE BEST AWARD -->
<!-- BEGIN BUILD THE DREAMS -->
<section class="build-the-dreams">
<div class="uk-grid uk-grid-collapse uk-grid-match">
<div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1 set-width-10-10">
<div class="box-img">
<img src="images/index-1/build-the-dreams.jpg" alt="">
</div>
</div>
<div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1 set-width-10-10">
<div class="brick-flex-box">
<div class="box-padding">
<div class="box">
<div class="box-icon">
<span class="fa fa-cubes brick-color-yellow"></span>
</div>
<div class="box-text">
<div class="box-text-title-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>Build The Dreams</h3></a>
</div>
<div class="box-text-content-p">
<p>Fusce pulvinar maximus maximus. Cras id congue elit. Maecenas congue mi non quam vulputate, vel vestibulum nisi finibus. Praesent orci dolor, ullamcorper sed sollicitudin eget.</p>
</div>
</div>
</div>
<div class="box">
<div class="box-icon">
<span class="fa fa-codepen brick-color-yellow"></span>
</div>
<div class="box-text">
<div class="box-text-title-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>Get the Best SERVICES</h3></a>
</div>
<div class="box-text-content-p">
<p>Fusce pulvinar maximus maximus. Cras id congue elit. Maecenas congue mi non quam vulputate, vel vestibulum nisi finibus. Praesent orci dolor, ullamcorper sed sollicitudin eget.</p>
</div>
</div>
</div>
<div class="box">
<div class="box-icon">
<span class="fa fa-bookmark brick-color-yellow"></span>
</div>
<div class="box-text">
<div class="box-text-title-h3">
<a href="#" class="brick-hover-child-color-yellow"><h3>Always leading</h3></a>
</div>
<div class="box-text-content-p">
<p>Fusce pulvinar maximus maximus. Cras id congue elit. Maecenas congue mi non quam vulputate, vel vestibulum nisi finibus. Praesent orci dolor, ullamcorper sed sollicitudin eget.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END BUILD THE DREAMS -->
<!-- BEGIN OUR WORKS -->
<section class="our-works set-padding">
<div class="uk-container uk-container-center">
<div class="brick-title">
<div class="brick-title-p">
<p>We Are Awesome</p>
</div>
<div class="brick-title-h3">
<h3>OUR WORKS</h3>
</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 OUR WORKS -->
<!-- BEGIN HAPPY CLIENTS SAY -->
<section class="clients-say set-padding">
<div class="uk-container uk-container-center">
<div class="brick-title">
<div class="brick-title-p">
<p>We Are Awesome</p>
</div>
<div class="brick-title-h3">
<h3>HAPPY CLIENTS SAY</h3>
</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 CAROUSEL -->
<section class="carousel brick-background-yellow">
<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 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">
<div class="brick-title-p">
<p>We Are Awesome</p>
</div>
<div class="brick-title-h3">
<h3>LATEST NEWS</h3>
</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 -->
<!-- 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>
<script src="plugins/slick-master/slick/slick.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.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:12:49 GMT -->
</html>
|