File: /var/www/dhoistage.concertium.com/html/project.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="format-detection" content="telephone=no" />
<title>DHOI</title>
<link href="css/bootstrap.css" rel="stylesheet"/>
<link type="text/css" rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/jcarousel.responsive.css"/>
<!--Custom style for Offcanvas -->
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"/></script><![endif]-->
<!-- CSS code from Bootply.com editor -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic|Yanone+Kaffeesatz:400,200,300,700' rel='stylesheet' type='text/css'/>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script src="js/ie-emulation-modes-warning.js" type="text/javascript"></script>
<script src="js/ie10-viewport-bug-workaround.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>
<body>
<div class="wrapper">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="DHOI" title="DHOI" /></a>
</div>
<div class="header_right">
<span>Office: <small>(813) 281- 0474</small> Fax: <small>(813) 281- 0584</small></span>
<span>Toll Free: <small>(877) 431- DHOI</small></span>
<a href="mailto:contact@dhoi.com">contact@dhoi.com</a>
<strong>Your source for division 8 commercial doors,<br /> frames and finish hardware</strong>
</div>
<div class="clear"></div>
</div>
<div class="navbar navbar-default">
<div class="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div><!--/navbar-header -->
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="product.html">Products</a></li>
<li><a href="service.html">Services</a></li>
<li class="active"><a href="project.html">Projects</a></li>
<li><a href="industry_link.html">Industry Links</a></li>
<li><a href="resource.html">Resources</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/navigate -->
</div><!--/navbar -->
<div class="containerArea">
<div class="main_content">
<h1 class="left">Projects </h1>
<div class="contentInn">
<div class="proBanner ">
<div class="cycle-slideshow"
data-cycle-fx=scrollHorz
data-cycle-timeout=2000
data-cycle-prev=".prevControl"
data-cycle-next=".nextControl"
data-cycle-pause-on-hover="true"
data-cycle-pager="#no-template-pager ul"
data-cycle-pager-template=""
data-cycle-slides="> div"
data-cycle-caption="#custom-caption"
data-cycle-caption-template="{{slideNum}} / {{slideCount}} Images"
>
<div class="slide"><img src="images/pro_pic1.jpg" alt=""></div>
<div class="slide"><img src="images/pro_pic2.jpg" alt=""></div>
<div class="slide"><img src="images/pro_pic1.jpg" alt=""></div>
<div class="slide"><img src="images/pro_pic2.jpg" alt=""></div>
<div class="slide"><img src="images/pro_pic1.jpg" alt=""></div>
<div class="slide"><img src="images/pro_pic2.jpg" alt=""></div>
<div class="slide"><img src="images/pro_pic1.jpg" alt=""></div>
<div class="slide"><img src="images/pro_pic2.jpg" alt=""></div>
</div>
<div class="jcarousel-wrapper">
<div id="no-template-pager" class="cycle-pager external jcarousel">
<ul>
<li><a href="javascript:void(0)"><img src="images/pro_pic1.jpg" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="images/pro_pic2.jpg" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="images/pro_pic1.jpg" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="images/pro_pic2.jpg" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="images/pro_pic1.jpg" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="images/pro_pic2.jpg" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="images/pro_pic1.jpg" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="images/pro_pic2.jpg" alt=""></a></li>
</ul>
</div>
<a href="#" class="jcarousel-control-prev">‹</a>
<a href="#" class="jcarousel-control-next">›</a>
<div class="pageBox clearfix">
<!-- empty element for caption -->
<div id="custom-caption" class="center"></div>
<!--Thumbnail Slider With Pager -->
<p class="jcarousel-pagination"></p>
</div>
</div>
</div>
<h3>Product Title</h3>
<div class="clearfix">
<div class="projectDetails">
<p>Whether working with new construction, renovation, upgrades, or refurbishment, DHOI customers are assured top quality, professional service, and a commitment to satisfaction. </p>
<p>Whether working with new construction, renovation, upgrades, or refurbishment, DHOI customers are assured top quality, professional service, and a commitment to satisfaction. </p>
<p>Whether working with new construction, renovation, upgrades, or refurbishment, DHOI customers are assured top quality, professional service, and a commitment to satisfaction. </p>
<p>Whether working with new construction, renovation, upgrades, or refurbishment, DHOI customers are assured top quality, professional service, and a commitment to satisfaction. </p>
</div>
<div class="projectMap"><a href="#"><img src="images/google_map.jpg" alt="map" title="map"></a></div>
</div>
</div>
</div>
<div class="right_sidebar">
<h2>Partners</h2>
<h3><a href="#">Partners</a></h3>
<div class="pBox">
<ul>
<li><a href="#"><img src="images/partners1.png" alt="arcat" title="arcat" /></a></li>
<li><a href="#"><img src="images/partners2.png" alt="yale" title="yale" /></a></li>
<li><a href="#"><img src="images/partners3.png" alt="sbd" title="sbd" /></a></li>
<li><a href="#"><img src="images/partners4.png" alt="trimko" title="trimko" /></a></li>
<li><a href="#"><img src="images/partners5.png" alt="norton" title="norton" /></a></li>
<li><a href="#"><img src="images/partners6.png" alt="mck" title="mck" /></a></li>
<li><a href="#"><img src="images/partners7.png" alt="hes" title="hes" /></a></li>
<li><a href="#"><img src="images/partners8.png" alt="dorma" title="dorma" /></a></li>
<li><a href="#"><img src="images/partners9.png" alt="corbin" title="corbin" /></a></li>
<li><a href="#"><img src="images/partners10.png" alt="rixson" title="rixson" /></a></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div class="company_details_area">
<div class="certified_area">
<a href="#"><img src="images/certified_logo.jpg" alt="certifiedlogo" title="certifiedlogo" /></a>
<h2>Accredited & Certified Hardware Consultant on Staff</h2>
</div>
<div class="company_details">
<div class="company_contact">
<div><img src="images/map.jpg" title="map" alt="map" /></div>
<h2>BUSINESS HOUR</h2>
<span><strong>Monday-Friday:</strong> 7am to 5pm</span>
<span><strong>Saturday & Sunday:</strong> Closed</span>
<div class="clear"></div>
<em>5712 W. Sligh Ave.<br /> Tampa, FL 33634</em>
</div>
<div class="company_about">
<div class="abouttag"><h2>ABOUT US</h2></div>
<div class="pBox">
<p>DHOI is your source for division 8 wood and hollow metal doors, metal frames, and architectural finish hardware. We serve customers throughout the southeastern United States from three locations, in Tampa, Orlando, and Brooksville, Florida. We are at your service, with a warehouse stocked with doors and hardware from leading manufacturers and a box truck fleet for quick delivery to your location.</p>
<p>If you need custom doors or specialty hardware, or have special requirements, just ask. We operate a machine shop staffed by experienced craftsmen who can fulfill your most complex requests. Our knowledgeable sales personnel are your resource for complete product specifications and delivery.</p>
<p>The door is open, so come in and explore our divisions and visit our exceptional list of manufacturers! </p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="social_area">
<div class="wrapper">
<a href="#"><img src="images/social_icon1.png" title="facebook" alt="facebook" /></a>
<a href="#"><img src="images/social_icon2.png" title="twitter" alt="twitter" /></a>
<a href="#"><img src="images/social_icon3.png" title="instagram" alt="instagram" /></a>
<a href="#"><img src="images/social_icon4.png" title="youtube" alt="youtube" /></a>
<a href="#"><img src="images/social_icon5.png" title="pinterest" alt="pinterest" /></a>
<a href="#"><img src="images/social_icon6.png" title="google" alt="google" /></a>
</div>
</div>
<div class="wrapper">
<div class="footer_main_area">
<div class="footer_main">
<div class="footer_main_nav">
<div class="navtoggl">Navigation</div>
<div class="pBox">
<ul>
<li><a href="privacy_policy.html">Privacy Policy </a></li>
<li><a href="terms_conditions.html">Terms & Conditions</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
<div class="footer_main_left">
Copyright DHOI© Allright Reserved
</div>
<div class="footer_main_right">
Powered by <a href="http://www.shieldwatch.com">ShieldWatch</a>
</div>
</div>
</div>
</div>
<!--for jquery-->
<script type='text/javascript' src="js/jquery.min.js"></script>
<script type='text/javascript' src="js/jquery.cycle2.js"></script>
<script>!window.jQuery.ui && document.write(unescape('%3Cscript src="assets/js/jquery.js"%3E%3C/script%3E'))</script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="js/jcarousel.responsive.js"></script>
</body>
</html>