<!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="copyrights">Collect from <a href="http://www.htmldivcss.com/" >Website Template</a></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: f
898_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
83 浏览量
2023-08-03
11:08:42
上传
评论
收藏 1.4MB ZIP 举报
898_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （40个子文件） 
898 js 
jquery.cslider.js 7KB flexy-menu.js 4KB jquery.easing.min.js 5KB modernizr.custom.28468.js 7KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.min.js 91KB plugins.js 31KB script.js 3KB
1.jpg 113KB css style.css 17KB owl.carousel.css 14KB slider.css 20KB header_style1.css 5KB
index.html 19KB images 
downarrow.png 1KB asset03.jpg 2KB down.png 258B asset02.jpg 3KB icon1.png 305B icon4.png 409B mail.png 668B logo.png 4KB down1.png 289B img2.jpg 189KB asset01.jpg 3KB icon5.png 288B sprite.png 19KB user.png 785B img3.jpg 290KB top.png 983B img1.png 338KB slider.jpg 346KB icon3.png 538B down1h.png 291B asset04.jpg 4KB img.png 107KB nav-icon.png 280B icon2.png 426B资源评论
