<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from brick.qtcmedia.com/html/index-4.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:13:38 GMT -->
<head>
<meta charset="UTF-8">
<title>The Birck Architechture & Construction - HTML Template</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="plugins/normalize.css" rel="stylesheet" type="text/css">
<link href="plugins/uikit-2.27.2/css/uikit.min.css" rel="stylesheet" type="text/css">
<link href="plugins/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN 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-v3" data-uk-sticky="{top: -500, animation: 'uk-animation-slide-top'}">
<div id="justify_mega" class="header">
<div class="uk-container uk-container-center">
<div class="logo brick-flex-box">
<a href="index.html"><img src="images/header/logo-drankgreen.png" alt=""></a>
</div>
<div class="search" data-uk-dropdown="{mode:'click', pos:'bottom-right'}">
<a href="shop.html" class="cart-icon brick-hover-color-darkgreen"><span class="fa fa-shopping-cart"></span></a>
<a href="#" class="search-icon brick-hover-color-darkgreen"><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-darkgreen"><span class="fa fa-bars"></span></a>
</div>
</div>
<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-darkgreen" 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-darkgreen"><a href="index-2.html">HOME TWO<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="index-3.html">HOME THREE<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="index-4.html">HOME FOUR<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="index-5.html">HOME FIVE<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="index-6.html">HOME SIX<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
</ul>
</div>
</li>
<li class="uk-parent brick-hover-child-color-darkgreen" 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-darkgreen"><a href="portfolio-2.html">PORTFOLIO TWO<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="portfolio-detail.html">PORTFOLIO DETAIL<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
</ul>
</div>
</li>
<li class="brick-hover-child-color-darkgreen"><a href="contact.html">CONTACT</a></li>
<li class="uk-parent brick-hover-child-color-darkgreen" 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-darkgreen"><a href="blog-2.html">BLOG TWO<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="blog-3.html">BLOG THREE<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="blog-detail.html">BLOG DETAILS<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
</ul>
</div>
</li>
<li class="uk-parent brick-hover-child-color-darkgreen" 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-darkgreen"><a href="product-detail.html">PRODUCT DETAIL<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
</ul>
</div>
</li>
<li class="uk-parent brick-hover-child-color-darkgreen" 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-darkgreen"><a href="about.html">ABOUT US<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="our-team.html">OUR TEAM<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="clients-say.html">CLIENTS SAY<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="faq.html">FAQ's<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="coming-soon.html">COMING SOON<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="maintenance.html">MAINTENANCE PAGE<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
</ul>
</div>
</li>
<li class="mega-menu uk-parent brick-hover-child-color-darkgreen" 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-darkgreen"><a href="#">Sub menu 01-01<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="#">Sub menu 01-02<i class="fa fa-hand-o-right brick-color-darkgreen"></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-darkgreen"><a href="#">Sub menu 02-01<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="#">Sub menu 02-02<i class="fa fa-hand-o-right brick-color-darkgreen"></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-darkgreen"><a href="#">Sub menu 03-01<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="#">Sub menu 03-02<i class="fa fa-hand-o-right brick-color-darkgreen"></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-darkgreen"><a href="#">Sub menu 04-01<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
<li class="brick-hover-child-color-darkgreen"><a href="#">Sub menu 04-02<i class="fa fa-hand-o-right brick-color-darkgreen"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
<div class="mobile-menu">
<nav class="nav-holder">
<ul>
<li class="has-submenu brick-hover-child-color-darkgreen">
<a href="index.html">HOME</a>
<ul class="submenu">
<li class="brick-hover-child-color-darkgreen"><a href="index-2.html">Home two</a></li>
<li class="brick-hover-child-color-darkgreen"><a href="index-3.html">Home three</a></li>
<li class="brick-hover-child-color-darkgreen"><a href="index-4.html">Home four</a></li>
<li class="brick-hover-child-color-darkgreen"><a href="index-5.html">Home five</a></li>
<li class="brick-hover-child-color-darkgreen"><a href="index-6.html">Home six</a></li>
</ul>
</li>
<li class="has-submenu brick-hover-child-color-darkgreen">
<a href="portfolio-1.html">PORTFOLIO</a>
<ul class="submenu">
<li class="brick-hover-child-color-darkgreen"><a href="portfolio-2.html">Portfolio two</a></li>
<li class="brick-hover-child-color-darkgreen"><a href="portfolio-detail.html">Portfolio detail </a></li>
</ul>
</li>
<li class="brick-hover-child-color-darkgreen"><a href="contact.html">CONTACT</a></li>
<li class="has-submenu brick-hover-child-color-darkgreen">
<a href="blog-1.html">BLOG</a>
<ul class="submenu">
<li class="brick-hover-child-color-darkgreen"><a href="blog-2.html">Blog two</a></li>
<li class="brick-hover-child-color-darkgreen"><a href="blog-3.html">Blog three</a></li>
<li class="brick-hover-child-color-darkgreen"><a href="blog-detail.html">Blog detail</a></li>
</ul>
</li>
<li class="has-submenu brick-hover-child-color-darkgreen">
<a href="shop.html">SHOP</a>
<ul class="submenu">
<li class="brick-hover-child-color-darkgreen"><a href="product-detail.html">Product detail</a></li>
</ul>
</li>
<li class="has-submenu brick-hover-child-color-darkgreen">
<a>PAGES</a>
<ul class="submenu">
<li class="brick-hover-child-color-darkgreen"><a href="about.html">About us</a></li>
<li class="brick-hover-child-color-darkgreen"><a href="our-team.html">Our team</a></li>
<li class="brick-hover-child-color-darkgreen"><a href="clients-say.html">Clients say</a></li>
<li class="brick-hover-child-color-darkgreen"><a href="faq.html">FAQ's</a></li>
<li class="brick-hover-child-color-darkgreen"><a href="coming-soon.html">Coming soon</a></li>
<li class="brick-hover-child-color-darkgreen"><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-four">
<div id="slider_home_four" 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/05.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="center"
data-hoffset="0"
data-y="center"
data-voffset="-135"
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">
WAYS
</div>
<div class="tp-caption tp-resizeme banner-caption-h1"
data-x="center"
data-hoffset="0"
data-y="center"
data-voffset="-30"
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">
CREATIVITY
</div>
<div class="tp-caption tp-resizeme banner-caption-p"
data-x="center"
data-hoffset="0"
data-y="center"
data-voffset="40"
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">
Can Change the World
</div>
<div class="tp-caption tp-resizeme banner-caption-button"
data-x="center"
data-hoffset="0"
data-y="center"
data-voffset="165"
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 WE CHANGE THE WORLD -->
<section class="we-change-the-world">
<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="brick-flex-box">
<div class="box">
<div class="box-title">
<a href="#" class="brick-hover-child-color-darkgreen"><h3>We Change The World</h3></a>
</div>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet sed pulvinar tempor. Cras in efficitur augue. Sed egestas odio nec eros scelerisque porttitor. Etiam non sem eleifend, maximus turpis non, bibendum nisl. Interdum malesuada fames ac ante ipsum primis in faucibus.</p>
<p>Phasellus malesuada ligula a velit scelerisque, condimentum iaculis nulla male suada. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
</div>
<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-4/we-change-the-world-1.jpg" alt="">
</div>
</div>
<div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1 uk-push-1-2 set-width-10-10">
<div class="brick-flex-box">
<div class="box">
<div class="box-title">
<a href="#" class="brick-hover-child-color-darkgreen"><h3>We Make Different</h3></a>
</div>
<div class="box-content">
<p>Corem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet sed pulvinar tempor. Cras in efficitur augue. Sed egestas odio nec eros scelerisque porttitor. Etiam non sem eleifend, maximus turpis non, bibendum nisl.</p>
</div>
<div class="box-button uk-clearfix">
<a href="#" class="brick-hover-color-darkgreen"><span class="fa fa-play-circle-o brick-color-darkgreen"></span>Watch Video</a>
<a href="#" class="brick-hover-color-darkgreen"><span class="fa fa-book brick-color-darkgreen"></span>Read Document</a>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1 uk-pull-1-2 set-width-10-10">
<div class="box-img">
<img src="images/index-4/we-change-the-world-2.jpg" alt="">
</div>
</div>
</div>
</section>
<!-- END WE CHANGE THE WORLD -->
<!-- BEGIN HOW WE WORK -->
<section class="how-we-work set-padding">
<div class="uk-container uk-container-center">
<div class="brick-title-v4">
<div class="brick-title-h3">
<h3>How We Work</h3>
</div>
<div class="brick-title-p">
<p>Integer posuere ligula nibh, eu faucibus est accumsan eu.</p>
</div>
<div class="brick-title-line">
<div class="brick-title-line-color brick-title-line-color-left brick-background-darkgreen"></div>
<div class="brick-title-line-color brick-title-line-color-right brick-background-1b2725"></div>
</div>
</div>
<div class="box-step brick-background-darkgreen">
<div class="uk-grid">
<div class="uk-width-medium-1-3 uk-width-small-1-1 uk-width-1-1">
<div class="brick-flex-box">
<div class="box-number">
<h3>01</h3>
</div>
<div class="box-content">
<h3>Customers</h3>
<p>Fusce rhoncus ut massa eget tristique. Nunc risus purus, elementum eget fauc ibus in, lacinia a tortor.</p>
</div>
</div>
</div>
<div class="uk-width-medium-1-3 uk-width-small-1-1 uk-width-1-1">
<div class="brick-flex-box">
<div class="box-number">
<h3>02</h3>
</div>
<div class="box-content">
<h3>Ideas</h3>
<p>Fusce rhoncus ut massa eget tristique. Nunc risus purus, elementum eget fauc ibus in, lacinia a tortor.</p>
</div>
</div>
</div>
<div class="uk-width-medium-1-3 uk-width-small-1-1 uk-width-1-1">
<div class="brick-flex-box">
<div class="box-number">
<h3>03</h3>
</div>
<div class="box-content">
<h3>Construction</h3>
<p>Fusce rhoncus ut massa eget tristique. Nunc risus purus, elementum eget fauc ibus in, lacinia a tortor.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END HOW WE WORK -->
<!-- BEGIN AWESOME VIDEO -->
<section class="awesome-video">
<div class="uk-container uk-container-center">
<div class="brick-flex-box">
<div class="box">
<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="#" class="brick-hover-child-color-darkgreen"><span class="fa fa-play-circle"></span></a></span>
<h3>AWESOME VIDEO</h3>
<p>Curabitur gravida ornare placerat. Donec pharetra mattis odio id gravida.</p>
</div>
</div>
</div>
</section>
<!-- END AWESOME VIDEO -->
<!-- BEGIN MEET OUR TEAM -->
<section class="meet-our-team set-padding">
<div class="uk-container uk-container-center">
<div class="brick-title-v4">
<div class="brick-title-h3">
<h3>Meet Our Team</h3>
</div>
<div class="brick-title-p">
<p>Integer posuere ligula nibh, eu faucibus est accumsan eu. In posuere</p>
</div>
<div class="brick-title-line">
<div class="brick-title-line-color brick-title-line-color-left brick-background-darkgreen"></div>
<div class="brick-title-line-color brick-title-line-color-right brick-background-1b2725"></div>
</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-2/meet-our-team-1.jpg" alt="">
</div>
<div class="box-team-member brick-background-darkgreen">
<a href="#"><h3>Michanel Blue</h3></a>
<p>Director</p>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<img src="images/index-2/meet-our-team-2.jpg" alt="">
</div>
<div class="box-team-member brick-background-darkgreen">
<a href="#"><h3>Linsay Lohan</h3></a>
<p>CEO</p>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<img src="images/index-2/meet-our-team-3.jpg" alt="">
</div>
<div class="box-team-member brick-background-darkgreen">
<a href="#"><h3>Jennifer Lawrence</h3></a>
<p>Marketing</p>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<img src="images/index-2/meet-our-team-4.jpg" alt="">
</div>
<div class="box-team-member brick-background-darkgreen">
<a href="#"><h3>Jessica Alba</h3></a>
<p>Designer</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- END MET OUR TEAM -->
<!-- BEGIN OUR PROJECTS -->
<section class="our-projects portfolio set-padding">
<div class="uk-container uk-container-center">
<div class="brick-title-v4">
<div class="brick-title-h3">
<h3>Our Projects</h3>
</div>
<div class="brick-title-p">
<p>Integer posuere ligula nibh, eu faucibus est accumsan eu. In posuere convallis</p>
</div>
<div class="brick-title-line">
<div class="brick-title-line-color brick-title-line-color-left brick-background-darkgreen"></div>
<div class="brick-title-line-color brick-title-line-color-right brick-background-1b2725"></div>
</div>
</div>
</div>
<div class="uk-grid uk-grid-collapse">
<div class="uk-width-medium-1-5 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-img">
<img src="images/index-2/portfolio-1-1.jpg" alt="">
</div>
<div class="brick-flex-box brick-background-darkgreen">
<div class="box-text-overlay">
<a href="#"><h3>The Building House</h3></a>
<p>Building</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-5 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-img">
<img src="images/index-2/portfolio-1-2.jpg" alt="">
</div>
<div class="brick-flex-box brick-background-darkgreen">
<div class="box-text-overlay">
<a href="#"><h3>The Building House</h3></a>
<p>Building</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-5 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-img">
<img src="images/index-2/portfolio-1-3.jpg" alt="">
</div>
<div class="brick-flex-box brick-background-darkgreen">
<div class="box-text-overlay">
<a href="#"><h3>The Building House</h3></a>
<p>Building</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-5 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-img">
<img src="images/index-2/portfolio-1-4.jpg" alt="">
</div>
<div class="brick-flex-box brick-background-darkgreen">
<div class="box-text-overlay">
<a href="#"><h3>The Building House</h3></a>
<p>Building</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-5 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-img">
<img src="images/index-2/portfolio-1-5.jpg" alt="">
</div>
<div class="brick-flex-box brick-background-darkgreen">
<div class="box-text-overlay">
<a href="#"><h3>The Building House</h3></a>
<p>Building</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-5 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-img">
<img src="images/index-2/portfolio-2-1.jpg" alt="">
</div>
<div class="brick-flex-box brick-background-darkgreen">
<div class="box-text-overlay">
<a href="#"><h3>The Building House</h3></a>
<p>Building</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-5 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-img">
<img src="images/index-2/portfolio-2-2.jpg" alt="">
</div>
<div class="brick-flex-box brick-background-darkgreen">
<div class="box-text-overlay">
<a href="#"><h3>The Building House</h3></a>
<p>Building</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-5 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-img">
<img src="images/index-2/portfolio-2-3.jpg" alt="">
</div>
<div class="brick-flex-box brick-background-darkgreen">
<div class="box-text-overlay">
<a href="#"><h3>The Building House</h3></a>
<p>Building</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-5 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-img">
<img src="images/index-2/portfolio-2-4.jpg" alt="">
</div>
<div class="brick-flex-box brick-background-darkgreen">
<div class="box-text-overlay">
<a href="#"><h3>The Building House</h3></a>
<p>Building</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-5 uk-width-small-1-2 uk-width-1-1">
<div class="box">
<div class="box-img">
<img src="images/index-2/portfolio-2-5.jpg" alt="">
</div>
<div class="brick-flex-box brick-background-darkgreen">
<div class="box-text-overlay">
<a href="#"><h3>The Building House</h3></a>
<p>Building</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END OUR PROJECTS -->
<!-- END LATEST NEWS -->
<section class="latest-news-v2 set-padding">
<div class="uk-container uk-container-center">
<div class="brick-title-v4">
<div class="brick-title-h3">
<h3>Latest News</h3>
</div>
<div class="brick-title-p">
<p>Integer posuere ligula nibh, eu faucibus est accumsan eu. In posuere</p>
</div>
<div class="brick-title-line">
<div class="brick-title-line-color brick-title-line-color-left brick-background-darkgreen"></div>
<div class="brick-title-line-color brick-title-line-color-right brick-background-1b2725"></div>
</div>
</div>
<div data-uk-slider="{autoplay: false, 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">
<div class="box-img">
<a href="#"><img src="images/index-2/latest-news-1.jpg" alt=""></a>
</div>
<div class="box-content">
<div class="box-content-p">
<p class="brick-color-darkgreen">Construction</p>
</div>
<div class="box-content-title">
<a href="#" class="brick-hover-child-color-darkgreen"><h3>Explains simple house construction tips for new House owners</h3></a>
</div>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<a href="#"><img src="images/index-2/latest-news-2.jpg" alt=""></a>
</div>
<div class="box-content">
<div class="box-content-p">
<p class="brick-color-darkgreen">Construction</p>
</div>
<div class="box-content-title">
<a href="#" class="brick-hover-child-color-darkgreen"><h3>10 Survival tips for Architecture Students, The Life of a Designer</h3></a>
</div>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<a href="#"><img src="images/index-2/latest-news-3.jpg" alt=""></a>
</div>
<div class="box-content">
<div class="box-content-p">
<p class="brick-color-darkgreen">Construction</p>
</div>
<div class="box-content-title">
<a href="#" class="brick-hover-child-color-darkgreen"><h3>5 Kick Ass Tips for Architecture Students from the Experts</h3></a>
</div>
</div>
</div>
</li>
<li>
<div class="box">
<div class="box-img">
<a href="#"><img src="images/index-2/latest-news-2.jpg" alt=""></a>
</div>
<div class="box-content">
<div class="box-content-p">
<p class="brick-color-darkgreen">Construction</p>
</div>
<div class="box-content-title">
<a href="#" class="brick-hover-child-color-darkgreen"><h3>10 Survival tips for Architecture Students, The Life of a Designer</h3></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- BEGIN LATEST NEWS -->
<!-- BEGIN WE MAKE BEAUTY -->
<section class="we-make-beauty">
<div class="uk-container uk-container-center">
<div class="box">
<div class="box-text">
<h3>We Make Beauty</h3>
<p>Aliquam vitae dui non lorem dictum finibus in sed dui.</p>
</div>
<div class="brick-button">
<a href="#"><h3>FREE QUOTE</h3></a>
</div>
</div>
</div>
</section>
<!-- END WE MAKE BEAUTY -->
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<footer class="footer-v3">
<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-darkgreen.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-0ba2a5"><a href="#"><span class="fa fa-facebook"></span></a></li>
<li class="brick-hover-child-color-0ba2a5"><a href="#"><span class="fa fa-vimeo"></span></a></li>
<li class="brick-hover-child-color-0ba2a5"><a href="#"><span class="fa fa-twitter"></span></a></li>
<li class="brick-hover-child-color-0ba2a5"><a href="#"><span class="fa fa-instagram"></span></a></li>
<li class="brick-hover-child-color-0ba2a5"><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-0ba2a5"></span>Infographic: <i class="brick-color-0ba2a5">#Architechture</i> vs <i class="brick-color-0ba2a5">#Art</i>, which one do you choose?</p></li>
<li><p><span class="fa fa-twitter brick-color-0ba2a5"></span>When you choose <i class="brick-color-0ba2a5">#Life</i> or <i class="brick-color-0ba2a5">#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-0ba2a5">[email protected]</p></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright brick-background-1b2725">
<p>©<span>The Brick</span>, All rights reserved</p>
</div>
</footer>
<!-- END FOOTER -->
<div class="brick-backtotop brick-background-darkgreen" 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/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-4.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:13:46 GMT -->
</html>
|