<!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,
手机wap源码模板 (710).zip （39个子文件） 
css 
owl.carousel.css 14KB style.css 17KB header_style1.css 5KB slider.css 20KB images 
mail.png 668B icon5.png 288B
asset04.jpg 4KB slider.jpg 346KB downarrow.png 1KB img.png 107KB logo.png 4KB asset02.jpg 3KB asset03.jpg 2KB icon1.png 305B img1.png 338KB nav-icon.png 280B down1h.png 291B asset01.jpg 3KB top.png 983B img2.jpg 189KB sprite.png 19KB icon2.png 426B down.png 258B user.png 785B down1.png 289B img3.jpg 290KB icon3.png 538B icon4.png 409B js owl.carousel.js 37KB jquery.cslider.js 7KB flexy-menu.js 4KB script.js 3KB move-top.js 1KB modernizr.custom.28468.js 7KB jquery.easing.min.js 5KB plugins.js 31KB easing.js 5KB jquery.min.js 91KB
index.html 18KB资源评论
