蓝色欧美风格的印刷设计公司企业网站源码下载



6 23 8



模板描述:蓝色欧美风格 印刷设计公司 企业网站,蓝色欧美风格的印刷设计公司企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">

2. 引入JS

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/isotope.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/isotope.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/custom.js"></script>

3. HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Printify - Responsive HTML 5 template</title>
    <!-- mobile responsive meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="img/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
    <link rel="manifest" href="img/favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
</head>
<body class="active-preloader-ovh">
<div class="preloader"><div class="spinner"></div></div><!-- /.preloader -->
<header class="header home-page-one">
    <nav class="navbar navbar-default header-navigation stricky">
        <div class="thm-container clearfix">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".main-navigation" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">
                    <img src="img/logo.png" alt="Awesome Image"/>
                </a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse main-navigation mainmenu " id="main-nav-bar">
                <ul class="nav navbar-nav navigation-box">
                    <li class="current"> 
                        <a href="index.html">Home</a> 
                        <ul class="sub-menu">
                            <li><a href="index.html">Home Page One</a></li>
                            <li><a href="index2.html">Home Page Two</a></li>
                        </ul><!-- /.sub-menu -->
                    </li>
                    <li> <a href="about.html">About</a> </li>
                    <li> 
                        <a href="services.html">Services</a> 
                        <ul class="sub-menu">
                            <li><a href="services.html">Service Page</a></li>
                            <li><a href="all-services.html">All Services</a></li>
                            <li><a href="service-details.html">Service Details</a></li>
                        </ul><!-- /.sub-menu -->
                    </li>
                    <li> 
                        <a href="#">Pages</a> 
                        <ul class="sub-menu">
                            <li><a href="pricing.html">Pricing</a></li>
                            <li><a href="404.html">404 Page</a></li>
                            <li><a href="project.html">Project Page</a></li>
                            <li><a href="project-details.html">Project Details</a></li>
                        </ul><!-- /.sub-menu -->
                    </li>
                    <li> 
                        <a href="blog.html">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</a> </li>
                </ul>                
            </div><!-- /.navbar-collapse -->
            <div class="right-side-box">
            	<div class="social">
            		<a href="#" class="fab fa-twitter hvr-pulse"></a><!--  
            		 --><a href="#" class="fab fa-pinterest hvr-pulse"></a><!--  
            		 --><a href="#" class="fab fa-facebook-f hvr-pulse"></a><!--  
            		 --><a href="#" class="fab fa-youtube hvr-pulse"></a>
            	</div><!-- /.social -->
            </div><!-- /.right-side-box -->
        </div><!-- /.container -->
    </nav>   
</header><!-- /.header -->
<div id="minimal-bootstrap-carousel" class="carousel slide carousel-fade slider-home-one" data-ride="carousel">           
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active slide-1" style="background-image: url(img/banner-1-1.jpg);background-position: left top;">
            <div class="carousel-caption">
                <div class="thm-container">
                    <div class="box valign-middle">
                        <div class="content ">
                            <h3 data-animation="animated fadeInUp">We bring design together with technology</h3>
                            <h2 data-animation="animated fadeInDown">Copying and <br />Printing Center</h2>
                            <a href="pricing.html" class="thm-btn" data-animation="animated fadeInDown">Our Pricing</a>
                        </div>
                    </div>
                </div>
            </div>                
        </div>
        <div class="item slide-2" style="background-image: url(img/banner-1-2.jpg);background-position: left top;">
            <div class="carousel-caption">
                <div class="thm-container">
                    <div class="box valign-middle">
                        <div class="content ">
                            <h3 data-animation="animated fadeInUp">We bring design together with technology</h3>
                            <h2 data-animation="animated fadeInDown">Copying and <br />Printing Center</h2>
                            <a href="pricing.html" class="thm-btn" data-animation="animated fadeInDown">Our Pricing</a>
                        </div>
                    </div>
                </div>
            </div>                
        </div>
    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#minimal-bootstrap-carousel" role="button" data-slide="prev">
        <i class="fa fa-angle-left"></i>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#minimal-bootstrap-carousel" role="button" data-slide="next">
        <i class="fa fa-angle-right"></i>
        <span class="sr-only">Next</span>
    </a>
    <ul class="carousel-indicators list-inline custom-navigation">
        <li data-target="#minimal-bootstrap-carousel" data-slide-to="0" class="active"></li><!--
        --><li data-target="#minimal-bootstrap-carousel" data-slide-to="1"></li>
    </ul>
</div>
<section class="welcome-section sec-pad">
    <div class="thm-container">
        <div class="row">
            <div class="col-md-6">
                <div class="welcome-img-box">
                    <img src="img/welcome-1-1.png" alt="Awesome Image"/>
                </div><!-- /.welcome-img-box -->
            </div><!-- /.col-md-6 -->
            <div class="col-md-6">
                <div class="welcome-content">
                    <div class="title">
                        <p>Welcome to printify</p>
                        <h3>Dream it. Print it.</h3>
                    </div><!-- /.title -->
                    <p>When we say we’re not happy until you’re happy, we really do mean it. So whether it’s a typo or an image that didn’t print quite the way you hoped, we’ll do everything we can to <br /> fix it.</p>
                    <p>We love great design and believe it can work wonders for every business. That’s why we make it simple to create beautiful, expertly crafted business stationery.</p>
                    <a href="about.html" class="thm-btn yellow-bg">Learn More</a>
                </div><!-- /.welcome-content -->
            </div><!-- /.col-md-6 -->
        </div><!-- /.row -->
    </div><!-- /.thm-container -->
</section><!-- /.welcome-section -->
<section class="what-we-do sec-pad">
    <div class="thm-container">
        <div class="sec-title text-center">
            <span>Our features</span>
            <h3>What We Do</h3>
            <p>There are many variations of passages of lorem Ipsum available, but <br /> the majority have suffered alteration in some form.</p>
        </div><!-- /.sec-title -->
        <div class="row">
            <div class="col-lg-6 col-md-12">
                <div class="single-what-we-do">
                    <div class="img-box">
                        <img src="img/what-we-do-1-1.jpg" alt="" />
                    </div><!-- /.img-box -->
                    <div class="text-box hvr-bounce-to-bottom">
                        <a href="service-details.html"><h3>3D Printing</h3></a>
                        <p>There are many people variation of passages of lorem Ipsum available in the majority have suffer alteration in some.</p>
                        <a href="service-details.html" class="read-more fas fa-angle-right"></a>
                    </div><!-- /.text-box -->
                </div><!-- /.single-what-we-do -->
            </div><!-- /.col-md-6 -->
            <div class="col-lg-6 col-md-12">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="single-what-we-do-one hvr-bounce-to-bottom">
                            <i class="printify-icon-paper-drill"></i>
                            <a href="service-details.html"><h3>Digital Printing</h3></a>
                            <p>There are many people variation of passages of lorem Ipsum available in the majority have suffer alteration in some.</p>
                            <a href="service-details.html" class="read-more fas fa-angle-right"></a>
                        </div><!-- /.single-what-we-do-one -->
                    </div><!-- /.col-sm-6 -->
                    <div class="col-sm-6">
                        <div class="single-what-we-do-one hvr-bounce-to-bottom">
                            <i class="printify-icon-printing-text"></i>
                            <a href="service-details.html"><h3>Offset Printing</h3></a>
                            <p>There are many people variation of passages of lorem Ipsum available in the majority have suffer alteration in some.</p>
                            <a href="service-details.html" class="read-more fas fa-angle-right"></a>
                        </div><!-- /.single-what-we-do-one -->
                    </div><!-- /.col-sm-6 -->
                </div><!-- /.row -->
            </div><!-- /.col-md-6 -->
        </div><!-- /.row -->
    </div><!-- /.thm-container -->
</section><!-- /.what-we-do -->
<section class="testi-carousel-wrapper">
	<div class="overlay"></div><!-- /.overlay -->
    <div class="thm-container">
	    <div class="testi-carousel owl-carousel owl-theme">
	        <div class="item single-testimonials">
                <div class="img-box">
                    <img src="img/testi-1-1.jpg" alt="Awesome Image"/>
                </div><!-- /.img-box -->
                <div class="text-box">
                    <h3>This is due to their excellent service, competitive pricing and customer support. It’s throughly refresing to get such a personal touch.</h3>
                    <p>Christine Eve</p>
                </div><!-- /.text-box -->
	        </div>
	        <div class="item single-testimonials">
                <div class="img-box">
                    <img src="img/testi-1-2.jpg" alt="Awesome Image"/>
                </div><!-- /.img-box -->
                <div class="text-box">
                    <h3>I never leave the house without my business cards. They accompany me to meetings, interviews and all social events, I am very happy with printify.</h3>
                    <p>Jessica Brown</p>
                </div><!-- /.text-box -->
	        </div>
	    </div>
    </div><!-- /.thm-container -->
</section><!-- /.testi-carousel-wrapper -->
<section class="faq-section">
    <div class="thm-container">
        <div class="row">
            <div class="col-md-5">
                <div class="we-believe-carousel owl-carousel owl-theme">
                    <div class="item">
                        <div class="single-we-believe text-center">
                            <div class="img-box">
                                <img src="img/we-belive-in-1-1.jpg" alt="Awesome Image"/>
                            </div><!-- /.img-box -->
                            <div class="text-box">
                                <h3>We believe in the <br /> power of great <br /> design</h3>
                                <p>Design helps us stand out: from the clothes we wear, to the homes we live in, to the business cards we use. Design tells a story about <br /> us and what we stand for.</p>
                                <a href="services.html" class="thm-btn yellow-bg">Learn More</a>
                            </div><!-- /.text-box -->
                        </div><!-- /.single-we-believe -->
                    </div><!-- /.item -->
                    <div class="item">
                        <div class="single-we-believe text-center">
                            <div class="img-box">
                                <img src="img/we-belive-in-1-2.jpg" alt="Awesome Image"/>
                            </div><!-- /.img-box -->
                            <div class="text-box">
                                <h3>We believe in the <br /> power of great <br /> design</h3>
                                <p>Design helps us stand out: from the clothes we wear, to the homes we live in, to the business cards we use. Design tells a story about <br /> us and what we stand for.</p>
                                <a href="services.html" class="thm-btn yellow-bg">Learn More</a>
                            </div><!-- /.text-box -->
                        </div><!-- /.single-we-believe -->
                    </div><!-- /.item -->
                </div><!-- /.we-believe-carousel -->
            </div><!-- /.col-md-5 -->
            <div class="col-md-7">
                <div class="faq-content">
                    <div class="title">
                        <span>Question and answers</span>
                        <h2>Frequently <br />Asked Questions</h2>
                    </div><!-- /.title -->
                    <div class="accrodion-grp" data-grp-name="faq-accrodion">
                        <div class="accrodion active">
                            <div class="accrodion-title">
                                <h4>Want to make plan for retairment?</h4>
                            </div>
                            <div class="accrodion-content">
                                <p>Color Business Cards start at $19.99 for 50 cards.</p>
                                <p>The final cost depends on which turnaround time and paper/finish options you've selected at checkout - you can get an accurate quote in seconds using our online cost calculator.</p>
                            </div>
                        </div>
                        <div class="accrodion ">
                            <div class="accrodion-title">
                                <h4>How I can get good plan for future for my children education?</h4>
                            </div>
                            <div class="accrodion-content">
                                <p>Color Business Cards start at $19.99 for 50 cards.</p>
                                <p>The final cost depends on which turnaround time and paper/finish options you've selected at checkout - you can get an accurate quote in seconds using our online cost calculator.</p>
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>I can get online appointmet with agent?</h4>
                            </div>
                            <div class="accrodion-content">
                                <p>Color Business Cards start at $19.99 for 50 cards.</p>
                                <p>The final cost depends on which turnaround time and paper/finish options you've selected at checkout - you can get an accurate quote in seconds using our online cost calculator.</p>
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>Need a good insurace for term plan?</h4>
                            </div>
                            <div class="accrodion-content">
                                <p>Color Business Cards start at $19.99 for 50 cards.</p>
                                <p>The final cost depends on which turnaround time and paper/finish options you've selected at checkout - you can get an accurate quote in seconds using our online cost calculator.</p>
                            </div>
                        </div>
                    </div>
                </div><!-- /.faq-content -->
            </div><!-- /.col-md-7 -->
        </div><!-- /.row -->
    </div><!-- /.thm-container -->
</section><!-- /.faq-section -->
<section class="call-to-action-one">
	<div class="overlay"></div><!-- /.overlay -->
	<div class="inner-wrapper">
		<div class="thm-container">
			<div class="row">
				<div class="col-md-6">
					<div class="call-to-action-content">
						<div class="title">
							<span>Business stationery printing</span>
							<h2>Even More Good <br /> Stuff</h2>
						</div><!-- /.title -->
						<ul class="list-box">
							<li><i class="fas fa-check-circle"></i>Professional designs with added fizz</li>
							<li><i class="fas fa-check-circle"></i>Create an army of business stationery</li>
							<li><i class="fas fa-check-circle"></i>Take your attention to detail up a level</li>
							<li><i class="fas fa-check-circle"></i>Totally safe for laser printers</li>
						</ul><!-- /.list-box -->
						<a href="about.html" class="thm-btn yellow-bg">Learn More</a>
					</div><!-- /.call-to-action-content -->
				</div><!-- /.col-md-6 -->
			</div><!-- /.row -->
		</div><!-- /.thm-container -->
	</div><!-- /.inner -->
</section><!-- /.call-to-action -->
<section class="team-section sec-pad">
	<div class="thm-container">
		<div class="sec-title text-center">
            <span>The leadership</span>
            <h3>Meet the Team</h3>
            <p>There are many variations of passages of lorem Ipsum available, but <br /> the majority have suffered alteration in some form.</p>
        </div><!-- /.sec-title -->
        <div class="team-carousel owl-carousel owl-theme">
        	<div class="item">
        		<div class="single-team-carousel">
        			<div class="inner">
						<div class="img-box">
							<img src="img/team-1-1.png" alt="Awesome Image"/>
						</div><!-- /.img-box -->
						<div class="team-content">
							<div class="title">
								<span>Chief marketing officer</span>
								<h3>Brendan Milliren</h3>
							</div><!-- /.title -->
							<p>Jessica leads our customer team and holds guardianship of our brand.</p>
							<p>An award-winning marketer, Jesscia launched our Boston office, taking a huge step forward in making PRINTIFY a global brand. She’s responsible for our brand strategy and making sure we stay close to our customers. Jessica’s two big passions are the ocean and music. She has a formidable record library – with her purple vinyl of Purple Rain the jewel in her collection.</p>
						</div><!-- /.team-content -->
        			</div><!-- /.inner -->
        		</div><!-- /.single-team-carousel -->
        	</div><!-- /.item -->
        	<div class="item">
        		<div class="single-team-carousel">
        			<div class="inner">
						<div class="img-box">
							<img src="img/team-1-2.png" alt="Awesome Image"/>
						</div><!-- /.img-box -->
						<div class="team-content">
							<div class="title">
								<span>Chief marketing officer</span>
								<h3>Mei Langhans</h3>
							</div><!-- /.title -->
							<p>Jessica leads our customer team and holds guardianship of our brand.</p>
							<p>An award-winning marketer, Jesscia launched our Boston office, taking a huge step forward in making PRINTIFY a global brand. She’s responsible for our brand strategy and making sure we stay close to our customers. Jessica’s two big passions are the ocean and music. She has a formidable record library – with her purple vinyl of Purple Rain the jewel in her collection.</p>
						</div><!-- /.team-content -->
        			</div><!-- /.inner -->
        		</div><!-- /.single-team-carousel -->
        	</div><!-- /.item -->
        	<div class="item">
        		<div class="single-team-carousel">
        			<div class="inner">
						<div class="img-box">
							<img src="img/team-1-3.png" alt="Awesome Image"/>
						</div><!-- /.img-box -->
						<div class="team-content">
							<div class="title">
								<span>Chief marketing officer</span>
								<h3>Tawana Ledsinger</h3>
							</div><!-- /.title -->
							<p>Jessica leads our customer team and holds guardianship of our brand.</p>
							<p>An award-winning marketer, Jesscia launched our Boston office, taking a huge step forward in making PRINTIFY a global brand. She’s responsible for our brand strategy and making sure we stay close to our customers. Jessica’s two big passions are the ocean and music. She has a formidable record library – with her purple vinyl of Purple Rain the jewel in her collection.</p>
						</div><!-- /.team-content -->
        			</div><!-- /.inner -->
        		</div><!-- /.single-team-carousel -->
        	</div><!-- /.item -->
        </div><!-- /.team-carousel -->
	</div><!-- /.thm-container -->
</section><!-- /.team-section -->
<section class="service-style-one sec-pad">
	<img src="img/service-bg-1-1.jpg" class="background-right" alt="Awesome Image"/>
	<div class="thm-container">
		<div class="row">
			<div class="col-md-6">
				<div class="service-content">
					<div class="title">
						<span>Checkout our services</span>
						<h2>Explore Printing <br />Services</h2>
					</div><!-- /.title -->
					<p>We’re an online print and design company that is passionate about great design and the difference it can make to our customers and the world.</p>
					<p>We want to set a new standard for print, with remarkable new products that bring great design and uncompromising, high standards to the web. </p>
					<div class="btn-box">
						<a href="pricing.html" class="thm-btn yellow-bg">Learn More</a><!--
						--><div class="phone-btn"><i class="fas fa-phone"></i>000 8888 999</div><!-- /.phone-btn -->
					</div><!-- /.btn-box -->
				</div><!-- /.service-content -->
			</div><!-- /.col-md-6 -->
			<div class="col-md-6">
				<div class="service-right-content">
					<div class="inner">
						<div class="divider hor"></div><!-- /.divider -->
						<div class="divider ver"></div><!-- /.divider -->
						<div class="row">
							<div class="col-sm-6">
								<div class="single-service-one hvr-bounce-to-bottom">
									<i class="printify-icon-t-shirt-with-square"></i>
									<a href="service-details.html"><h3>T-Shirt <br /> Printing</h3></a>
								</div><!-- /.single-service-one -->
							</div><!-- /.col-sm-6 -->
							<div class="col-sm-6">
								<div class="single-service-one hvr-bounce-to-bottom">
									<i class="printify-icon-brochure-folded"></i>
									<a href="service-details.html"><h3>Flyer <br /> Printing</h3></a>
								</div><!-- /.single-service-one -->
							</div><!-- /.col-sm-6 -->
							<div class="col-sm-6">
								<div class="single-service-one hvr-bounce-to-bottom">
									<i class="printify-icon-continuous-feed-paper"></i>
									<a href="service-details.html"><h3>Poster <br /> Printing</h3></a>
								</div><!-- /.single-service-one -->
							</div><!-- /.col-sm-6 -->
							<div class="col-sm-6">
								<div class="single-service-one hvr-bounce-to-bottom">
									<i class="printify-icon-circular-sticker"></i>
									<a href="service-details.html"><h3>Sticker <br /> Printing</h3></a>
								</div><!-- /.single-service-one -->
							</div><!-- /.col-sm-6 -->
						</div><!-- /.row -->
					</div><!-- /.inner -->
				</div><!-- /.service-right-content -->
			</div><!-- /.col-md-6 -->
		</div><!-- /.row -->
	</div><!-- /.thm-container -->
</section><!-- /.service-style-one -->
<section class="video-box-design-guide sec-pad">
	<div class="thm-container">
		<div class="row">
			<div class="col-md-6">
				<div class="video-box">
					<img src="img/video-box-1-1.jpg" alt="Awesome Image"/>
					<div class="content">
						<h3>Printfinity Makes <br /> Every Card <br /> Unique</h3>
						<a href="http://www.51qianduan.com//watch?v=mcL6ZErM49Q" class="video-btn video-popup"><i class="fas fa-play"></i></a>
					</div><!-- /.content -->
				</div><!-- /.video-box -->
			</div><!-- /.col-md-6 -->
			<div class="col-md-6">
				<div class="design-guideline">
					<div class="row">
						<div class="col-sm-7">
							<div class="guide-content">
								<h3>Download a Design <br /> Guideline</h3>
								<ul class="list-box">
									<li><span>Bleed:</span> 2.91” x 1.26”</li>
									<li><span>Trim:</span> 2.75” x 1.10”</li>
									<li><span>Safe:</span> 2.6” x 0.94”</li>
								</ul><!-- /.list-box -->
							</div><!-- /.guide-content -->
						</div><!-- /.col-sm-6 -->
						<div class="col-sm-5">
							<div class="row version-row">
								<div class="col-xs-6">
									<div class="single-version">
										<div class="version">
											<span>psd</span>
											<i class="fas fa-angle-double-down"></i>
										</div><!-- /.version -->
										<h4>Photoshop</h4>
									</div><!-- /.single-version -->
								</div><!-- /.col-xs-6 -->
								<div class="col-xs-6">
									<div class="single-version">
										<div class="version ai">
											<span>ai</span>
											<i class="fas fa-angle-double-down"></i>
										</div><!-- /.version -->
										<h4>Illustrator</h4>
									</div><!-- /.single-version -->
								</div><!-- /.col-xs-6 -->
								<div class="col-xs-6">
									<div class="single-version">
										<div class="version indesign">
											<span>indd</span>
											<i class="fas fa-angle-double-down"></i>
										</div><!-- /.version -->
										<h4>InDesign</h4>
									</div><!-- /.single-version -->
								</div><!-- /.col-xs-6 -->
								<div class="col-xs-6">
									<div class="single-version">
										<div class="version jpg">
											<span>jpg</span>
											<i class="fas fa-angle-double-down"></i>
										</div><!-- /.version -->
										<h4>Jpeg</h4>
									</div><!-- /.single-version -->
								</div><!-- /.col-xs-6 -->
							</div><!-- /.row -->							
						</div><!-- /.col-sm-6 -->
					</div><!-- /.row -->					
				</div><!-- /.design-guideline -->
				<div class="guide-line-img-box">
					<img src="img/download-guide-line-1-1.jpg" alt="Awesome Image"/>
				</div><!-- /.img-box -->
			</div><!-- /.col-md-6 -->
		</div><!-- /.row -->
	</div><!-- /.thm-container -->
</section><!-- /.video-box-design-guide -->
<section class="cta-style-two">
	<div class="thm-container">
		<div class="row">
			<div class="col-md-6">
				<div class="cta-style-two-content">
					<div class="title">
						<span>Order a free sample</span>
						<h2>Get a Feel For <br /> Colors</h2>
					</div><!-- /.title -->
					<p>Order a sample so you can touch and feel our premium range of papers and finishes for yourself. It’s free! Print full color on both sides of your business cards.</p>
					<a href="#" class="thm-btn yellow-bg">Get Sample</a>
				</div><!-- /.cta-style-two-content -->
			</div><!-- /.col-md-6 -->
			<div class="col-md-6">
				<img src="img/free-sample-1-1.jpg" class="pull-left" alt="Awesome Image"/>
			</div><!-- /.col-md-6 -->
		</div><!-- /.row -->
	</div><!-- /.thm-container -->
</section><!-- /.cta-style-two -->
<section class="recent-projects sec-pad">
	<div class="thm-container">
		<div class="sec-title text-center">
            <span>Work showcase</span>
            <h3>Recent Projects</h3>
            <p>There are many variations of passages of lorem Ipsum available, but <br /> the majority have suffered alteration in some form.</p>
        </div><!-- /.sec-title -->
        <div class="row">
        	<div class="col-md-4 col-sm-6 col-xs-12">
        		<div class="single-recent-project">
        			<div class="img-box">
        				<img src="img/project-1-1.jpg" alt="Awesome Image"/>
        			</div><!-- /.img-box -->
        			<div class="text-box">
        				<a href="project-details.html" class="more"><i class="fas fa-plus"></i></a>
        				<div class="inner hvr-bounce-to-bottom">
        					<span>Printing</span>
        					<a href="project-details.html"><h3>Thick Paper Book</h3></a>
        				</div><!-- /.inner -->
        			</div><!-- /.text-box -->
        		</div><!-- /.single-recent-project -->
        	</div><!-- /.col-md-4 -->
        	<div class="col-md-4 col-sm-6 col-xs-12">
        		<div class="single-recent-project">
        			<div class="img-box">
        				<img src="img/project-1-2.jpg" alt="Awesome Image"/>
        			</div><!-- /.img-box -->
        			<div class="text-box">
        				<a href="project-details.html" class="more"><i class="fas fa-plus"></i></a>
        				<div class="inner hvr-bounce-to-bottom">
        					<span>Copying</span>
        					<a href="project-details.html"><h3>Ninety Nine You</h3></a>
        				</div><!-- /.inner -->
        			</div><!-- /.text-box -->
        		</div><!-- /.single-recent-project -->
        	</div><!-- /.col-md-4 -->
        	<div class="col-md-4 col-sm-6 col-xs-12">
        		<div class="single-recent-project">
        			<div class="img-box">
        				<img src="img/project-1-3.jpg" alt="Awesome Image"/>
        			</div><!-- /.img-box -->
        			<div class="text-box">
        				<a href="project-details.html" class="more"><i class="fas fa-plus"></i></a>
        				<div class="inner hvr-bounce-to-bottom">
        					<span>Printing</span>
        					<a href="project-details.html"><h3>Colorful Photo Print</h3></a>
        				</div><!-- /.inner -->
        			</div><!-- /.text-box -->
        		</div><!-- /.single-recent-project -->
        	</div><!-- /.col-md-4 -->
        </div><!-- /.row -->
	</div><!-- /.thm-container -->
</section><!-- /.recent-projects -->
<div class="brand-carousel-wrapper">
	<div class="thm-container">
		<div class="brand-carousel owl-theme owl-carousel">
			<div class="item">
				<img src="img/brand-1-1.png" alt="Awesome Image"/>
			</div><!-- /.item -->
			<div class="item">
				<img src="img/brand-1-2.png" alt="Awesome Image"/>
			</div><!-- /.item -->
			<div class="item">
				<img src="img/brand-1-3.png" alt="Awesome Image"/>
			</div><!-- /.item -->
			<div class="item">
				<img src="img/brand-1-4.png" alt="Awesome Image"/>
			</div><!-- /.item -->
			<div class="item">
				<img src="img/brand-1-5.png" alt="Awesome Image"/>
			</div><!-- /.item -->
			<div class="item">
				<img src="img/brand-1-6.png" alt="Awesome Image"/>
			</div><!-- /.item -->
		</div><!-- /.brand-carousel -->
	</div><!-- /.thm-container -->
</div><!-- /.brand-carousel-wrapper -->
<section class="footer-subscribe">
	<div class="thm-container">
		<div class="title">
			<span>Subsrcibe newsletter</span>
			<h3>Don’t Miss Out</h3>
		</div><!-- /.title -->
		<form action="inc/mailchimp/subscribe.php" class="subscribe-form">
			<input type="text" placeholder="Enter your email address" /><!--
			--><button type="submit" class="thm-btn yellow-bg">Submit Info</button>
		</form>
	</div><!-- /.thm-container -->
</section><!-- /.footer-subscribe -->
<footer class="footer">
	<div class="thm-container">
		<div class="row">
			<div class="col-md-4">
				<div class="footer-widget about-widget">
					<div class="title">
						<h3>About  Printify</h3>
					</div><!-- /.title -->
					<p>Printify is an online design,copying and printing company that is passionate about great design and the difference it can make to our customers and the world. Colors launched back in 2006 with the aim to disrupt the trillion-dollar global print industry.</p>
				</div><!-- /.footer-widget about-widget -->
			</div><!-- /.col-md-4 -->
			<div class="col-md-2">
				<div class="footer-widget links-widget explore">
					<div class="title">
						<h3>Explore</h3>
					</div><!-- /.title -->
					<ul class="link-list">
						<li><a href="about.html">About</a></li>
						<li><a href="contact.html">Contact</a></li>
						<li><a href="services.html">Our Services</a></li>
						<li><a href="pricing.html">Plans & Pricing</a></li>
						<li><a href="#">How it Works</a></li>
					</ul><!-- /.link-list -->
				</div><!-- /.footer-widget links-widget explore -->
			</div><!-- /.col-md-2 -->
			<div class="col-md-3">
				<div class="footer-widget links-widget services">
					<div class="title">
						<h3>Services</h3>
					</div><!-- /.title -->
					<ul class="link-list">
						<li><a href="service-details.html">Business Card</a></li>
						<li><a href="service-details.html">Flyers</a></li>
						<li><a href="service-details.html">Postcards</a></li>
						<li><a href="service-details.html">Stickers</a></li>
						<li><a href="service-details.html">Posters</a></li>
					</ul><!-- /.link-list -->
				</div><!-- /.footer-widget links-widget explore -->
			</div><!-- /.col-md-3 -->
			<div class="col-md-3">
				<div class="footer-widget contact-widget">
					<div class="title">
						<h3>Contact</h3>
					</div><!-- /.title -->
					<p>000 8888 999</p>
					<p>needhelp@printify.com</p>
					<p>88 New Street, Washington DC <br /> United States, America</p>
				</div><!-- /.footer-widget links-widget explore -->
			</div><!-- /.col-md-3 -->
		</div><!-- /.row -->
	</div><!-- /.thm-contianer -->
</footer><!-- /.footer -->
<div class="footer-bottom">
	<div class="thm-container clearfix">
		<div class="pull-left copy-text">
			<p>&copy; Copyright 2018 Created by <a href="http://www.51qianduan.com//">Layerdrops Team</a></p>
		</div><!-- /.pull-left copy-text -->
		<div class="social-box pull-right">
            <a href="#" class="fab fa-twitter hvr-pulse"></a><!--  
             --><a href="#" class="fab fa-pinterest hvr-pulse"></a><!--  
             --><a href="#" class="fab fa-facebook-f hvr-pulse"></a><!--  
             --><a href="#" class="fab fa-youtube hvr-pulse"></a>
        </div><!-- /.social-box -->
	</div><!-- /.thm-container -->
</div><!-- /.footer-bottom -->
<div class="scroll-to-top scroll-to-target" data-target="html"><i class="fas fa-angle-up"></i></div>                    
</body>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 蓝色 pc+wap 移动+电脑 手机+电脑 简洁 简约 简单 大气 霸气 设计 设计公司

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到