<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<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="Modish 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>
<link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="css/swipebox.css">
<!------ Light Box ------>
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
<script src="js/modernizr.min.js"></script>
<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},1200);
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
</head>
<body>
<!-- banner -->
<div class="banner" id="home">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt=""></a>
</div>
<h2>Creative One Page Psd Template</h2>
</div>
</div>
<!-- banner -->
<!-- creat -->
<div class="creat">
<div class="container">
<div class="col-md-8 creat-left">
<div class="two-tho">
<h2>2015</h2>
<div class="dotstyle dotstyle-tooltip">
<ul>
<li class="current"><a href="#home" class="scroll">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#services" class="scroll">Portfolio</a></li>
<li><a href="#blog" class="scroll">Blog</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</div>
<script src="js/dots.js"></script>
<script>
[].slice.call( document.querySelectorAll( '.dotstyle > ul' ) ).forEach( function( nav ) {
new DotNav( nav, {
callback : function( idx ) {
//console.log( idx )
}
} );
} );
</script>
</div>
<div class="imn">
<h3>Creativty</h3>
<p>Imagination is everything. It is the preview of life's coming attractions.</p>
</div>
<div class="clearfix"></div>
<div class="just-top">
<div class="just">
<h3>2015</h3>
<p class="ju-p">Creativity is just connecting things. When you ask creative people how they did
something, they feel a little guilty because they didn't really do it, they just saw
something. It seemed obvious to them after a while. That's because they were
able to connect experiences they've had and synthesize new things</p>
<p>I think it's fair to say that personal computers have become the most
empowering tool we've ever created. They're tools of communication, they're
tools of creativity, and they can be shaped by their user.</p>
</div>
</div>
</div>
<div class="col-md-4 creat-right">
<div class="cret-bott">
<img src="images/8.jpg" class="img-responsive" alt="">
</div>
</div>
<div class="clearfix"></div>
<div class="umbella">
<div class="umbella-top">
<img src="images/11.jpg" class="img-responsive" alt="">
</div>
</div>
</div>
</div>
<!-- creat -->
<!-- editing -->
<div class="editing" id="about">
<div class="container">
<div class="col-md-4 editing-left">
<div class="think-top">
<h4>2015</h4>
</div>
<div class="think-bottom">
<p>I think it's fair to say that personal
computers have become text of the printing and typesetting industry. Lorem Ipsum the most
empowering tool we've ever creat
ed. They're tools of text of the printing and typesetting industry. Lorem Ipsum communicatio
n, they're tools of creativity, and
they can be shaped by their user text of the printing and typesetting industry. Lorem Ipsum.</p>
</div>
</div>
<div class="col-md-8 editing-right">
<div class="editing-top">
<div class="ima">
<div class="ima-left">
<i class="paint"></i>
</div>
<div class="ima-right">
<h3>image editing, polishing, manipulation</h3>
<p>Image editing polishing manipulation Image editing polishing manipulation</p>
</div>
<div class="clearfix"></div>
</div>
<div class="pho">
<div class="ima-right">
<h3>photography with heart</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the </p>
</div>
<div class="ima-left">
<i class="cam"></i>
</div>
<div class="clearfix"></div>
</div>
<div class="hear">
<div class="ima-left">
<i class="stamp"></i>
</div>
<div class="ima-right">
<h3>photography with heart</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the </p>
</div>
<div class="clearfix"></div>
</div>
<div class="make">
<div class="ima-right">
<h3>music making, editing with fun</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the </p>
</div>
<div class="ima-left">
<i class="musc"></i>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- editing -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >免费模板</a></div>
<!-- work -->
<div class="work" id="services">
<div class="container">
<h3>our work</h3>
<div class="col-md-4 work-left">
<div class="work-top">
<div class="work-bottom">
<p>Creativity is a great motivator because
it makes people interested in what th-
ey are doing. Creativity gives hope that
there can be a worthwhile idea. Creati-
vity gives the possibility of some sort
of achievement to everyone. Creativity
makes life more fun and more interes-
ting.</p>
</div>
</div>
</div>
<div class="col-md-8 work-right">
<div class="manipula">
<ul id="filters" class="clearfix">
<li class="active"><span class="filter" data-filter="app card icon logo web">ALL</span></li>
<li><span class="filter" data-filter="app">Photography</span></li>
<li><span class="filter" data-filter="card">Music</span></li>
<li><span class="filter" data-filter="icon">Manipulation</span></li>
</ul>
<div id="portfoliolist">
<div class="portfolio1 app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/17.jpg" class="swipebox" title="Image Title"> <img src="images/17.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio2 icon mix_all" data-cat="icon" style
时尚服装设计师作品展示bootstrap模板_灰色 时尚 服装 服装设计 设计师 跳转 幻灯 宽屏 bootstrap展览 专题_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar （29个子文件） 
时尚服装设计师作品展示bootstrap模板_灰色 时尚 服装 服装设计 设计师 跳转 幻灯 宽屏 bootstrap 响应式 手机 图片 艺术 女性 时装 展览 专题 cpts_39_eh js 
jquery.swipebox.min.js 7KB dots.js 1KB modernizr.min.js 8KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 26KB bootstrap.css 118KB swipebox.css 4KB
index.html 14KB images 
arrow.1.png 3KB
1a.jpg 63KB 2.jpg 189KB 19.png 1.52MB menu.png 3KB 6.jpg 38KB logo.png 7KB 1.jpg 399KB zoom.png 3KB 15.png 764KB 17.jpg 57KB 5.jpg 206KB
icons.svg 1KB img-sprite.png 21KB 8.jpg 403KB 11.jpg 100KB 3.jpg 45KB 9.jpg 193KB资源评论
