<!DOCTYPE html>
<html lang="en-US">
<head>

<!-- Meta
	============================================= -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, intial-scale=1, max-scale=1">
<meta name="author" content="OpenzcTPL.">
<!-- description -->
<meta name="description" content="">
<!-- keywords -->
<meta name="keywords" content="">

<!-- Stylesheets============================================= -->
{openzc:include filename="common/css.tpl"/}

<!-- Favicon============================================= -->
{openzc:include filename="common/favicon.tpl"/}

<!-- Title
	============================================= -->
<title>{openzc:define.HOME_PAGE_TITLE/}</title>
</head>
<body>
<!-- Document Full Container
	============================================= -->
<div id="full-container"> 
  <!-- Header============================================= -->
  {openzc:include filename="common/header.tpl"/}
  <!-- #header end --> 
  
  <!-- Content
		============================================= -->
  <section id="content">
    <div id="content-wrap"> 
      
      <!-- === Content Main =========== -->
      <div id="content-main" class="section-flat">
        <div class="section-content">
          <div class="container">
            <div class="row">
              {openzc:include filename="index/banner.tpl"/}
              
              {openzc:include filename="index/service.tpl"/}
              
              
              <div class="divider-50 hidden-xs"></div>
              {openzc:include filename="index/offers_today.tpl"/}
             
              
              <div class="divider-50"></div>
              <div class="col-md-12">
                <div class="row">
                  <div class="col-md-3 col-xs-6 mb-md-30">
                    <div class="box-banner"> <a href="javascript:;"><img src="/assets/images/files/box-banner/img-3.png" alt=""></a> </div>
                    <!-- .box-banner end --> 
                  </div>
                  <!-- .col-md-3 end -->
                  <div class="col-md-3 col-xs-6 col-md-push-6">
                    <div class="box-banner mb-30"> <a href="javascript:;"><img src="/assets/images/files/box-banner/img-5.png" alt=""></a> </div>
                    <!-- .box-banner end -->
                    <div class="box-banner"> <a href="javascript:;"><img src="/assets/images/files/box-banner/img-6.png" alt=""></a> </div>
                    <!-- .box-banner end --> 
                  </div>
                  <!-- .col-md-3 end -->
                  <div class="col-md-6 col-sm-12 col-md-pull-3">
                    <div class="box-banner"> <a href="javascript:;"><img src="/assets/images/files/box-banner/img-4.png" alt=""></a> </div>
                    <!-- .box-banner end --> 
                  </div>
                  <!-- .col-md-6 end --> 
                </div>
                <!-- .row end --> 
                
              </div>
              <!-- .col-md-12 end -->
              
              <div class="divider-50"></div>
              {openzc:include filename="index/latest_products.tpl"/}
              <!-- .col-md-12 end -->
              
              <div class="divider-50"></div>
              <div class="col-md-12">
                <div class="box-banner"> <a href="javascript:;"><img src="/assets/images/files/box-banner/img-7.png" alt=""></a> </div>
                <!-- .box-banner end --> 
                
              </div>
              <!-- .col-md-12 end -->
              
              <div class="divider-50"></div>
          
              <!-- .col-md-12 end -->
              
              <div class="divider-50 hidden-xs"></div>
              {openzc:include filename="index/catelist_products.tpl"/}
              
              <div class="divider-50"></div>
              <div class="col-md-12">
                <div class="row">
                  <div class="col-sm-6">
                    <div class="box-banner"> <a href="javascript:;"><img src="/assets/images/files/box-banner/img-8.png" alt=""></a> </div>
                    <!-- .box-banner end --> 
                  </div>
                  <!-- .col-sm-6 end -->
                  <div class="col-sm-6">
                    <div class="box-banner"> <a href="javascript:;"><img src="/assets/images/files/box-banner/img-9.png" alt=""></a> </div>
                    <!-- .box-banner end --> 
                  </div>
                  <!-- .col-sm-6 end --> 
                </div>
                <!-- .row end --> 
                
              </div>
              <!-- .col-md-12 end --> 
              
            </div>
            <!-- .row end --> 
          </div>
          <!-- .container end --> 
          
        </div>
        <!-- .section-content end --> 
        
      </div>
      <!-- .section-flat end --> 
      
    </div>
    <!-- #content-wrap --> 
    
  </section>
  <!-- #content end --> 
  
  <!-- Footer
		============================================= -->
  <footer id="footer">
    {openzc:include filename="common/newsletters.tpl"/}
    {openzc:include filename="common/footer.tpl"/}
  </footer>
  <!-- #footer end -->
  
  <div class="side-full-categories">
    <div class="mobile-full-categories">
      <h5>All Categories</h5>
      <ul class="mobile-menu-categories">
      </ul>
      <!-- .mobile-menu-categories end --> 
    </div>
    <!-- .mobile-full-categories end --> 
  </div>
  <!-- .side-full-categories end -->
  
  <div class="box-notification"> <i class="fa fa-cart-arrow-down"></i>
    <div class="box-content"> <span>Added to Cart</span>
      <h5>Elitebook 2019</h5>
      <a class="btn x-small grey hover-colorful" href="javascript:;">Shop Cart</a> </div>
    <!-- .box-content end --> 
    <a class="close" href="javascript:;">×</a> </div>
  <!-- .box-notification end --> 
  
</div>
<!-- #full-container end --> 

<a class="scroll-top-icon scroll-top" href="javascript:;"><i class="fa fa-angle-up"></i></a> 

<!-- External JavaScripts============================================= --> 
{openzc:include filename="common/script.tpl"/}
</body>
</html>
