<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from brick.qtcmedia.com/html/contact.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:15:16 GMT -->
<head>
<meta charset="UTF-8">
<title>The Birck Architechture & Construction - HTML Template</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="plugins/normalize.css" rel="stylesheet" type="text/css">
<link href="plugins/uikit-2.27.2/css/uikit.min.css" rel="stylesheet" type="text/css">
<link href="plugins/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN TEMPLATE LAYOUT STYLES -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<!-- END TEMPLATE LAYOUT STYLES -->
<link rel="shortcut icon" href="images/favicon.ico" />
</head>
<body>
<!-- BEGIN HEADER -->
<header class="header-v1" data-uk-sticky="{top: -500, animation: 'uk-animation-slide-top'}">
<div id="justify_mega" class="header">
<div class="top-bar hidden-mobile">
<div class="uk-container uk-container-center uk-clearfix">
<div class="uk-grid">
<div class="uk-width-medium-4-10 uk-width-small-1-1 uk-width-1-1 set-width-3-10">
<div class="logo brick-flex-box">
<a href="index.html"><img src="images/header/logo-yellow.png" alt=""></a>
</div>
</div>
<div class="uk-width-medium-6-10 uk-width-small-1-1 uk-width-1-1 hidden-mobile set-width-7-10">
<div class="uk-grid">
<div class="uk-width-medium-3-10 uk-width-small-1-1 uk-width-1-1">
<div class="brick-flex-box">
<div class="box brick-hover-full-color-yellow">
<div class="box-icon">
<span class="fa fa-envelope"></span>
</div>
<div class="box-text">
<h5>EMAIL</h5>
<a href="info%40qtcmedia.html"><p>[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="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="active 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>CONTACT US</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</section>
<!-- END BANNER -->
<!-- BEGIN CONTACT -->
<section class="contact set-padding">
<div class="uk-container uk-container-center">
<div class="uk-grid">
<div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1">
<div class="main-office">
<h3>MAIN OFFICE</h3>
<p>Aliquam tempus bibendum tortor sit amet tristique. Pellentesque sed augue sit amet ipsum imperdiet commodo ac quis orci. Nullam rhoncus augue ut mauris .</p>
<ul>
<li>
<div class="brick-flex-box">
<span class="fa fa-phone brick-color-yellow"></span>
<p class="brick-hover-color-yellow">(+1) 000 444 999</p>
</div>
</li>
<li>
<div class="brick-flex-box">
<span class="fa fa-map-marker brick-color-yellow"></span>
<p class="brick-hover-color-yellow">Haviva Holcomb, P.O. Box 642 3450 In <br> Road Isle of Palms New York 03828</p>
</div>
</li>
<li>
<div class="brick-flex-box">
<span class="fa fa-envelope brick-color-yellow"></span>
<a href="#"><p class="brick-hover-color-yellow">[email protected]</p></a>
</div>
</li>
</ul>
</div>
</div>
<div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1">
<div class="box-get-in-touch">
<h3>Get In Touch</h3>
<p>We are always here for you! 24/7 Support</p>
<form id="contact_get_in_touch" class="uk-form" action="#" method="post">
<div class="uk-form-icon">
<span class="fa fa-user"></span>
<input type="text" placeholder="Your Name">
</div>
<div class="uk-form-icon">
<span class="fa fa-envelope"></span>
<input type="email" placeholder="Your Email">
</div>
<div class="uk-form-icon">
<span class="fa fa-pencil"></span>
<textarea rows="5" placeholder="Message"></textarea>
</div>
<div class="brick-button brick-button-yellow brick-button-radius">
<a href="#"><h3>SEND MESSAGE</h3></a>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- END CONTACT -->
<!-- BEGIN GOOGLE MAP -->
<section class="gmap-contact">
<div class="gmap-wrapper">
<div class="google-map" id="gmap_contact"></div>
</div>
</section>
<!-- END BEGIN GOOGLE MAP -->
<!-- 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>
<!-- END JQUERY JS -->
<!-- BEGIN MAIN JS -->
<script src="js/main.js"></script>
<!-- END MAIN JS -->
<!-- BEGIN GOOGLE MAP -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC_bXG-q5B71txCRE36VnP07Q3r8H_VPVE&libraries=geometry&callback=initMap"></script>
<!-- BEGIN GOOGLE MAP -->
</body>
<!-- Mirrored from brick.qtcmedia.com/html/contact.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:15:16 GMT -->
</html>
|