<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from brick.qtcmedia.com/html/portfolio-1.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:15:00 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">
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN TEMPLATE LAYOUT STYLES -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<!-- END TEMPLATE LAYOUT STYLES -->
<link rel="shortcut icon" href="images/favicon.ico" />
</head>
<body>
<!-- BEGIN HEADER -->
<header class="header-v1" data-uk-sticky="{top: -500, animation: 'uk-animation-slide-top'}">
<div id="justify_mega" class="header">
<div class="top-bar hidden-mobile">
<div class="uk-container uk-container-center uk-clearfix">
<div class="uk-grid">
<div class="uk-width-medium-4-10 uk-width-small-1-1 uk-width-1-1 set-width-3-10">
<div class="logo brick-flex-box">
<a href="index.html"><img src="images/header/logo-yellow.png" alt=""></a>
</div>
</div>
<div class="uk-width-medium-6-10 uk-width-small-1-1 uk-width-1-1 hidden-mobile set-width-7-10">
<div class="uk-grid">
<div class="uk-width-medium-3-10 uk-width-small-1-1 uk-width-1-1">
<div class="brick-flex-box">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="fa fa-envelope"></span>
</div>
<div class="box-text">
<h5>EMAIL</h5>
<a href="info%40qtcmedia.html"><p>[email protected]</p></a>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-3-10 uk-width-small-1-1 uk-width-1-1">
<div class="brick-flex-box">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="fa fa-phone"></span>
</div>
<div class="box-text">
<h5>24/7 SUPPORT</h5>
<p>(+1) 000 666 888</p>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-4-10 uk-width-small-1-1 uk-width-1-1">
<div class="brick-flex-box">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="fa fa-map-marker"></span>
</div>
<div class="box-text">
<h5>WE ARE HERE</h5>
<p>Road Isle of Palms New York 03828</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-center">
<nav class="menu-primary uk-clearfix">
<ul class="uk-navbar-nav uk-flex uk-flex-center main-menu">
<li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}">
<a href="index.html">HOME</a>
<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom">
<ul class="uk-nav uk-nav-navbar">
<li class="brick-hover-child-color-yellow"><a href="index-2.html">HOME TWO<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="index-3.html">HOME THREE<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="index-4.html">HOME FOUR<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="index-5.html">HOME FIVE<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
<li class="brick-hover-child-color-yellow"><a href="index-6.html">HOME SIX<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li>
</ul>
</div>
</li>
<li class="active 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 BANNER -->
<section class="brick-banner">
<div class="uk-container uk-container-center">
<div class="title">
<h3>PORTFOLIO ONE</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="portfolio-1.html">Portfolio</a></li>
</ul>
</div>
</div>
</section>
<!-- END BANNER -->
<!-- BEGIN PORTFOLIO -->
<section class="our-works portfolio-v1 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 PORTFOLIO -->
<!-- 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 MAIN JS -->
<script src="js/main.js"></script>
<!-- END MAIN JS -->
</body>
<!-- Mirrored from brick.qtcmedia.com/html/portfolio-1.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:15:00 GMT -->
</html>
|