<!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">手机�
精品--简历模板3.zip （67个子文件） 
ahao3 lib 
jquery.fullPage.min.js 21KB bootstrap js bootstrap.js 67KB css bootstrap.css 151KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB jquery.isotope.js 42KB jquery.easing.1.3.js 8KB jquery.min.js 94KB image 
AE2E3D53-71CD-4051-A388-1022A8A82A27.JPG 324KB 50C9DD1F-2D93-464F-A366-13DFDB7F536C.JPG 166KB 62A8B978-1190-4620-A270-51CE3F2E829D.JPG 123KB 73AC7DE4-7ABD-4A22-99BE-BFA8FE1F8568.JPG 139KB js handler.js 2KB resumeEnter.js 6KB css base-自定义左浮动右浮动属性.css 224B page-3.css 3KB page-1.css 3KB jquery.fullPage.css 3KB animate.css 71KB page-6.css 444B movementPage1中圆钮的运动动画.css 2KB page-4.css 5KB background-外联背景.css 1KB index.css 2KB page-2.css 2KB page-5.css 4KB
index.html 25KB .project 416B images page-2 
hat.png 6KB glass.png 4KB book.png 4KB tel.png 3KB 2.jpg 29KB dot.png 418B page-3 apple6.png 4KB 2(3).png 71KB 5(2).png 571B tel.png 4KB baterry10.png 399B 4(2).png 4KB 1(4).png 89KB tv8.png 2KB 1.jpg 653KB bg1.jpg 82KB page-4 lingyang.jpg 3KB cloud_three.png 250KB anjie.jpg 30KB 无标题.png 3KB cloud_one.png 182KB school.jpg 57KB cloud_two.png 208KB dayang.jpg 45KB unuse.jpg 103KB 5.jpg 13KB favicon.ico 264KB pure.jpg 42KB bg7.jpg 22KB page_home 3.png 321B 1.png 323B 4.png 316B 2.png 316B base.jpg 42KB 3.jpg 44KB 4.jpg 23KB资源评论
