<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<title>网页设计师全屏大气个人简历网页模板下载_网站模板_js代码</title>
<meta name="keywords" content="网页,设计师,全屏大气,个人简历,网页模板,下载" />
<meta name="description" content="网页设计师全屏大气个人简历网页模板下载。" />
<link rel="shortcut icon" href="images/favicon.ico"/>
<!--lib css-->
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" href="css/jquery.fullPage.css"/>
<link rel="stylesheet" href="css/animate.css">
<!--personal css-->
<link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<!--导航栏-->
<nav class="navbar navbar-default resume">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<!--bootstrap中大小为22px,带1像素圆角的图像-->
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand EngName" data-menuanchor="page1" href="#page1">Mystic Ming</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right" id="menu">
<li data-menuanchor="page2" class="active">
<a href="#page2">基本资料</a>
</li>
<li data-menuanchor="page3">
<a href="#page3">专业技能</a>
</li>
<li data-menuanchor="page4">
<a href="#page4">工作经历</a>
</li>
<li data-menuanchor="page5">
<a href="#page5">项目经验</a>
</li>
<li data-menuanchor="page6">
<a href="#page6">自我评价</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="guns sky">
<div class="clouds_one"></div>
<div class="clouds_two"></div>
<div class="clouds_three"></div>
</div>
<div class="pure">
</div>
<!--section为jsFullpage插件,每个section属性默认为一栏-->
<div id="resume">
<div class="section item-1">
<div class="row word">
<!--通过插件实现显示隐藏效果-->
<span class="resume-hide">JAVA全栈</span>
<!--.hidden-xs 额外的小设备(小于 768px)隐藏,resume-hide为自定义类,负责隐藏-->
<span class="hidden-xs resume-hide">简历</span>
<span class="col-xs-12 hidden-sm hidden-md hidden-lg resume-hide">简历</span>
<!--显示放大后再缩小隐藏-->
<p class="motto resume-hide hinge-sty" style="position: relative">爱技术,爱生活</p>
<!--翻页按钮-->
<a href="#" class="next-page ">
<!--向下箭头图形-->
<span class="glyphicon glyphicon-chevron-down"></span>
</a>
</div>
<!--四张边角图片-->
<div class="corner1 corner">
<img src="images/page_home/1.png" alt=""/>
</div>
<div class="corner2 corner">
<img src="images/page_home/2.png" alt=""/>
</div>
<div class="corner3 corner">
<img src="images/page_home/3.png" alt=""/>
</div>
<div class="corner4 corner">
<img src="images/page_home/4.png" alt=""/>
</div>
</div>
<div class="section item-2">
<div class="container">
<!--插件从外弹进的特效-->
<h class='hidden-xs hidden-sm page2-title'>基本资料</h>
<div class="row">
<div class=" icon-infomation col-xs-6 col-sm-6 col-md-3">
<img src="images/page-2/glass.png" alt="">
<h4>基本信息</h4>
<p>
姓名: 王一铭男
<br>
年龄: 22岁 籍贯:辽宁
</p>
</div>
<!--用col进行栅格分布,并实现自适应,每部分占6个栅格,每12个栅格自动换行-->
<div class=" icon-infomation col-xs-6 col-sm-6 col-md-3">
<img src="images/page-2/hat.png" alt="">
<h4>毕业院校</h4>
<p>
辽宁工程技术大学
</p>
</div>
<div class=" icon-infomation col-xs-6 col-sm-6 col-md-3">
<img src="images/page-2/book.png" alt="">
<h4>学历和专业</h4>
<p>
本科(一本)
<br>
信息管理和信息系统
</p>
</div>
<div class=" icon-infomation col-xs-6 col-sm-6 col-md-3">
<img src="images/page-2/tel.png" alt="">
<h4>联系方式</h4>
<p>
邮箱 3052994007@qq.com
<br>
电话18642976892
</p>
</div>
</div>
</div>
</div>
<div class="section item-3">
<div class="container">
<div class="img-3 hidden-xs">
<img src="images/page-3/5(2).png" alt="">
</div>
<div class="bg-img hidden-xs hidden-sm">
<img src="images/page-3/1(4).png" alt="">
</div>
<!--以抛物线形式增加,如淘宝购物车-->
<div class="sm-img fly hidden-xs hidden-sm">
<img src="images/page-3/2(3).png" alt="">
</div>
<div class="skill-introduce">
<div class="media">
<div class="media-left media-top">
<a href="#" class=''>
<img class="media-object" src="images/page-3/tv8.png" alt="">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">PC端</h4>
<p>
熟练使用 Html5 Css3 JavaScript,能够合理完成web端或者移动端页面的编写和维护,<br>
思路清晰,结构完整,易于维护和持久化开发,能处理主流浏览器兼容问题。
熟练使用原生js, 了解js面向对象原理,闭包以及原型结构,能够合理利用面向对象以及模块化开发,并且能适当完成框架封装。熟练使用 jQuery,并能完成相关项目。
<br>熟悉animation fullpage jquery-ui template lazyload jQeasing masonry等实用插件的应用,轮播图,tab栏,瀑布流,延迟加载,全屏滚动等等常用功能的实现
<br>掌握 Ajax交互原理,根据后台接口能够合理完成前后台交互,数据的增删改查
</p>
</div>
</div>
<div class="media ">
<div class="media-left media-top">
<a href="#" class=''>
<img class="media-object" src="images/page-3/apple6.png" alt="">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">手机�