HOME


Mini Shell 1.0
DIR: /home/islapiiu/sites/faithlinkint/tmp/
Upload File :
Current File : /home/islapiiu/sites/faithlinkint/tmp/blog-detail.html
<!DOCTYPE html>
<html lang="en">

    <!-- Mirrored from brick.qtcmedia.com/html/blog-detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:15:48 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 DETAIL</h3>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li class="active"><a href="blog-detail.html">Blog Detail</a></li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- END BANNER -->
        <!-- BEGIN BLOG DETAIL -->
        <section class="blog-detail set-padding">
            <div class="uk-container uk-container-center">
                <div class="uk-grid">
                    <div class="uk-width-medium-3-4 uk-width-small-1-1 uk-width-1-1">
                        <div class="box">
                            <div class="box-img">
                                <img src="images/blog-detail/blog.jpg" alt="">
                            </div>
                            <div class="box-content">
                                <div class="box-content-title">
                                    <h3>Construction news and building products for specifiers</h3>
                                </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 consequat dolor vulputate. Proin non finibus tortor. Aliquam semper elit nec tortor ullamcorper, nec faucibus quam lobortis. Nulla volutpat, tellus sit amet elementum maximus, magna felis tristique ante, sed malesuada turpis libero a mi. Cras et mi ligula.</p>
                                    <p>&nbsp;</p>
                                    <p>Nulla sed ornare odio. Proin non finibus tortor. Aliquam semper elit nec tortor ullamcorper, nec faucibus quam lobortis. Nulla volutpat, tellus sit amet elementum maximus, magna felis tristique ante, sed malesuada turpis libero a mi. Cras et mi ligula. Curabitur consequat lorem id mauris consequat, vel accumsan turpis aliquam. Mauris viverra nisi ullamcorper purus fringilla suscipit. Cras bibendum orci turpis, semper congue dolor imperdiet sed. Nullam tempus orci eget nisi tempus, vitae semper ex rutrum. Etiam fermentum egestas libero sed facilisis. Nullam ac lorem sem. Donec aliquam nisi eu augue tincidunt tristique. In elementum, dolor sit amet vulputate ultricies, risus libero efficitur massa, eu tincidunt libero turpis id risus.</p>
                                    <p>Integer vitae leo et diam volutpat ultricies. Nam in erat leo. Nunc posuere, dolor at facilisis fringilla, leo tellus varius velit, vel suscipit lacus libero eu diam. Curabitur vel mollis quam. Pellentesque at venenatis dolor. Etiam vulputate vel metus eget venenatis. Curabitur vitae turpis ac felis pellentesque euismod eu eu velit. Sed ac cursus nisl, dignissim finibus risus. Morbi fringilla nunc est, eu interdum orci pretium non. Donec fermentum ultrices aliquam. Sed aliquet vel felis bibendum tincidunt.</p>
                                </div>
                            </div>
                            <div class="tags-share uk-clearfix">
                                <div class="tags">
                                    <h3>Tags:</h3>
                                    <ul>
                                        <li class="brick-hover-child-color-yellow"><a href="#">Construction, </a></li>
                                        <li class="brick-hover-child-color-yellow"><a href="#">Building</a></li>
                                    </ul>
                                </div>
                                <div class="share">
                                    <h3>Share:</h3>
                                    <ul>
                                        <li class="brick-hover-child-color-yellow"><a href="#"><span class="fa fa-facebook"></span>Facebook, </a></li>
                                        <li class="brick-hover-child-color-yellow"><a href="#"><span class="fa fa-twitter"></span>Twitter, </a></li>
                                        <li class="brick-hover-child-color-yellow"><a href="#"><span class="fa fa-vimeo"></span>Vimeo</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="comments">
                            <h3>Comment</h3>
                            <ul class="uk-comment-list">
                                <li>
                                    <article class="uk-comment">
                                        <div class="comment uk-clearfix">
                                            <div class="comment-img">
                                                <img src="images/blog-detail/comment-1.jpg" alt="">
                                            </div>
                                            <div class="comment-content">
                                                <div class="meta uk-clearfix">
                                                    <div class="meta-author">
                                                        <h5>Michanel Blue</h5>
                                                        <span>Jan 01, 2017</span>
                                                    </div>
                                                    <div class="meta-reply">
                                                        <a href="#" class="brick-hover-color-yellow">Reply<span class="fa fa-share brick-background-yellow"></span></a>
                                                    </div>
                                                </div>
                                                <p>Nam in erat leo. Nunc posuere, dolor at facilisis fringilla, leo tellus varius velit, vel suscipit lacus libero eu diam. Curabitur vel mollis quam. Pellentesque at venenatis dolor. Etiam vulputate vel metus eget venenatis. Curabitur vitae turpis ac felis pellentesque euismod eu eu velit. Sed ac cursus nisl, dignissim finibus risus.</p>
                                            </div>
                                        </div>
                                    </article>
                                </li>
                                <li>
                                    <article class="uk-comment">
                                        <div class="comment uk-clearfix">
                                            <div class="comment-img">
                                                <img src="images/blog-detail/comment-2.jpg" alt="">
                                            </div>
                                            <div class="comment-content">
                                                <div class="meta uk-clearfix">
                                                    <div class="meta-author">
                                                        <h5>John Doe</h5>
                                                        <span>Jan 01, 2017</span>
                                                    </div>
                                                    <div class="meta-reply">
                                                        <a href="#" class="brick-hover-color-yellow">Reply<span class="fa fa-share brick-background-yellow"></span></a>
                                                    </div>
                                                </div>
                                                <p>Nam in erat leo. Nunc posuere, dolor at facilisis fringilla, leo tellus varius velit, vel suscipit lacus libero eu diam. Curabitur vel mollis quam. Pellentesque at venenatis dolor. Etiam vulputate vel metus eget venenatis. Curabitur vitae turpis ac felis pellentesque euismod eu eu velit. Sed ac cursus nisl, dignissim finibus risus.</p>
                                            </div>
                                        </div>
                                    </article>
                                </li>
                            </ul>
                        </div>

                        <div class="leave-comment">
                            <h3>Leave a Comment</h3>
                            <p><span>*</span> field is required</p>
                            <form id="comment" class="uk-form" action="#" method="post">
                                <div class="uk-grid">
                                    <div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1 uk-position-relative">
                                        <div class="uk-form-icon uk-width-1-1">
                                            <input type="text" name="name" required="required"  class="uk-width-1-1">
                                            <p>Your Name <span>*</span></p>
                                        </div>
                                    </div>
                                    <div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1 uk-position-relative">
                                        <div class="uk-form-icon uk-width-1-1">
                                            <input type="email" name="email" required="required"  class="uk-width-1-1">
                                            <p>Your Email <span>*</span></p>
                                        </div>
                                    </div>
                                    <div class="uk-width-medium-1-1 uk-width-small-1-1 uk-width-1-1 uk-position-relative">
                                        <div class="uk-form-icon uk-width-1-1">
                                            <textarea rows="5" name="message" required="required"  class="uk-width-1-1"></textarea>
                                            <p>Message <span>*</span></p>
                                        </div>
                                    </div>
                                    <div class="brick-button brick-button-yellow brick-button-radius">
                                        <button type="submit" name="submit">SEND MESSAGE</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="uk-width-medium-1-4 uk-width-small-1-1 uk-width-1-1">
                        <div class="brick-sidebar">
                            <div class="sidebar-about-brick sidebar-box">
                                <h3 class="brick-color-yellow">About The Brick</h3>
                                <p>Vestibulum nunc justo, hendre et pretium sed, tempus eu duirit. Nullam quis dui a nibh aliquet consequat. Sed sodales velit ac lacus viverra blandit. In hac habitasse platea dictumst.</p>
                            </div>
                            <div class="sidebar-recent-project sidebar-box">
                                <h3 class="brick-background-yellow">Recent Projects</h3>
                                <ul>
                                    <li class="brick-hover-full-color-yellow"><a href="#"><span class="fa fa-flag-checkered"></span>Building Coach House</a></li>
                                    <li class="brick-hover-full-color-yellow"><a href="#"><span class="fa fa-flag-checkered"></span>Tower Building</a></li>
                                    <li class="brick-hover-full-color-yellow"><a href="#"><span class="fa fa-flag-checkered"></span>The Green Hotel</a></li>
                                    <li class="brick-hover-full-color-yellow"><a href="#"><span class="fa fa-flag-checkered"></span>American House With Pool</a></li>
                                    <li class="brick-hover-full-color-yellow"><a href="#"><span class="fa fa-flag-checkered"></span>Advanced School</a></li>
                                </ul>
                            </div>
                            <div class="sidebar-services uk-clearfix">
                                <div class="brick-flex-box brick-hover-full-color-yellow uk-float-left">
                                    <div class="box-services">
                                        <span class="fa fa-cogs"></span>
                                        <a href="#"><h3>BUILDING</h3></a>
                                    </div>
                                </div>
                                <div class="brick-flex-box brick-hover-full-color-yellow uk-float-right">
                                    <div class="box-services">
                                        <span class="fa fa-cubes"></span>
                                        <a href="#"><h3>CONSTRUCTION</h3></a>
                                    </div>
                                </div>
                                <div class="brick-flex-box brick-hover-full-color-yellow uk-float-left">
                                    <div class="box-services">
                                        <span class="fa fa-empire"></span>
                                        <a href="#"><h3>ARCHITECTURE</h3></a>
                                    </div>
                                </div>
                                <div class="brick-flex-box brick-hover-full-color-yellow uk-float-right">
                                    <div class="box-services">
                                        <span class="fa fa-pencil"></span>
                                        <a href="#"><h3>DESIGN</h3></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- END BLOG DETAIL -->
        <!-- 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-detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:15:58 GMT -->
</html>