<!DOCTYPE HTML>
<html>
<head>
<title>Home </title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,300' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="text/javascript" src="js/jquery.min.js"></script>
<!---strat-slider---->
<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>
<!---//strat-slider---->
<!-- scroll -->
<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>
<!-- //scroll -->
</head>
<body>
<!-- start slider -->
<div class="slider_bg sTop">
<!-- start main -->
<!---start-da-slider----->
<div id="da-slider" class="da-slider">
<div class="da-slide">
<h2>WEB & GRAPHIC DESIGNER</h2>
<p class="a"><a href="#">LEARN MORE</a></p>
</div>
<div class="da-slide">
<h2>WEB & GRAPHIC DESIGNER</h2>
<p class="a"><a href="#">LEARN MORE</a></p>
</div>
<div class="da-slide">
<h2>WEB & GRAPHIC DESIGNER</h2>
<p class="a"><a href="#">LEARN MORE</a></p>
</div>
<div class="da-slide">
<h2>WEB & GRAPHIC DESIGNER</h2>
<p class="a"><a href="#">LEARN MORE</a></p>
</div>
</div>
<!---//End-da-slider----->
</div>
<!-- start header -->
<div class="header">
<div class="logo">
<a href="#s7" class="scroll"><img src="images/logo.png"></a>
</div>
<!-- start top-nav-->
<div class="h_right">
<div class="subMenu" >
<div class="wrap">
<div class="inner">
<a href="#" id="sTop" class="subNavBtn">Home</a>
<a href="#" id="s1" class="subNavBtn">About Me</a>
<a href="#" id="s2" class="subNavBtn">Skills</a>
<a href="#" id="s3" class="subNavBtn">Resume</a>
<a href="#" id="s4" class="subNavBtn">Testimonials</a>
<a href="#" id="s5" class="subNavBtn end">Portfolio</a>
<a href="#" id="s6" class="subNavBtn end">Contact Me</a>
</div>
<!-- /.navbar-collapse -->
<a id="s7" class="right-msg subNavBtn msg-icon"href="#"><span> </span></a>
<div class="clearfix"> </div>
</div>
<!-- nav -->
<script type="text/javascript" src="js/jquery.smint.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$('.subMenu').smint({
'scrollSpeed' : 1000
});
});
</script>
<script>
window.addEventListener("load",function() {
setTimeout(function(){
window.scrollTo(0, 1);
}, 0);
});</script>
</div>
<!-- start smart_nav * -->
<nav class="nav">
<ul class="nav-list">
<li class="nav-item"><a href="#home">Home</a></li>
<li class="nav-item"><a href="#about" class="scroll">About Me</a></li>
<li class="nav-item"><a href="#skills" class="scroll">Skills</a></li>
<li class="nav-item"><a href="#resume" class="scroll">Resume</a></li>
<li class="nav-item"><a href="#testimonials" class="scroll">Testimonials</a></li>
<li class="nav-item"><a href="#portfolio" class="scroll">Portfolio</a></li>
<li class="nav-item"><a href="#contact" class="scroll">Contact Me</a></li>
<div class="clear"></div>
</ul>
</nav>
<script type="text/javascript" src="js/responsive.menu.js"></script>
<!-- end smart_nav * -->
</div>
<div class="clear"></div>
</div>
<!---//End-header--->
<!---about--->
<div class="about s1" id="about">
<div class="wrap">
<div class="col1_1_of_3 span_1_of_3">
<h3>VALUES </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col1_1_of_3 span_1_of_3">
<h3>GOALS</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col1_1_of_3 span_1_of_3">
<h3>HOBBIES</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="clear"></div>
</div>
<div class="container">
<div class="img">
<img src="images/about.jpg" alt=""/>
</div>
<div class="text">
<h3>ABOUT ME</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
<div class="service-grids">
<div class="left">
<div class="about-grid">
<div class="about-grid1">
<img src="images/web.png" alt="">
</div>
<div class="about-grid2">
<h4><a href="index.html">WEB DESIGN</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt incididunt ut labore et dolore magna aliqua</p>
</div>
<div class="clear"> </div>
</div>
<div class="about-grid">
<div class="about-grid1">
<img src="images/contact.png" alt="">
</div>
<div class="about-grid2">
<h4><a href="index.html">ONLINE MARKETTING</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt incididunt ut labore et dolore magna aliqua</p>
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
</div>
<div class="right">
<div class="about-grid">
<div class="about-grid1">
<img src="images/text.png" alt="">
</div>
<div class="about-grid2">
<h4><a href="index.html">GRAPHIC DESIGN</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt incididunt ut labore et dolore magna aliqua</p>
</div>
<div class="clear"> </div>
</div>
<div class="about-grid">
<div class="about-grid1">
<img src="images/seo.png" alt="">
</div>
<div class="about-grid2">
<h4><a href="index.html">SEO</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt incididunt ut labore et dolore magna aliqua</p>
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<div class="clear"> </div>
</div>
</div>
<!
H1056_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （31个子文件） 
H1056 js 
jquery.cslider.js 7KB jquery.wmuSlider.js 12KB jquery.smint.js 4KB responsive.menu.js 3KB modernizr.custom.28468.js 7KB easing.js 5KB move-top.js 1KB jquery.min.js 92KB css style.css 25KB slider.css 21KB
index.html 26KB images 
seo.png 1KB
port6.jpg 7KB Thumbs.db 150KB top_move.png 954B about.jpg 76KB logo.png 1KB text.png 1KB contact.png 1KB web.png 1KB bg.jpg 55KB port5.jpg 2KB image-sprit.png 5KB slide-pagenat.png 892B port2.jpg 11KB port3.jpg 10KB nav_icon.png 234B port8.jpg 8KB port7.jpg 5KB port4.jpg 9KB port1.jpg 14KB资源评论
icwx_7550592
- 粉丝: 20
- 资源: 7163
