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



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

27 104 35



模板描述:蓝色欧美风格 印刷设计公司 企业网站。蓝色欧美风格的印刷设计公司企业网站源码下载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自适应 IT网络科技 蓝色 普通自适应 欧美风 旅游 红色 中国风 金融理财保险 绿色 韩系 高校 灰色 日系 简洁简约 工业产品 黄色 炫酷 家居装饰 紫色 卡通动画 橙色 招聘猎头 精美 实用通用 艺术创意 粉色 政府 婚庆 大气 白色 新闻资讯 婚纱摄影 棕色 清新 教育培训 彩色 绘画 设计 餐饮美食 其他风格 外贸 服装服饰 建筑 化工企业 医药器械 美容美发 动漫 电影视频 包装印刷 机械 汽车4S店 农业产品 咨询管理 酒店 健身房 化妆品 食品 花卉 房地产 协会组织 快递货运 数码电器 搬家 珠宝首饰 酒业 文化传媒 装修装饰 医院医疗 律师 酒吧音乐 图书 动物宠物 航空航天 股票 能源 公益 饮品 生活用品 家政保洁 体育 房屋租赁 商务 电力公司 打车租车 环保 宗教寺庙 工具文具 企业行业 自适应响应式 风格类型 颜色色彩

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
qq群

扫描上面二维码加微信群

官方QQ群

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

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