<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Unicorn a Corporate Category Flat Bootstarp responsive Website Template| Home :: w3layouts</title>
<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="Unicorn 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>
<!-- bootstarp-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstarp-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<script src="js/jquery-1.11.0.min.js"></script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!--/fonts-->
<!---- 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-->
</head>
<body>
<!-- banner -->
<div class="banner" id="home">
<!-- container -->
<div class="container">
<div class="header">
<div class="head-logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<div class="header-info-right">
<div class="header cbp-spmenu-push">
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
<a class="scroll" href="index.html">HOME</a>
<a class="scroll" href="#about">ABOUT</a>
<a class="scroll" href="#stories">STORIES</a>
<a class="scroll" href="#hello">HELLO</a>
</nav>
<!--script-nav -->
<script>
$("span.menu").click(function(){
$("ul.navigatoin").slideToggle("300" , function(){
});
});
</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>
<div class="clearfix"> </div>
<!-- /script-nav -->
<div class="main">
<section class="buttonset">
<button id="showRightPush"><img src="images/menu.png" /></button>
</section>
</div>
<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
<script src="js/classie.js"></script>
<script>
var menuRight = document.getElementById( 'cbp-spmenu-s2' ),
showRightPush = document.getElementById( 'showRightPush' ),
body = document.body;
showRightPush.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toleft' );
classie.toggle( menuRight, 'cbp-spmenu-open' );
disableOther( 'showRightPush' );
};
</script>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //container -->
<div class="container">
<div class="banner-info">
<h2>STORYTELLER</h2>
<span></span>
<p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his ar mour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. </p>
<div class="bnr-btn">
<a href="#" class="hvr-bounce-to-right">read the rest</a>
</div>
</div>
</div>
</div>
<!--//banner-->
<!--about-starts-->
<div class="about" id="about">
<div class="container">
<div class="about-mian">
<img src="images/abt-1.png" alt=""/>
<h3>Who & Why</h3>
<p>The gentlemen who rented the room would sometimes take their evening meal at home in the living room that was used by everyone, and so the door to this room was often kept closed in the evening. But Gregor found it easy to give up having the door open, he had, after all, often failed to make use of it when it was open and, without the family having noticed it, lain in his room in its darkest corner. One time, though, the charwoman left the door.</p>
</div>
</div>
</div>
<!--about-ends-->
<!--services-starts-->
<div class="services">
<div class="container">
<div class="services-main">
<div class="col-md-4 service-left">
<span class="service-one"> </span>
<h3>An Wow Feature</h3>
<p>The gentlemen who rented the room would sometimes take their evening meal at home in the living.</p>
</div>
<div class="col-md-4 service-left">
<span class="service-two"> </span>
<h3>A Beautiful Feature</h3>
<p>The gentlemen who rented the room would sometimes take their evening meal at home in the living.</p>
</div>
<div class="col-md-4 service-left">
<span class="service-tre"> </span>
<h3>An Amazing Feature</h3>
<p>The gentlemen who rented the room would sometimes take their evening meal at home in the living.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--services-ends-->
<!--articles-starts-->
<div class="articles">
<div class="container">
<div class="articles-top">
<h3>Featured Articles</h3>
<p>The gentlemen who rented the room would sometimes take their evening meal at home in the living room that was used by everyone, and so the door to this room was often kept closed in the </p>
</div>
<div class="articles-bottom">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="articles-btm">
<div class="col-md-4 articles-left active">
<div class="articles-one">
<div class="art-top">
<h4>COMIC</h4>
<p>A million ways to die in the wild wild wild west</p>
</div>
<div class="art-bottom">
<div class="art-left">
<img src="images/art-1.png" alt=""/>
</div>
<div class="art-right">
<h5>JIMMY JEFFERSON</h5>
<p>21/08/2013</p>
</div>
<div class="clearfix"></div>
</div>
<span></span>
</div>
</div>
<div class="col-md-4 articles-left">
<div class="articles-one">
<div class="art-top">
<h4>LIFE STYLE</h4>
<p>The most comfortable chair comes with no backpain</p>
</div>
<div class="art-bottom">
<div class="art-left">
<img src="images/art-2.png" alt=""/>
</div>
<div class="art-right">
<h5>GAIL GUTIERREZ</h5>
<p>21/08/2013</p>
</div>
<div class="clearfix"></div>
</div>
<span></span>
</div>
</div>
<div class="col-md-4 articles-left">
<div class="articles-one">
<div class="art-top">
网站模板-简洁产品说明信息响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
200 浏览量
2024-03-23
09:39:00
上传
评论
收藏 1018KB ZIP 举报
网站模板-简洁产品说明信息响应式网页模板-适配移动端界面-HTML源码.zip （46个子文件） 
网站模板-简洁产品说明信息响应式网页模板-适配移动端界面-HTML源码 html js 
jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB easing.js 5KB jquery-1.11.0.min.js 94KB classie.js 2KB move-top.js 1KB jquery.mixitup.min.js 14KB css style.css 44KB bootstrap.css 118KB swipebox.css 4KB
index.html 27KB images 
team-1.png 8KB twit.png 3KB submit-1.png 3KB
port-4.jpg 59KB client-6.png 7KB client-5.png 11KB arrow.png 3KB menu.png 3KB banner.jpg 354KB logo.png 3KB client-4.png 7KB art-2.png 12KB abt-1.png 4KB quote.png 3KB client-2.png 8KB client-1.png 9KB wmn.png 12KB port-2.jpg 78KB product-1.jpg 62KB
icons.svg 1KB fact-banner.jpg 88KB art-3.png 12KB port-3.jpg 52KB product-2.jpg 55KB logo-1.png 3KB product-3.jpg 54KB services.png 5KB client-3.png 7KB team-3.png 10KB top-arrow.png 4KB art-1.png 12KB team-4.png 15KB port-1.jpg 59KB submit.png 3KB team-2.png 9KB资源评论
