HOME


Mini Shell 1.0
DIR: /var/tmp/
Upload File :
Current File : //var/tmp/phpQ9RKJ0
home/islapiiu/sites/faithlinkint/tmp/blog-3.html000064400000107252150770677770015735 0ustar00<!DOCTYPE html>
<html lang="en">

    <!-- Mirrored from brick.qtcmedia.com/html/blog-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:15:28 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="brick-hover-child-color-yellow"><a href="contact.html">CONTACT</a></li>
                            <li class="active 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>BLOG THREE</h3>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li class="active"><a href="blog-3.html">Blog</a></li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- END BANNER -->
        <!-- BEGIN BLOG -->
        <section class="blog-v1 latest-news set-padding set-min-height-text">
            <div class="uk-container uk-container-center">
                <div class="uk-grid uk-grid-match">
                    <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-img">
                                <a href="#"><img src="images/blog-3/blog-1-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>
                                <a href="#" class="read-more brick-hover-color-yellow">READ MORE</a>
                            </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-img">
                                <a href="#"><img src="images/blog-3/blog-1-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>
                                <a href="#" class="read-more brick-hover-color-yellow">READ MORE</a>
                            </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-img">
                                <a href="#"><img src="images/blog-3/blog-1-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>
                                <a href="#" class="read-more brick-hover-color-yellow">READ MORE</a>
                            </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-img">
                                <a href="#"><img src="images/blog-3/blog-2-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>
                                <a href="#" class="read-more brick-hover-color-yellow">READ MORE</a>
                            </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-img">
                                <a href="#"><img src="images/blog-3/blog-2-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>
                                <a href="#" class="read-more brick-hover-color-yellow">READ MORE</a>
                            </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-img">
                                <a href="#"><img src="images/blog-3/blog-2-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>
                                <a href="#" class="read-more brick-hover-color-yellow">READ MORE</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="brick-pagination">
                    <ul>
                        <li class="arow-prev brick-hover-child-background-yellow"><a href="#"><span class="fa fa-angle-left"></span></a></li>
                        <li class="brick-hover-child-background-yellow"><a href="#">1</a></li>
                        <li class="brick-hover-child-background-yellow"><a href="#">2</a></li>
                        <li class="active brick-hover-child-background-yellow"><a href="#">3</a></li>
                        <li class="brick-hover-child-background-yellow"><a href="#">4</a></li>
                        <li class="brick-hover-child-background-yellow"><a href="#">5</a></li>
                        <li class="arow-next brick-hover-child-background-yellow"><a href="#"><span class="fa fa-angle-right"></span></a></li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- END BLOG -->
        <!-- 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>&copy;<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  -->
    </body>

    <!-- Mirrored from brick.qtcmedia.com/html/blog-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:15:48 GMT -->
</html>