<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from brick.qtcmedia.com/html/product-detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:16:15 GMT -->
<head>
<meta charset="UTF-8">
<title>The Birck Architechture & Construction - HTML Template</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="plugins/normalize.css" rel="stylesheet" type="text/css">
<link href="plugins/uikit-2.27.2/css/uikit.min.css" rel="stylesheet" type="text/css">
<link href="plugins/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="plugins/jquery-ui-1.12.1/jquery-ui.min.css" rel="stylesheet" type="text/css">
<link href="plugins/jquery-rateyo/jquery.rateyo.min.css" rel="stylesheet" type="text/css">
<link href="plugins/slick-master/slick/slick.css" rel="stylesheet" type="text/css">
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE COMPONENTS UIKIT -->
<link href="plugins/uikit-2.27.2/css/components/slider.min.css" rel="stylesheet" type="text/css">
<!-- END PAGE COMPONENTS UIKIT -->
<!-- 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="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="active 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>PRODUCT DETAIL</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="product-detail.html">Product Detail</a></li>
</ul>
</div>
</div>
</section>
<!-- END BANNER -->
<!-- BEGIN PRODUCT DETAIL -->
<section class="product-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-detail uk-clearfix">
<div class="box-product-detail uk-clearfix">
<ul class="slick-slider slick-big-images">
<li>
<div class="box-img">
<img src="images/product-detail/1.png" alt="">
</div>
</li>
<li>
<div class="box-img">
<img src="images/product-detail/2.png" alt="">
</div>
</li>
<li>
<div class="box-img">
<img src="images/product-detail/3.png" alt="">
</div>
</li>
</ul>
<ul class="slick-slider slick-thumbnail-images">
<li>
<div class="box-thumbanil">
<img src="images/product-detail/tb-1.png" alt="">
</div>
</li>
<li>
<div class="box-thumbanil">
<img src="images/product-detail/tb-2.png" alt="">
</div>
</li>
<li>
<div class="box-thumbanil">
<img src="images/product-detail/tb-3.png" alt="">
</div>
</li>
</ul>
</div>
<div class="box-detail-content">
<h3>Construction Tools #69</h3>
<p class="price"><i>$600</i>500$</p>
<ul class="rating">
<li>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
</li>
</ul>
<p>Maecenas ac elementum elit. Morbi eu arcu ipsum. Aliquam lobortis accumsan quam ac convallis. Fusce elit mauris, aliquet at odio vel, convallis vehicula nisi. Morbi vitae porttitor dolor. Integer eget metus sem. Nam venenatis mauris vel leo pulvinar.</p>
<div class="box-qty">
<button class="qty-minus" type="button">-</button>
<input class="qty-number" type="text" value="1">
<button class="qty-plus" type="button">+</button>
</div>
<div class="brick-button brick-button-yellow brick-button-radius">
<a href="#"><h3>BUY NOW</h3></a>
</div>
</div>
</div>
<div class="box-review">
<ul class="uk-subnav uk-subnav-pill" data-uk-switcher="{connect:'#switcher-content-a-fade', animation: 'fade'}">
<li><a href="#">Product Description</a></li>
<li><a href="#">Reviews(2)</a></li>
</ul>
<ul id="switcher-content-a-fade" class="uk-switcher">
<li class="product-description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac elementum elit. Morbi eu arcu ipsum. Aliquam lobortis accumsan quam ac convallis. Fusce elit mauris, aliquet at odio vel, convallis vehicula nisi. Morbi vitae porttitor dolor. Integer eget metus sem. Nam venenatis mauris vel leo pulvinar, id rutrum dui varius. Nunc ac varius quam, non convallis magna. Vestibulum id leo ornare, euismod urna id, rhoncus nibh. Morbi sit amet lectus vel ligula posuere elementum. Fusce vulputate urna libero. Praesent lobortis rutrum metus, ac luctus purus ultricies sed.</p>
<p> </p>
<p>Donec suscipit commodo dapibus. Vestibulum et ullamcorper ligula. Morbi bibendum tempor rutrum. Pellentesque auctor purus id molestie ornare.Donec eu lobortis risus. Pellentesque sed aliquam lorem. Praesent pulvinar lorem vel mauris ultrices posuere. Phasellus elit ex, gravida a semper ut, venenatis vitae diam. Nullam eget leo massa. Aenean eu consequat arcu, vitae scelerisque quam. Suspendisse risus turpis, pharetra a finibus vitae, lobortis et mi.</p>
</li>
<li class="poduct-reviews">
<h3><span>2</span> review for Construction Tools #69</h3>
<ul>
<li>
<div class="review">
<h6>
Kendy Rober
<i>|</i>
<span>June 02, 2017</span>
<i>|</i>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas rutrum dolor eget iaculis dapibus.</p>
</div>
</li>
<li>
<div class="review">
<h6>
John Deep
<i>|</i>
<span>June 04, 2017</span>
<i>|</i>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas rutrum dolor eget iaculis dapibus.</p>
</div>
</li>
</ul>
<h3>Add a Review</h3>
<div class="form-comment">
<form id="comment" class="uk-form kc-form-detail" action="#" method="post">
<h5>Your Rating</h5>
<div id="rateYo"></div>
<div class="uk-grid">
<div class="uk-width-medium-1-1 uk-width-small-1-1 uk-width-1-1">
<h5>Name</h5>
<input class="uk-width-1-1" type="text" placeholder="Name">
</div>
<div class="uk-width-medium-1-1 uk-width-small-1-1 uk-width-1-1">
<h5>Email</h5>
<input class="uk-width-1-1" type="email" placeholder="Email">
</div>
<div class="uk-width-medium-1-1 uk-width-small-1-1 uk-width-1-1">
<h5>Your Review</h5>
<textarea class="uk-width-1-1" rows="5" placeholder="Your Reviews"></textarea>
</div>
</div>
<div class="brick-button brick-button-yellow brick-button-radius">
<button type="submit">SUBMIT</button>
</div>
</form>
</div>
</li>
</ul>
</div>
<div class="related-product">
<h3>Related Product</h3>
<div data-uk-slider="{autoplay: true, autoplayInterval: 4000}">
<div class="uk-slider-container">
<ul class="uk-slider uk-grid uk-grid-match uk-grid-width-medium-1-3 uk-grid-width-small-1-2 uk-grid-width-1-1">
<li>
<div class="box-products">
<div class="box-img brick-flex-box">
<a href="#"><img src="images/shop/1-1.png" alt=""></a>
<div class="box-overlay">
<a href="#">Add to Cart</a>
</div>
</div>
<a href="#" class="brick-hover-child-color-yellow"><h5>Construction #01</h5></a>
<p><i>$600</i>500$</p>
<ul class="rating">
<li>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
</li>
</ul>
</div>
</li>
<li>
<div class="box-products">
<div class="box-img brick-flex-box">
<a href="#"><img src="images/shop/1-2.png" alt=""></a>
<div class="box-overlay">
<a href="#">Add to Cart</a>
</div>
</div>
<a href="#" class="brick-hover-child-color-yellow"><h5>Construction #02</h5></a>
<p><i>$600</i>500$</p>
<ul class="rating">
<li>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star-half-o brick-color-yellow"></span>
</li>
</ul>
</div>
</li>
<li>
<div class="box-products">
<div class="box-img brick-flex-box">
<a href="#"><img src="images/shop/1-3.png" alt=""></a>
<div class="box-overlay">
<a href="#">Add to Cart</a>
</div>
</div>
<a href="#" class="brick-hover-child-color-yellow"><h5>Construction #03</h5></a>
<p><i>$600</i>500$</p>
<ul class="rating">
<li>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star-half-o brick-color-yellow"></span>
<span class="fa fa-star-o brick-color-yellow"></span>
</li>
</ul>
</div>
</li>
<li>
<div class="box-products">
<div class="box-img brick-flex-box">
<a href="#"><img src="images/shop/1-2.png" alt=""></a>
<div class="box-overlay">
<a href="#">Add to Cart</a>
</div>
</div>
<a href="#" class="brick-hover-child-color-yellow"><h5>Construction #02</h5></a>
<p><i>$600</i>500$</p>
<ul class="rating">
<li>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star-half-o brick-color-yellow"></span>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</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-search">
<form id="sidebar_search" class="uk-form" action="#" method="post">
<div class="uk-grid">
<div class="uk-form-icon uk-width-1-1">
<input type="text" placeholder="Search" class="uk-width-1-1">
<span class="fa fa-search"></span>
</div>
</div>
</form>
</div>
<div class="sidebar-filter">
<h3>Filter</h3>
<div class="price-filter">
<p class="uk-clearfix">
<input type="text" id="min" readonly>
<input type="text" id="max" readonly>
</p>
<div id="price_filter"></div>
</div>
</div>
<div class="sidebar-latest-product sidebar-box">
<h3 class="brick-background-yellow">Latest Product</h3>
<ul>
<li>
<div class="brick-flex-box">
<div class="box-img">
<a href="#"><img src="images/shop/latest-product-1.png" alt=""></a>
</div>
<div class="box-product-info">
<a href="#" class="brick-hover-child-color-yellow"><h5>Construction Tools #36</h5></a>
<p><i>$600</i>$500</p>
<ul class="rating">
<li>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star-half-o brick-color-yellow"></span>
<span class="fa fa-star-o brick-color-yellow"></span>
</li>
</ul>
</div>
</div>
</li>
<li>
<div class="brick-flex-box">
<div class="box-img">
<a href="#"><img src="images/shop/latest-product-2.png" alt=""></a>
</div>
<div class="box-product-info">
<a href="#" class="brick-hover-child-color-yellow"><h5>Construction Tools #37</h5></a>
<p><i>$600</i>$500</p>
<ul class="rating">
<li>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star-half-o brick-color-yellow"></span>
<span class="fa fa-star-o brick-color-yellow"></span>
</li>
</ul>
</div>
</div>
</li>
<li>
<div class="brick-flex-box">
<div class="box-img">
<a href="#"><img src="images/shop/latest-product-3.png" alt=""></a>
</div>
<div class="box-product-info">
<a href="#" class="brick-hover-child-color-yellow"><h5>Construction Tools #38</h5></a>
<p><i>$600</i>$500</p>
<ul class="rating">
<li>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star-half-o brick-color-yellow"></span>
<span class="fa fa-star-o brick-color-yellow"></span>
</li>
</ul>
</div>
</div>
</li>
<li>
<div class="brick-flex-box">
<div class="box-img">
<a href="#"><img src="images/shop/latest-product-4.png" alt=""></a>
</div>
<div class="box-product-info">
<a href="#" class="brick-hover-child-color-yellow"><h5>Construction Tools #39</h5></a>
<p><i>$600</i>$500</p>
<ul class="rating">
<li>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star brick-color-yellow"></span>
<span class="fa fa-star-half-o brick-color-yellow"></span>
<span class="fa fa-star-o brick-color-yellow"></span>
</li>
</ul>
</div>
</div>
</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 PRODUCT 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>©<span>The Brick</span>, All rights reserved</p>
</div>
</footer>
<!-- END FOOTER -->
<div class="brick-backtotop brick-background-yellow" data-uk-smooth-scroll><span class="fa fa-arrow-up"></span></div>
<!-- BEGIN JQUERY JS -->
<script src="plugins/jquery/jquery-1.12.4.min.js"></script>
<script src="plugins/uikit-2.27.2/js/uikit.min.js" type="text/javascript"></script>
<script src="plugins/jquery-ui-1.12.1/jquery-ui.min.js" type="text/javascript"></script>
<script src="plugins/jquery-rateyo/jquery.rateyo.min.js" type="text/javascript"></script>
<script src="plugins/slick-master/slick/slick.min.js" type="text/javascript"></script>
<!-- END JQUERY JS -->
<!-- BEGIN COMPONENT UIKIT-->
<script src="plugins/uikit-2.27.2/js/components/slider.min.js" type="text/javascript"></script>
<!-- END COMPONENT UIKIT-->
<!-- BEGIN MAIN JS -->
<script src="js/main.js"></script>
<!-- END MAIN JS -->
</body>
<!-- Mirrored from brick.qtcmedia.com/html/product-detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 07 Mar 2019 04:16:21 GMT -->
</html> |