index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>Are You OK</title>
	<link rel="Short Icon" type="image/x-icon" href="images/logo.JPG">
	<link rel="stylesheet" href="css/jquery.fullPage.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<style>
	#section1 { background: url(images/background.jpg);}
	#section2 { background: #000;}
	#section3 { background: #555;}
	#section4 { background: #aaa;} 
	.section { text-align: center; font: 50px "Microsoft Yahei"; color: #000;}
	</style>
	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/jquery.fullPage.min.js"></script>
	<script>
	$(function(){
		$('#dowebok').fullpage({
		});
	});
	</script>
</head>

<body>

<div id="dowebok">
	<div class="section " id="section1">
		<img src="images/logo.JPG" alt="团队LOGO" id="headpic" />
		<h1>Are You OK?</h1>
		<p>学习一个，提高自己的姿势水平</p>
		<div class="scrolltips">向下滑动</div>
		<div class="classify_angle"></div>
		<div class="classify_angle"></div>
	</div>
	<div class="section" id="section2">
			<div class="slide" id="slide1">
			<div id="personInfo">
			<h1>关于我</h1>
			<h3>基本信息</h3>
			<span>姓名：徐晓飞</span>
			<span>年龄：24</span>
			<span>坐标：湖北,武汉</span>
			<span>Tel：13387612939</span>
			<span>在线简历：<a href="Https://dongsuo.github.io/resume" target="_blank">dongsuo.github.io/resume</a></span>
			<span><address>E-mail：<a href="mailto:xuxiaofei915@gmail.com">xuxiaofei915@gmail.com</a></address></span>
			<span>GitHub：<a href="Https://github.com/dongsuo" target="_blank">https://github.com/dongsuo</a></span>
			<span>个人主页：<a href="Https://dongsuo.github.io" target="_blank">dongsuo.github.io</a></span>
			<span>个人主页：<a href="dongsuo.github.io">dongsuo.github.io</a></span>
			<h3>教育经历</h3>
			<span>图书馆学硕士/武汉大学</span>
			<span>2015.9至今</span>
			<span>图书馆学本科/武汉大学</span>
			<span>2011.9-2015.6</span>
			</div>
		<img src="images/xuxiaofei.jpg"/>
	</div>
		<div class="slide" id="slide2">
		<h1>我的前端技能</h1>
		<ul>
		<li><span>HTML：</span>可以熟练地手写基本符合语义化、结构良好、易于维护的HTML页面。</li>
		<li><span>CSS：</span>可以熟练地构造基本的页面布局，熟悉CSS中的大多数属性。</li>
		<li><span>JavaScript：</span>对JavaScript的基本语法以及DOM操作较为熟悉，但是理论基础较差，对面向对象编程缺乏了解。</li>
		<li><span>jQuery：</span>了解基本的语法和特性，可以使用jQuery实现较为复杂的功能。</li>
		<li><span>Ajax:</span>了解Ajax的基本用法和特性，对涉及到后端代码的功能缺乏了解。</li>
		<li><span>Photoshop：</span>可以较为熟练地使用Photoshop处理图片</li>
		</ul>
		</div>
		<div class="slide">
		<h1>我的作品</h1>
		<div id="worksList">
		<figure>
		<figcaption><a href='timer.html' target="_blank">Timer</a></figcaption>
		<a href='timer.html' target="_blank"><img src="images/timer.jpg"/></a>
		</figure>
		<figure>
		<figcaption><a href='jQueryDemo.html' target="_blank">jQueryDemo</a></figcaption>
		<a href='jQueryDemo.html' target="_blank"><img src="images/jQueryDemo.jpg"/></a>
		</figure>
		<figure>
		<figcaption><a href='jQueryDemo2.html' target="_blank">jQueryDemo2</a></figcaption>
		<a href='jQueryDemo2.html' target="_blank"><img src="images/jQueryDemo2.jpg"/></a>
		</figure>
		</div>
		</div>
	</div>
	<div class="section " id="section3">
		<div class="slide" id="slide1">
			<div id="personInfo">
			<h1>关于我</h1>
			<h3>基本信息</h3>
			<span>姓名：</span>
			<span>年龄：</span>
			<span>坐标：</span>
			<span><address>E-mail：<a href=""></a></address></span>
			<span>GitHub：<a href="" target="_blank"></a></span>
			<h3>教育经历</h3>
			<span>1</span>
			<span>2</span>
			<span>3</span>
			<span>4</span>
		</div>
		<img src="images/gitikid.jpg" alt = "gitikid"/>
	</div>
	<div class="slide" id="slide2">
		<h1>我的前端技能</h1>
			<ul>
				<li><span></span></li>
				<li><span></span></li>
			</ul>
		</div>
		<div class="slide">
		<h1>我的作品</h1>
		<ul>
			<li></li>
		</ul>
		</div>	
	</div>
	<div class="section " id="section4">

	</div>
</div>


</body>
</html>