<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home One || Dexen || Printing and Copy Center HTML Template</title>
<link rel="apple-touch-icon" sizes="57x57" href="http://demo.demohuo.top/modals/63/6366/demo/images/favicon//apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="http://demo.demohuo.top/modals/63/6366/demo/images/favicon//apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://demo.demohuo.top/modals/63/6366/demo/images/favicon//apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="http://demo.demohuo.top/modals/63/6366/demo/images/favicon//apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://demo.demohuo.top/modals/63/6366/demo/images/favicon//apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="http://demo.demohuo.top/modals/63/6366/demo/images/favicon//apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="http://demo.demohuo.top/modals/63/6366/demo/images/favicon//apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="http://demo.demohuo.top/modals/63/6366/demo/images/favicon//apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="http://demo.demohuo.top/modals/63/6366/demo/images/favicon//apple-icon-180x180.png">
<link rel="manifest" href="http://demo.demohuo.top/modals/63/6366/demo/images/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" href="static/css/responsive.css">
</head>
<body>
<div class="preloader"></div><!-- /.preloader -->
<div class="page-wrapper">
<header class="site-header header-one">
<div class="top-bar">
<div class="container">
<div class="social-block">
<a href="#"><i class="fa fa-facebook-f"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-youtube-play"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div><!-- /.social-block -->
<div class="logo-block">
<a href=""><img src="static/picture/logo-1-1.png" alt="Awesome Image"></a>
</div><!-- /.logo-block -->
<div class="right-block">
<a href="#"><i class="fa fa-envelope"></i>needhelp@example.com</a>
<a href="#"><i class="fa fa-phone-square"></i>666 888 0000</a>
</div><!-- /.right-block -->
</div><!-- /.container -->
</div><!-- /.top-bar -->
<nav class="navbar navbar-expand-lg navbar-light header-navigation stricky">
<div class="container clearfix">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="logo-box clearfix">
<button class="menu-toggler" data-target="#main-nav-bar">
<span class="fa fa-bars"></span>
</button>
</div><!-- /.logo-box -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="main-navigation" id="main-nav-bar">
<ul class="navigation-box">
<li class=" current ">
<a href="">Home</a>
<ul class="sub-menu">
<li><a href="">Home One</a></li>
<li><a href="index2.html">Home Two</a></li>
<li><a href="">Header Versions</a>
<ul class="sub-menu">
<li><a href="">Header One</a></li>
<li><a href="index2.html">Header Two</a></li>
</ul><!-- /.sub-menu -->
</li>
</ul><!-- /.sub-menu -->
</li>
<li><a href="about.html">About Us</a></li>
<li>
<a href="service.html">Our Services</a>
<ul class="sub-menu">
<li><a href="service.html">Our Services</a></li>
<li><a href="all-service.html">All Services</a></li>
<li><a href="single-service.html">Service Details</a></li>
</ul><!-- /.sub-menu -->
</li>
<li>
<a href="all-project.html">Latest Projects</a>
<ul class="sub-menu">
<li><a href="all-project.html">Latest Projects</a></li>
<li><a href="single-project.html">Project Details</a></li>
</ul><!-- /.sub-menu -->
</li>
<li>
<a href="blog.html">Our News</a>
<ul class="sub-menu">
<li><a href="blog.html">News Grid</a></li>
<li><a href="blog-details.html">News Details</a></li>
</ul><!-- /.sub-menu -->
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div><!-- /.navbar-collapse -->
<div class="right-side-box">
<div class="header__social-block">
<a href="#"><i class="fa fa-facebook-f"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-youtube-play"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div><!-- /.social-block -->
</div><!-- /.right-side-box -->
</div>
<!-- /.container -->
</nav>
</header><!-- /.site-header header-one -->
<div class="main-banner-wrapper">
<section class="banner-style-one owl-theme owl-carousel">
<div class="slide slide-one" style="background-image: url(static/picture/slider-1-1.jpg);">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<span class="tag-line">Welcome to Dexen Company</span>
<h3 class="banner-title">Trusted Printing <br> & Copy Center</h3>
<p>Design helps us to stand out, It tells a story <br> about us and what we stand for.
</p>
<div class="btn-block">
<a href="#" class="banner-btn">Or