<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/slimmenu.css" rel="stylesheet" media="screen">
<script src="js/jquery.min.js"></script>
</head>
<body>
<div class="content" id="home">
<div class="wrap">
<div class="header_style1">
<!-- start h_logo -->
<div class="logo">
<h1><a href="index.html">Resume</a></h1>
</div>
<!-- start h_menu -->
<div class="h_menu">
<ul class="flexy-menu thick orange">
<li> <a href="#home" class="scroll">Home</a></li>
<li><a href="#Portfolio" class="scroll">Portfolio</a></li>
<li><a href="#skills" class="scroll">Skills</a> </li>
<li><a class="scroll" href="#Experience">Experience</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</div>
<!-- end h_menu -->
<div class="clear"> </div>
</div>
<!---------menu-script------------->
<!-- start manu -->
<script type="text/javascript" src="js/flexy-menu.js"></script>
<link href="css/header_style1.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">$(document).ready(function(){$(".flexy-menu").flexymenu({speed: 400,type: "horizontal",align: "right"});});</script>
<!---------end-script-menu------------->
<div class="slider">
<!---start-da-slider----->
<div id="da-slider" class="da-slider">
<div class="da-slide">
<h2>Designer & maker</h2>
<p>Lorem ipsum is simply dummy text of the printing</p>
<a href="#" class="da-link"><span> READ NOW</span></a> </div>
<div class="da-slide">
<h2>Designer & maker</h2>
<p>Lorem ipsum is simply dummy text of the printing</p>
<a href="#" class="da-link"><span> READ NOW</span></a> </div>
<div class="da-slide">
<h2>Designer & maker</h2>
<p>Lorem ipsum is simply dummy text of the printing</p>
<a href="#" class="da-link"><span> READ NOW</span></a> </div>
<nav class="da-arrows"> <span class="da-arrows-prev"></span> <span class="da-arrows-next"></span> </nav>
</div>
<div class="down-arrow"> <a href="#group_1" class="scroll" ><span> </span></a> </div>
<link rel="stylesheet" type="text/css" href="css/slider.css" />
<script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
<script type="text/javascript" src="js/jquery.cslider.js"></script>
<script type="text/javascript">
$(function() {
$('#da-slider').cslider({
autoplay : true,
bgincrement : 450
});
});
</script>
<!---//End-da-slider----->
</div>
</div>
</div>
<!----start-team--------->
<div class="group_1" id="group_1">
<div class="group_1-items">
<div class="wrap">
<div id="owl-demo" class="owl-carousel">
<div class="item" >
<div class="carousel">
<div class="group_1_img">
<h3 class="ui">UI</h3>
<h4 class="ux">UX</h4>
<div class="clear"> </div>
</div>
<div class="group_1_text">
<h3>I create simple interfaces for humans and enjoy pixel-perfection.</h3>
<p>I’m an experienced and passionate user interface designer with interaction design background.</p>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="item">
<div class="carousel">
<div class="group_1_img">
<h3 class="ui fontend">FRONTEND</h3>
<h4 class="ux ui1">UI</h4>
<div class="clear"> </div>
</div>
<div class="group_1_text">
<h3>I create simple interfaces for humans and enjoy pixel-perfection.</h3>
<p>I’m an experienced and passionate user interface designer with interaction design background.</p>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="item">
<div class="carousel">
<div class="group_1_img ">
<h3 class="ui core">CORE</h3>
<h4 class="ux ui1">UI</h4>
<div class="clear"> </div>
</div>
<div class="group_1_text">
<h3>I create simple interfaces for humans and enjoy pixel-perfection.</h3>
<p>I’m an experienced and passionate user interface designer with interaction design background.</p>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="group_2" id="Portfolio">
<h3 class="heading">Portfolio</h3>
<div class="group_2_items">
<div class="wrap">
<div id="owl-demo1" class="owl-carousel">
<div class="item" >
<div class="carousel">
<div class="group_2_img1"> <img src="images/img1.png" alt=""> </div>
<div class="group_2_text2">
<div class="desc">
<h3>client</h3>
<h4>Apple</h4>
</div>
<div class="desc">
<h3>Role in project</h3>
<h4>Designer Lead</h4>
</div>
<div class="desc">
<h3>project included</h3>
<h4>Mobile and web interface</h4>
</div>
<div class="button_2"> <a href="#">Browser</a> </div>
</div>
<div class="clear"> </div>
<div class="brows_button_3"> <a href="#">Browser portfolio</a> </div>
</div>
</div>
<div class="item">
<div class="carousel">
<div class="group_2_img1"> <img src="images/img2.jpg" alt=""> </div>
<div class="group_2_text2">
<div class="desc">
<h3>client</h3>
<h4>Lorem ipsum dolor</h4>
</div>
<div class="desc">
<h3>Role in project</h3>
<h4>Designer Lead</h4>
</div>
<div class="desc">
<h3>project included</h3>
<h4>Responsive Mobile Website Templates </h4>
</div>
<div class="button_2"> <a href="#">Browser</a> </div>
</div>
<div class="clear"> </div>
<div class="brows_button_3"> <a href="#">Browser portfolio</a> </div>
</div>
</div>
<div class="item">
<div class="carousel">
<div class="group_2_img1"> <img src="images/img3.jpg" alt=""> </div>
<div class="group_2_text2">
<div class="desc">
<h3>client</h3>
<h4>Apple</h4>
</div>
<div class="desc">
<h3>Role in project</h3>
<h4>Designer Lead</h4>
</div>
<div class="desc">
<h3>project included</h3>
<h4>Developing games in Android Mobiles</h4>
</div>
<div class="button_2"> <a href="#">Browser</a> </div>
</div>
<div class="clear"> </div>
<div class="brows_button_3"> <a href="#">Browser portfolio</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Owl Carousel Assets -->
<link href="css/owl.carousel.css" rel="stylesheet">
<!-- Owl Carousel Assets -->
<!-- Prettify -->
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items : 1,
lazyLoad : true,
autoPlay : true,
navigation : true,
navigationText : ["",""],
rewindNav :true,
scrollPerPage :true,
pagination : true,
paginationNumbers: false,
});
});
$(document).ready(function() {
$("#owl-demo1").owlCarousel({
items : 1,
lazyLoad : true,
autoPlay : true,
navigation : true,
navigationText : ["",""],
rewindNav : true,
scrollPerPage :true,
pagination : false,
paginationNumbers: false,
});
});
$(document).ready(function() {
$("#owl-demo2").owlCarousel({
items : 1,
lazyLoad : true,
autoPlay : true,
navigation : false,
navigationText : ["",""],
rewindNav : false,
scrollPerPage :true,
pagination : false,
HTML5单页模版resume是一款单页设计，大图幻灯片风格，喜欢扁平风格的前端开发者们不可错过的佳作。.rar （39个子文件） 
HTML5单页模版resume是一款单页设计，大图幻灯片风格，喜欢扁平风格的前端开发者们不可错过的佳作。 chahua3256 css 
slider.css 20KB owl.carousel.css 14KB header_style1.css 5KB style.css 17KB images 
slider.jpg 346KB
icon4.png 409B asset01.jpg 3KB downarrow.png 1KB img1.png 338KB nav-icon.png 280B img2.jpg 189KB icon5.png 288B asset04.jpg 4KB asset03.jpg 2KB down1h.png 291B asset02.jpg 3KB icon2.png 426B img.png 107KB user.png 785B icon1.png 305B down.png 258B logo.png 4KB top.png 983B down1.png 289B icon3.png 538B mail.png 668B img3.jpg 290KB sprite.png 19KB
index.html 18KB js jquery.min.js 91KB move-top.js 1KB easing.js 5KB jquery.easing.min.js 5KB jquery.cslider.js 7KB plugins.js 31KB modernizr.custom.28468.js 7KB flexy-menu.js 4KB owl.carousel.js 37KB script.js 3KB资源评论
