index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>resume</title>
	<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
	<div class="nav"  id="nav">
		<div class="nava">
			<a href="javascript:;" class="active" ><img src="img/home.gif" alt='主页' title="主页"></a>
			<a href="javascript:;" id="toskill"><img src="img/skill.gif" alt='已掌握技能' title="已掌握技能"></a>
			<a href="javascript:;" id="toexperience"><img src="img/experience.gif" alt='经历' title="经历"></a>
			<a href="javascript:;" id="tointroduction"><img src="img/intro.gif" alt='自我介绍' title="自我介绍"></a>
		</div>		
	</div>
	<div class="show">	
		<div class="showInner">
			<h2>Crystal</h2>
			<p>Contact Me:crystal1995fyy@163.com</p>
		</div>			
	</div>
	<div class="base">
		<div class="about">
			<h3>关于我<br><span>About Me</span></h3>
		</div>
		<div class="showBase">
			<ul class="baseinfor">
				<li>姓名：樊玉莹</li>
				<li>英文名：crystal</li>
				<li>性别：女</li>
				<li>出生日期：1995.05.29</li>
				<li>家乡：山东菏泽</li>
				<li>邮箱：crystal1995fyy@163.com</li>
			</ul>
			<ul class="baseedu">
				<li>学校：湘潭大学</li>
				<li>年级：大四</li>
				<li>专业：信息管理与信息系统</li>
				<li>GPA(必修)：3.48/4.0</li>
				<li>专业排名：3/73</li>
			</ul>
		</div>
	</div>
	<div class="skill" >		
		<div class="skills">
			<h4>已掌握技能</h4>
			<ul>
				<li>html:<div class="out"><div class="in1"></div></div>70%</li>
				<li>css:<div class="out"><div class="in2"></div></div>55%</li>
				<li>javascript:<div class="out"><div class="in3"></div></div>40%</li>
				<li>jquery:<div class="out"><div class="in4"></div></div>10%</li>
				<li>bootstrap:<div class="out"><div class="in5"></div></div>10%</li>
				<li>Fireworks:<div class="out"><div class="in6"></div></div>10%</li>
				<li>ps:<div class="out"><div class="in7"></div></div>5%</li>
			</ul>
		</div>
		<h3>已掌握技能<br><span>Skill</span></h3>
	</div>
	<div class="experience" id="experience">
		<ul class="labels" id="labels">
			<li class="active">学习经历</li>
			<li>项目实习经历</li>
			<li>获奖情况及证书</li>
			<li>主要作品</li>
		</ul>
		<div class="container" id="container">
			<ul class="container1">
				<li>
					<dl>
						<dt>百度前端培训,组成战队xtu参加</dt>
						<dd>时间：2016.03 - 2016.05</dd>
					</dl>		
					<div>百度ife前端培训有三个主要任务：html与css，JavaScript，以及最终的大作业。在培训中主要学到以下东西
					<ul>
						<li>
							git以及github的基本使用，如push文件到远程版本库，clone远程库等
						</li>
						<li>在复习了基础知识的同时，对bootstrap,flex布局，移动端页面的编写有了一定了解，并巩固了整站开发的知识</li>
						<li>对JavaScript有了系统的学习</li>
					</ul>
					附：<a href="https://github.com/crystalYY/resume/tree/gh-pages/task" title="培训中所提交的任务"><b>培训中所提交的任务</b></a></div>
				</li>
				<li>
					<dl>
						<dt>《web程序设计与维护》课程的学习</dt>
						<dd>时间：大三上学期(2015.09-2015.12)</dd>
					</dl>
					<div>
						<ul>
							<li>对html，css，JavaScript，jQuery的基础知识的学习</li>
							<li>实际开发中的一些技巧和细节</li>
						</ul>
					</div>
					
				</li>
				<li>
					<dl>
						<dt>各个学习网站，论坛以及书本的学习</dt>
						<dd>时间：2013.07 - 至今</dd>
					</dl>
					<div>
						<ul>
							<li>通过博客记录自己的学习心得，在遇到问题或自己有了新的发现时，通过博客的书写，整理自己的思路，加深理解</li>
							<li>通过在各大学习网站如w3c, codecademy，慕课网，简书，智能社，兄弟连等的网上视频或教程学习。</li>
							<li>经常访问廖雪峰，张鑫旭等‘大牛’的博客，深入学习某个知识点。</li>
							<li>阅读css基础教程，JavaScript高级程序设计， jQuery基础教程等书籍。</li>
						</ul>
					</div>
					
				</li>	
			</ul>
			<ul class="container2">
				<li>
					<dl>
						<dt>湘潭大学公共管理学院MPA/MILS网站</dt>
						<dd>时间：2014.07-2014.12</dd>
						<div>
							<ul>
								<li>
									项目描述：对湘潭大学公共管理学院MPA/MILS网站进行改版，包含后台页面，主页，中心概况，下载中心等页面。但后期由于公共管理学院网站整体改版而未能采用。
								</li>
								<li>负责部分：网站主页，后台页面的编写，以及其他页面的修改和审核。</li>
							</ul>							
						</div>
					</dl>
				</li>
				<li>
					<dl>
						<dt>基于大数据的大学生考研就业辅助决策系统</dt>
						<dd>时间：2015.04-2017.04</dd>
					</dl>
					<div>
						<ul>
							<li>项目描述：先通过分析访谈得到的基本影响因素，从而设计问卷，然后通过问卷收集数据，最后通过大数据分析以及模型的构建对大学生考研就业的决策给出一个合理化的建议。现在还处于模型建造阶段，系统成果还未得到。</li>
							<li>负责部分：<br>
								1.作为组长协调各方面工作，把握时间进度以及审核文档的编写<br>
								2.作为UI设计师，设计整个网站的页面，计划运用现今流行的扁平化设计，极简主义来表现整个系统的风格<br>
								3.作为前端开发者，运用html，css，JavaScript以及当今比较流行的框架如：bootstrap,jqueryd等写出网站页面，最终网站将是一个响应式，兼容ie9以上的页面，力求提升用户体验。</li>
						</ul>
					</div>
				</li>
				<li>
					<dl>
						<dt>湖南云迈科技有限责任公司实习</dt>
						<dd>时间：2015.07-2015.08</dd>
					</dl>	
					<div>
						<ul>
							<li>实习部门：技术部</li>
							<li>职位名称：前端开发实习生</li>
							<li>实习经历描述：<br>
								1.跟随公司的前端工程师学习，看了智能社的JavaScript入门视频，并在看视频的过程中实践。<br>
								2.企业计划上新的项目——‘爱尚家教’的商业计划书编写，负责其中风险与机遇分析的编写，以及最终排版整理。<br>
								3.参加公司培训，对快速建站,ps有了一定了解。
							</li>
						</ul>
					</div>			
				</li>
			</ul>
			<ul class="container3">
				<p>所获荣誉</p>
				<li>
					<dl>
						<dt>连续两年三好学生（校级）</dt>
						<dd>时间：大一，大二（校级）</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>连续两年甲等奖学金</dt>
						<dd>时间：大一，大二</dd>
					</dl>
				</li>
				<p>所获证书</p>
				<li>
					<dl>
						<dt>大学英语四级（557）</dt>
					</dl>
				</li>
				<li>
					<dl>
						<dt>大学英语六级（446）</dt>
					</dl>
				</li>
				<li>
					<dl>
						<dt>普通话二甲</dt>
					</dl>
				</li>
				<li>
					<dl>
						<dt>计算机等级证书二级 MS Office高级应用</dt>
					</dl>
				</li>
			</ul>
			<ul class="container4">
				<li>
					<a href="http://crystalyy.github.io/resume/" style="font-weight: bold; color: red;">百度前端学院已完成任务</a>
					<p class="totleIntro">
						百度前端学院已完成任务演示
					</p>
				</li>
				<li>
					<a href="https://crystalyy.github.io/calculator/" style="font-weight: bold; color: red;">计算器</a>
					<p class="totleIntro">
						JavaScript实现的计算器
					</p>
				</li>
				<li>
					<a href="onedayoneworld/oneDayOneWorld/index.html">onedayoneworld个人博客</a>
					<p class="totleIntro">
						计划上线的个人博客，已完成主页，web前端,留言板的设计。
					</p>
				</li>
				<li>
					<a href="xtu/index.html">湘大你好</a>
					<p class="totleIntro">
						2015上半年参加的网页设计大赛作品，时间仓促，只做了简单地设计，很遗憾没有得奖。
					</p>
				</li>
				<li>
					<a href="MPA/index.html">MPA网站主页</a>
					<p class="totleIntro">
						MPA网站主页以及管理员登录界面
					</p>
				</li>
				<li>
					<h4>jquery小效果</h4>
					<ul>
						<li>
							<a href="jquery/flash/index.html">仿flash的图片轮换</a>
							<p class="totleIntro">
								运用jQuery，模仿flash效果
							</p>
						</li>
						<li>
							<a href="jquery/label.html">标签卡</a>
							<p class="totleIntro">
								简单地标签卡
							</p>
						</li>
						<li>
							<a href="jquery/shoufengqin.html">手风琴效果</a>
							<p class="totleIntro">
								手风琴效果的图片展示
							</p>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<div class="introduction" id="introduction">	
		<div class="introImg moveimg" id="introImg">
			<img src="img/intro.jpg" alt="photo">
			<span class="imgspan" id="imgspan">Click Me</span>
		</div>
		<div class="intro" id="intro">
			<h4>
			 	一个闷骚细节控的伪技术宅女的自述。
			</h4>
			<p>大多数人第一眼见我会觉得我是一个乖乖女，然而外表是会骗人的。在深入了解后，他们多半会推翻‘乖乖女’这个观点，寝室室友送外号：‘恶魔’。</p>
			<p>其实双子座的我有着双重性格，也就是人们通常所说的‘人格分裂’。最显著的表现是就算我自己一个人独处也不会觉得寂寞，因为体内还有另一个人可以交流嘛，脑补你内心反应：‘oh my god’！这种双重性格左右了我在日常生活中的行为，可以自己在自习室安静的敲一整天代码，也可以出去旅游，几天都不想学习；可以在精力充沛时思维活跃的与人交谈，也会在筋疲力尽时几乎丧失思考能力，前一秒做的事都不记得。</p>
			<p>我好像对每一种新鲜事物都有想要了解的愿望，看过《时间简史》，读过《本草纲目》，学过跆拳道，弹过吉他，都是完全没有联系的事物。但是同样因为太容易被新的事物所吸引，也导致每一样都学艺不精，通常只懂一点点皮毛，没有深入研究过。但前端开发却始终对我有着强大的吸引力，它包含内容超多，各种新技术，新规范更新速度之快超乎想象，所以它对于我每时每刻都是新鲜的，不会有重复的无聊之感。回想自己已经坚持自学前端开发将近两年的时间，还依然富有热情，足可见前端开发的魅力所在。</p>
			<p>因为前端开发是接近用户的一端，虽然自己在公司做项目的机会很少，但自己平时自己做练习的时候，总是竭尽全力让自己满意，符合自己日常上网的习惯，满足我自己能够想到的所有需求，一直以来都追求做出来的东西能够有好的用户体验。</p>
			<p>本人喜欢烹饪，烘焙，喜欢读各种各样的书，前段时间刚读了《神雕侠侣》，近来在看《萤火虫小巷》。欣赏真诚努力之人，虽投身互联网行业，但不太喜欢虚拟的网络世界，如果想要进一步了解我，欢迎‘真人考察’。</p>
		</div>
		
	</div>
	<div class="connect">
		<a href="https://github.com/crystalYY/" target="_blank"><img src="img/github.jpg" alt="github"></a>
		<a href="http://weibo.com/CRYSTALfyy0529/profile?rightmod=1&wvr=6&mod=personinfo&is_all=1" target="_blank"><img src="img/weibo.png" alt="weibo"></a>
		<a href="http://blog.csdn.net/sinat_27088253" target="_blank"><img src="img/csdn.jpg" alt="csdn"></a>
		<a href="http://www.imooc.com/u/2160585/courses" target="_blank"><img src="img/mook.jpg" alt="mook"></a>
		<a href="https://www.freecodecamp.cn/crystalyy" target='-blank'><img src="img/freecodecamp.png" alt="freecodecamp" style="width: 230px; height: 30px;"></a>
	</div>
	<footer>
		<p>Copyright&copy;2016</p>
		<p>designed by crystal. All Right reserved.</p>
	</footer>

<script type="text/javascript" src="jquery/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="index.js"></script>	
</body>
</html>