<!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
最新资源
- 音乐网站(JSP+SERVLET).rar
- 抢购软件：快速复制信息
- oracle错误代码和信息速查手册chm版最新版本
- MATLAB【逆变器二次调频模型】 微电网分布式电源逆变器DROOP控制二次调频模型，加入二次控制实现二次调频控制，及二次调压控制，程序可实现上图功能，工况有所改变 需要matlab2021A版
- 基于python的网页自动化工具项目全套技术资料100%好用.zip
- Oracle数据库命令速查手册doc版最新版本
- 程序名称：转向设计计算程序 开发平台：基于matlab平台 计算内容：阿克曼转角，转弯半径，转向阻力矩，回正力矩，转向主参数，转向传动比，力矩波动，转向梯形，EPS匹配，HPS匹配，齿轮齿条传动比，循
- 基于二阶自抗扰ADRC的轨迹跟踪控制，对车辆的不确定性和外界干扰具有一定抗干扰性，基于carsim和simulink仿真 跟踪轨迹为双移线，效果良好，有对应复现资料，是学习自抗扰技术快速入门很好的资料
- TianleSoftwareOracle学习手册中文pdf格式最新版本
- MATLAB代码：基于分布式ADMM算法的考虑碳排放交易的电力系统优化调度研究 关键词：分布式调度 ADMM算法 交替方向乘子法 碳排放 最优潮流 仿真平台：MATLAB+CPLEX GUROBI
- Oracle安装配置使用WORD文档doc格式最新版本
- 西门子840D HMI ADVANCED FOR PC 也可用于810D,840DSL中文版 1、软件可安装到台式机或笔记本上，可以连接到机床的NCU进行NC与PLC的数据备份与恢复，备份和恢复的数
- OraclePLSQL简单安装指南WORD文档doc格式最新版本
- 网页数据采集软件项目全套技术资料100%好用.zip
- Oracle高级SQL培训与讲解WORD文档doc格式最新版本
- 超智能体写的人工智能深度学习pdf
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
