<!doctype html>
<html class="no-js" lang="zxx">
<head>
<!--========= Required meta tags =========-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>Pixen - Printing Services Company HTML5 Template</title>
<!--====== Favicon ======-->
<link rel="shortcut icon" href="http://demo.demohuo.top/modals/68/6817/demo/assets/images/logo/favicon.png" type="images/x-icon">
<!--====== CSS Here ======-->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/font-awesome.min.css">
<link rel="stylesheet" href="static/css/lightcase.css">
<link rel="stylesheet" href="static/css/meanmenu.css">
<link rel="stylesheet" href="static/css/nice-select.css">
<link rel="stylesheet" href="static/css/owl.carousel.min.css">
<link rel="stylesheet" href="static/css/odometer.css">
<link rel="stylesheet" href="static/css/animate.min.css">
<link rel="stylesheet" href="static/css/preloader.css">
<link rel="stylesheet" href="static/css/style.css">
</head>
<body id="header">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- preloader -->
<div id="preloader">
<div id="ctn-preloader" class="ctn-preloader">
<div class="animation-preloader">
<div class="spinner"></div>
<div class="txt-loading">
<span data-text-preloader="P" class="letters-loading">
P
</span>
<span data-text-preloader="I" class="letters-loading">
I
</span>
<span data-text-preloader="X" class="letters-loading">
X
</span>
<span data-text-preloader="E" class="letters-loading">
E
</span>
<span data-text-preloader="N" class="letters-loading">
N
</span>
</div>
</div>
<div class="loader">
<div class="row">
<div class="col-3 loader-section section-left">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-left">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-right">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-right">
<div class="bg"></div>
</div>
</div>
</div>
</div>
</div>
<!-- preloader end -->
<!-- header start -->
<header class="header">
<div class="header__bottom header__bottom--2">
<div class="container-fluid">
<div class="row">
<div class="col-xl-8 col-lg-12">
<div class="navarea navarea__2">
<a href="index.html" class="site-logo">
<img src="static/picture/logo.png" alt="LOGO">
</a>
<div class="mainmenu mainmenu__2">
<nav id="mobile-menu">
<ul>
<li class="menu_has_children">
<a href="index.html">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home Style 01</a></li>
<li><a href="">Home Style 02</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="#0">Pages</a>
<ul class="sub-menu">
<li><a href="team.html">Team</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="service-details.html">Service Details</a></li>
<li><a href="project-details.html">Project Details</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
</ul>
</li>
<li><a href="service.html">Services</a></li>
<li><a href="project.html">Project</a></li>
<li><a href="news.html">Article</a>
<ul class="sub-menu">
<li><a href="news-details.html">Article Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="mobile-menu"></div>
</div>
</div>
<div class="col-xl-4 col-lg-2 my-auto">
<div class="lang-quote lang-quote__2">
<div class="call-info">
<div class="call-info__icon">
<i class="fa fa-phone-volume"></i>
</div>
<div class="call-info__content">
<span>Call us:</span>
<a href="tel:505635-2400">(505) 635-2400</a>
</div>
</div>
<a href="contact.html" class="quote-btn">Get a quote</a>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header end -->
<!-- hero start -->
<section class="hero__2 bg_img" data-background="static/picture/hero-banner-2.jpeg">
<div class="container-fluid">
<div class="row justify-content-end">
<div class="col-xl-5 custom-col-width justify-content-end col-lg-7">
<div class="hero__content hero__content--2 text-center">
<div class="hero-icon">
<img src="static/picture/hero-icon.png" alt="">
</div>
<div class="hero-text">
<h2>Printing <br>
Made Easier</h2>
<p>Your priority is ours</p>
<a href="about.html" class="site-btn site-btn__2"><span class="icon"><i class="far fa-arrow-right"></i></span> Read More</a>