<!DOCTYPE html>
<html>
<head>
<title>Merchandising a Corporate Business Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:500,900italic,900,400italic,100,700italic,300,700,500italic,100italic,300italic,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery.min.js"></script>
<!-- //js -->
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Merchandising Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
<!--animated-css-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!--/animated-css-->
</head>
<body>
<!-- header -->
<div class="header-nav">
<div class="container">
<div class="logo wow fadeInLeft" data-wow-delay="0.5s">
<a href="index.html"><img src="images/logo.png" alt=" " /></a>
</div>
<div class="logo-right">
<span class="menu"><img src="images/menu.png" alt=" "/></span>
<ul class="nav1">
<li><a href="index.html">Home</a></li>
<li><a href="index.html">About</a></li>
<li><a href="sign-in.html">Sign in</a></li>
<li><a href="sign-up.html">Sign up</a></li>
<li><a href="index.html">Contact</a></li>
</ul>
</div>
<div class="clearfix"> </div>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
</div>
</div>
<!-- //header -->
<!-- single -->
<div class="single">
<div class="container">
<div class="bottom">
<div class="bottom-grid wow fadeInLeft" data-wow-delay="0.5s">
<img src="images/2.jpg" alt=" " />
<div class="text">
<h3>Awesome Web Design Services</h3>
<p>Having hands on experience in creating innovative designs, I do offer design solutions which harness the new possibilities of web based
communication, internet presence and current technology trends.
Contrary to popular belief</p>
</div>
</div>
<div class="bottom-grid wow fadeInUp" data-wow-delay="0.5s">
<img src="images/3.jpg" alt=" " />
<div class="text">
<h3>Awesome Web Design Services</h3>
<p>Having hands on experience in creating innovative designs, I do offer design solutions which harness the new possibilities of web based
communication, internet presence and current technology trends.
Contrary to popular belief</p>
</div>
</div>
<div class="bottom-grid wow fadeInRight" data-wow-delay="0.5s">
<img src="images/4.jpg" alt=" " />
<div class="text">
<h3>Awesome Web Design Services</h3>
<p>Having hands on experience in creating innovative designs, I do offer design solutions which harness the new possibilities of web based
communication, internet presence and current technology trends.
Contrary to popular belief</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="lorem">
<div class="container">
<h3>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.praesentium voluptatum deleniti.</h3>
<div class="lorem-left wow fadeInLeft" data-wow-delay="0.5s">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus
qui blanditiis praesentium voluptatum deleniti atque corrupti
quos dolores et quas molestias excepturi sint occaecati cupiditate
non provident, similique sunt in culpa qui officia deserunt mollitia animi,
id est laborum et dolorum fuga. Et harum quidem rerum facilis est et
expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi
optio cumque nihil impedit quo minus id quod maxime placeat facere
possimus, omnis voluptas assumenda est, omnis dolor repellendus.
Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus
saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.
Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis
voluptatibus maiores alias consequatur aut perferendis doloribus
asperiores repellat.</p>
</div>
<div class="lorem-right wow fadeInRight" data-wow-delay="0.5s">
<img src="images/5.jpg" alt=" " />
<a class="play-icon popup-with-zoom-anim" href="#small-dialog">
<span> </span>
</a>
<!-- pop-up-box -->
<script type="text/javascript" src="js/modernizr.custom.min.js"></script>
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<!--//pop-up-box -->
<div id="small-dialog" class="mfp-hide">
<iframe src="https://player.vimeo.com/video/43942492" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="last-grids">
<div class="container">
<h3>Nam libero tempore, cum soluta nobis est eligendi</h3>
<p class="para">Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis
voluptatibus maiores alias similique sunt in culpa qui officia deserunt mollitia animi,
id est laborum et dolorum fuga. Et harum quidem rerum facilis est.</p>
<div class="last-gri">
<div class="last-grid wow fadeInLeft">
<a href="images/3-.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/3.jpg" />
</a>
<p>voluptates repudiandae sint et molestiae non recusandae.
Itaque earum rerum hic tenetur a sapiente delectus At vero eos et accusamus et iusto odio
quos dolores et quas molestias excepturi sint occaecati cupiditate.</p>
<div class="mo">
<a href="#">More</a>
</div>
</div>
<div class="last-grid wow fadeInUp">
<a href="images/2-.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/2.jpg" />
</a>
<p>voluptates repudiandae sint e
小徐博客
- 粉丝: 1975
- 资源: 5413
最新资源
- 14-【培训体系构建】-如何塑造一支高效的企业内训师队伍.doc.docx
- 15-【培训体系构建】-如何提高企业文化培训活动的实效性——5W2H.doc.docx
- 13-【培训体系构建】-如何进行企业文化培训评估.doc.docx
- 16-【激励体系构建】-员工满意度调查问卷.doc.docx
- 18-【激励体系构建】-如何有效实施企业文化考核?.doc.docx
- 20-【传播体系构建】-企业文化主题宣传计划表(不含活动).doc.docx
- 21-【传播体系构建】-企业文化传播载体分类清单.doc.docx
- 19-【激励体系构建】-企业文化激励方案设计表.doc.docx
- 22-【传播体系构建】-企业文化活动费用预算表.doc.docx
- 23-【传播体系构建】-联想的单向传播、双向传播与体验传播.doc.docx
- 24-【传播体系构建】-海尔企业文化的全方位传播.doc.docx
- 26-【融入体系构建】-以“八大体系”为核心的企业文化工作评估.doc.docx
- 25-【融入体系构建】-企业文化评估体系构建实践指导.doc.docx
- 27-【融入体系构建】-企业文化调查问卷.docx
- 28-【融入体系构建】-班组文化建设考核指标体系.doc.docx
- 30-【融入体系构建】-常用管理制度清单.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈