版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
【移动应用开发技术】超级炫酷的HTML5互动式程序员求职简历
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/><basehref='/misc-res/interactive-resume/'><title>刘聪聪的HTML5互动式程序员求职简历</title>
<metaname="Description"content="程序员的求职简历应该体现出程序员的技术能力，但几乎所有的简历都是用文字表述的，为什么让简历载体自身成为体现程序员技能的平台呢？如果你还不明白我说的是什么意思，那就看看这个超级酷炫的HTML5互动式程序员求职简历，一定会让你惊异不已。"><linkhref="css/style.css"rel="stylesheet"type="text/css"/></head><body><scripttype="text/javascript"src="script/jquery-1.9.1.min.js"></script><scripttype="text/javascript"src="script/jquery-ui-1.10.2.custom.min.js"></script><scripttype="text/javascript"src="script/detect-browser-device.js"></script><noscript><divid="javascript-banner-container">
<divid="javascript-banner">
<divid="javascript-banner-left"></div>
<divid="javascript-banner-middle">
<divid="javascript-banner-text-a">请开启你的</div>
<divid="javascript-banner-text-b">JavaScript功能</div>
</div>
<divid="javascript-banner-right"></div>
</div></div></noscript><divid="content"class="content-noscroll">
<divid="preloader"class="displaynone">
<scripttype="text/javascript"src="script/preloader-transparent-or-displaynone.js"></script>
<divid="preloader-banner-container">
<divid="preloader-banner">
<divid="preloader-banner-left"></div>
<divid="preloader-banner-middle">
<divid="preloader-banner-text-a">加载中</div>
<divid="preloader-dots"class="preloader-dots-animation"></div>
</div>
<divid="preloader-banner-right"></div>
</div>
</div>
</div>
<scripttype="text/javascript"src="script/preloader.js"></script>
<divid="page"></div>
<divid="container"class="displaynone">
<scripttype="text/javascript"src="script/container-transparent-or-displaynone.js"></script>
<divid="layer-vertical-1"class="layer-vertical">
<divid="cloud-5"class="cloud"></div>
<divid="cloud-6"class="cloud"></div>
<divid="cloud-7"class="cloud"></div>
<divid="cloud-8"class="cloud"></div>
<divid="cloud-9"class="cloud"></div>
</div>
<divid="layer-vertical-2"class="layer-vertical">
<divid="ground-and-grass-container-2">
<divclass="ground"></div>
<divclass="grass"></div>
<divid="waterfall-1"class="waterfall"></div>
<divid="waterfall-2"class="waterfall"></div>
</div>
</div>
<!--layer-vertical-3isatthebottom.itwillbeinfrontoflayerhorizontal,sothebuttononthebannerinlayerverticalwillnotbeblockbylayerhorizontal-->
<divid="layer-horizontal-1"class="layer-horizontal">
<divid="cloud-1"class="cloud"></div>
<divid="cloud-2"class="cloud"></div>
<divid="cloud-3"class="cloud"></div>
<divid="cloud-4"class="cloud"></div>
<divid="sea-layer-horizontal-1"class="sea">
<divclass="sea-seal"></div>
</div>
<divid="coral-big-1"class="coral-big"></div>
<divid="coral-big-2"class="coral-big"></div>
</div>
<divid="layer-horizontal-2"class="layer-horizontal">
<divid="mountain-1"class="mountain"></div>
<divid="mountain-2"class="mountain"></div>
<divid="coral-1"class="coral-a"></div>
<divid="coral-2"class="coral-b"></div>
<divid="coral-3"class="coral-a"></div>
<divid="crane-1"class="crane"></div>
<divid="hangar">
<divid="hangar-door"></div>
<divid="hangar-window"></div>
<divid="hangar-roof"></div>
</div>
<divid="crane-2"class="crane"></div>
</div>
<divid="layer-horizontal-3"class="layer-horizontal">
<divid="plants-container">
<divid="plant-text-1"class="plant-text">完全精通</div>
<divid="plant-text-2"class="plant-text">擅长领域</div>
<divid="plant-text-3"class="plant-text">熟练掌握</div>
<divid="plant-text-4"class="plant-text">熟悉</div>
<divid="plant-text-5"class="plant-text">了解</div>
<divid="plant-line-1"class="plant-line"></div>
<divid="plant-line-2"class="plant-line"></div>
<divid="plant-line-3"class="plant-line"></div>
<divid="plant-line-4"class="plant-line"></div>
<divid="plant-line-5"class="plant-line"></div>
<divid="plant-1"class="plant">
<divclass="plant-stalk"></div>
<divclass="plant-head-leaves"></div>
</div>
<divid="plant-2"class="plant">
<divclass="plant-stalk"></div>
<divclass="plant-head-leaves"></div>
</div>
<divid="plant-3"class="plant">
<divclass="plant-stalk"></div>
<divclass="plant-head-leaves"></div>
</div>
<divid="plant-4"class="plant">
<divclass="plant-stalk"></div>
<divclass="plant-head-leaves"></div>
</div>
<divid="plant-ribbon-container">
<divid="plant-ribbon-1"class="plant-ribbon">
<divclass="plant-ribbon-left"></div>
<divclass="plant-ribbon-middle">设计</div>
<divclass="plant-ribbon-right"></div>
</div>
<divid="plant-ribbon-2"class="plant-ribbon">
<divclass="plant-ribbon-left"></div>
<divclass="plant-ribbon-middle">做图</div>
<divclass="plant-ribbon-right"></div>
</div>
<divid="plant-ribbon-3"class="plant-ribbon">
<divclass="plant-ribbon-left"></div>
<divclass="plant-ribbon-middle">编码</div>
<divclass="plant-ribbon-right"></div>
</div>
<divid="plant-ribbon-4"class="plant-ribbon">
<divclass="plant-ribbon-left"></div>
<divclass="plant-ribbon-middle">动画</div>
<divclass="plant-ribbon-right"></div>
</div>
</div>
<divclass="ribbon-container">
<divclass="ribbon-relative">
<divclass="ribbon-left"></div>
<divclass="ribbon-middle">多领域设计技术</div>
<divclass="ribbon-right"></div>
</div>
</div>
</div>
<divid="elevation-1"class="elevation">
<divclass="ground"></div>
<divclass="grass"></div>
</div>
<divid="tree-9"class="tree-bright-a"></div>
<divid="tree-10"class="tree-dark-c"></div>
<divid="title-about"></div>
<divid="tree-7"class="tree-dark-a"></div>
<divid="tree-8"class="tree-bright-a"></div>
<divid="gate-1"class="gate">
<divid="gate-text-1"class="gate-text">第1关</div>
</div>
<divid="gate-2"class="gate">
<divid="gate-text-2"class="gate-text">第2关</div>
</div>
<divid="nba-container">
<divid="tree-20"class="tree-bright-b"></div>
<divid="tree-21"class="tree-dark-d"></div>
<divid="tree-22"class="tree-bright-b"></div>
<divid="tree-23"class="tree-dark-b"></div>
<divid="tree-24"class="tree-bright-e"></div>
<divid="tree-25"class="tree-dark-b"></div>
<divid="nba-rim-container">
<divid="nba-rim"></div>
</div>
<divid="nba-board-1"class="nba-board-blue">
<divclass="nba-text-container">
<divclass="nba-text">我</div>
</div>
</div>
<divid="nba-board-2"class="nba-board-blue">
<divclass="nba-text-container">
<divclass="nba-text">最</div>
</div>
</div>
<divid="nba-board-3"class="nba-board-blue">
<divclass="nba-text-container">
<divclass="nba-text">爱</div>
</div>
</div>
<divid="nba-board-4"class="nba-board-red">
<divclass="nba-text-container">
<divclass="nba-text">打</div>
</div>
</div>
<divid="nba-board-5"class="nba-board-red">
<divclass="nba-text-container">
<divclass="nba-text">蓝</div>
</div>
</div>
<divid="nba-board-6"class="nba-board-red">
<divclass="nba-text-container">
<divclass="nba-text">球</div>
</div>
</div>
<divid="nba-player-container">
<divid="nba-player">
<divid="nba-player-frame"></div>
<divid="nba-player-eyes"></div>
</div>
</div>
<divid="nba-ball"></div>
<divclass="ribbon-container">
<divclass="ribbon-relative">
<divclass="ribbon-left"></div>
<divclass="ribbon-middle">爱好运动</div>
<divclass="ribbon-right"></div>
</div>
</div>
</div>
<divid="buildings-container">
<divid="tree-11"class="tree-bright-b"></div>
<divid="tree-12"class="tree-dark-b"></div>
<divid="tree-13"class="tree-bright-b"></div>
<divid="tree-14"class="tree-dark-b"></div>
<divid="tree-15"class="tree-bright-b"></div>
<divid="tree-16"class="tree-dark-b"></div>
<divid="tree-17"class="tree-bright-b"></div>
<divid="tree-18"class="tree-dark-b"></div>
<divid="tree-19"class="tree-bright-b"></div>
<divid="building-1"class="building">
<divclass="building-enemy-face-a">
<divclass="building-enemy-face-a-eyes"></div>
</div>
<divid="building-leg-container-1"class="building-leg-container-a">
<divid="building-1-leg-frame"class="building-leg-frame-a"></div>
</div>
</div>
<divid="building-2"class="building">
<divclass="building-enemy-face-b">
<divclass="building-enemy-face-b-eyes"></div>
</div>
<divid="building-leg-container-2"class="building-leg-container-b">
<divid="building-2-leg-frame"class="building-leg-frame-b"></div>
</div>
</div>
<divid="building-3"class="building">
<divclass="building-enemy-face-a">
<divclass="building-enemy-face-a-eyes"></div>
</div>
<divid="building-leg-container-3"
class="building-leg-container-a">
<divid="building-3-leg-frame"
class="building-leg-frame-a"></div>
</div>
</div>
<divclass="ribbon-container">
<divclass="ribbon-relative">
<divclass="ribbon-left"></div>
<divclass="ribbon-middle">在纽约州生活和工作</div>
<divclass="ribbon-right"></div>
</div>
</div>
</div>
<divid="elevation-2"class="elevation">
<divclass="ground"></div>
<divclass="grass"></div>
</div>
<divid="ground-and-grass-container-1">
<divclass="ground"></div>
<divclass="grass"></div>
</div>
<divid="splash-container">
<divid="scroll-or-swipe-text-container-1"class="scroll-or-swipe-text-container">用鼠标中键滚轮控制，或用键盘向上向下键控制</div>
<divid="scroll-or-swipe-text-container-2"class="scroll-or-swipe-text-container">Swipefromrighttoleft</div>
<divid="tree-5"class="tree-bright-d"></div>
<divid="tree-6"class="tree-dark-b"></div>
<divid="title-robby"></div>
<divid="title-leonardi"></div>
<divid="tree-1"class="tree-dark-c"></div>
<divid="tree-2"class="tree-bright-e"></div>
<divid="tree-3"class="tree-dark-b"></div>
<divid="tree-4"class="tree-dark-a"></div>
<divclass="ribbon-container">
<divclass="ribbon-relative">
<divclass="ribbon-left"></div>
<divclass="ribbon-middle">程序员求职简历之</div>
<divclass="ribbon-right"></div>
</div>
</div>
</div>
<divid="sea-wave-1"class="sea-wave"></div>
<divid="sea-1"class="sea">
<divid="title-skills"class="title-skills-class"></div>
<divid="algae-1"class="algae-a"></div>
<divid="algae-2"class="algae-b"></div>
<divid="algae-3"class="algae-a"></div>
<divid="algae-4"class="algae-b"></div>
<divid="algae-5"class="algae-b"></div>
<divid="algae-6"class="algae-a"></div>
<divid="algae-7"class="algae-a"></div>
<divid="algae-8"class="algae-b"></div>
<divid="skill-1-container">
<divclass="skill-measurement-1skill-measurement">
<divclass="skill-measurement-header">初学</div>
<divclass="skill-measurement-line"></div>
</div>
<divclass="skill-measurement-2skill-measurement">
<divclass="skill-measurement-header">熟悉</div>
<divclass="skill-measurement-line"></div>
</div>
<divclass="skill-measurement-3skill-measurement">
<divclass="skill-measurement-header">掌握</div>
<divclass="skill-measurement-line"></div>
</div>
<divclass="skill-measurement-4skill-measurement">
<divclass="skill-measurement-header">擅长</div>
<divclass="skill-measurement-line"></div>
</div>
<divclass="skill-measurement-5skill-measurement">
<divclass="skill-measurement-header">精通</div>
<divclass="skill-measurement-line"></div>
</div>
<divid="fish-text-container">
<divid="fish-ribbon-container-1"class="sea-ribbon-container">
<divclass="sea-ribbon-left"></div>
<divclass="sea-ribbon-middle">PHOTOSHOP</div>
<divclass="sea-ribbon-right"></div>
</div>
<divid="fish-ribbon-container-2"class="sea-ribbon-container">
<divclass="sea-ribbon-left"></div>
<divclass="sea-ribbon-middle">ILLUSTRATOR</div>
<divclass="sea-ribbon-right"></div>
</div>
<divid="fish-ribbon-container-3"class="sea-ribbon-container">
<divclass="sea-ribbon-left"></div>
<divclass="sea-ribbon-middle">DREAMWEAVER</div>
<divclass="sea-ribbon-right"></div>
</div>
<divid="fish-ribbon-container-4"class="sea-ribbon-container">
<divclass="sea-ribbon-left"></div>
<divclass="sea-ribbon-middle">FLASH</div>
<divclass="sea-ribbon-right"></div>
</div>
</div>
<divid="fishes-container">
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
<divclass="fish">
<divclass="fish-eyes"></div>
</div>
</div>
</div>
<divid="skill-2-container">
<divclass="skill-measurement-1skill-measurement">
<divclass="skill-measurement-header">初学</div>
<divclass="skill-measurement-line"></div>
</div>
<divclass="skill-measurement-2skill-measurement">
<divclass="skill-measurement-header">熟悉</div>
<divclass="skill-measurement-line"></div>
</div>
<divclass="skill-measurement-3skill-measurement">
<divclass="skill-measurement-header">掌握</div>
<divclass="skill-measurement-line"></div>
</div>
<divclass="skill-measurement-4skill-measurement">
<divclass="skill-measurement-header">擅长</div>
<divclass="skill-measurement-line"></div>
</div>
<divclass="skill-measurement-5skill-measurement">
<divclass="skill-measurement-header">精通</div>
<divclass="skill-measurement-line"></div>
</div>
<divid="crab-text-container">
<divid="crab-ribbon-container-1"class="sea-ribbon-container">
<divclass="sea-ribbon-left"></div>
<divclass="sea-ribbon-middle">HTML</div>
<divclass="sea-ribbon-right"></div>
</div>
<divid="crab-ribbon-container-2"class="sea-ribbon-container">
<divclass="sea-ribbon-left"></div>
<divclass="sea-ribbon-middle">CSS</div>
<divclass="sea-ribbon-right"></div>
</div>
<divid="crab-ribbon-container-3"class="sea-ribbon-container">
<divclass="sea-ribbon-left"></div>
<divclass="sea-ribbon-middle">JAVASCRIPT</div>
<divclass="sea-ribbon-right"></div>
</div>
<divid="crab-ribbon-container-4"class="sea-ribbon-container">
<divclass="sea-ribbon-left"></div>
<divclass="sea-ribbon-middle">JQUERY</div>
<divclass="sea-ribbon-right"></div>
</div>
</div>
<divid="crabs-container">
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
<divclass="crab">
<divclass="crab-eyes"></div>
</div>
</div>
</div>
<divid="skill-3-container">
<divclass="skill-measurement-1skill-measurement">
<divclass="skill-measurement-header">初学</div>
<divclass="skill-measurement-line"></div>
</div>
<divclass="skill-measurement-2skill-measurement">
<divclass="skill-measurement-header">熟悉</div>
<divclass="skill-measurement-line"></div>
</div>
<divclass="skill-measurement-3skill-measurement">
<divclass="skill-measurement-header">掌握</div>
<divclass="skill-measurement-line"></div>
</div>
<divclass="skill-measurement-4skill-measurement">
<divclass="skill-measurement-header">擅长</div>
<divclass="skill-measurement-line"></div>
</div>
<divclass="skill-measurement-5skill-measurement">
<divclass="skill-measurement-header">精通</div>
<divclass="skill-measurement-line"></div>
</div>
<divid="turtle-text-container">
<divid="turtle-ribbon-container-1"class="sea-ribbon-container">
<divclass="sea-ribbon-left"></div>
<divclass="sea-ribbon-middle">3DMAX</div>
<divclass="sea-ribbon-right"></div>
</div>
<divid="turtle-ribbon-container-2"class="sea-ribbon-container">
<divclass="sea-ribbon-left"></div>
<divclass="sea-ribbon-middle">BLENDER3D</div>
<divclass="sea-ribbon-right"></div>
</div>
<divid="turtle-ribbon-container-3"class="sea-ribbon-container">
<divclass="sea-ribbon-left"></div>
<divclass="sea-ribbon-middle">CINEMA4D</div>
<divclass="sea-ribbon-right"></div>
</div>
<divid="turtle-ribbon-container-4"class="sea-ribbon-container">
<divclass="sea-ribbon-left"></div>
<divclass="sea-ribbon-middle">AFTEREFFECTS</div>
<divclass="sea-ribbon-right"></div>
</div>
</div>
<divid="turtles-container">
<divclass="turtle">
<divclass="turtle-eyes"></div>
</div>
<divclass="turtle">
<divclass="turtle-eyes"></div>
</div>
<divclass="turtle">
<divclass="turtle-eyes"></div>
</div>
<divclass="turtle">
<divclass="turtle-eyes"></div>
</div>
<divclass="turtle">
<divclass="turtle-eyes"></div>
</div>
<divclass="turtle">
<divclass="turtle-eyes"></div>
</div>
<divclass="turtle">
<divclass="turtle-eyes"></div>
</div>
<divclass="turtle">
<divclass="turtle-eyes"></div>
</div>
<divclass="turtle">
<divclass="turtle-eyes"></div>
</div>
</div>
</div>
<divid="bubble-container">
<divid="bubble"></div>
</div>
</div>
<divid="sea-floor"></div>
<divid="ribbon-2-1"class="ribbon-absolute">
<divclass="ribbon-left"></div>
<divclass="ribbon-middle">图形软件和Web开发软件</div>
<divclass="ribbon-right"></div>
</div>
<divid="ribbon-2-2"class="ribbon-absolute">
<divclass="ribbon-left"></div>
<divclass="ribbon-middle">编程语言和脚本语言</div>
<divclass="ribbon-right"></div>
</div>
<divid="ribbon-2-3"class="ribbon-absolute">
<divclass="ribbon-left"></div>
<divclass="ribbon-middle">3D软件和视频软件</div>
<divclass="ribbon-right"></div>
</div>
<divid="panel-and-floor-container">
<divid="panel"></div>
<divid="floor"></div>
</div>
<divid="title-experience"></div>
<divid="boxes"></div>
<divid="experience-1-container">
<divclass="chain-block-and-string-container">
<divclass="chain-block-string"></div>
<divclass="chain-block"></div>
</div>
<divid="experience-text-container-1"class="experience-text-container">
<divclass="experience-text-a">2005年5月-2006年2月</div>
<divclass="experience-text-b">美国在线</div>
<divclass="ex
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 广东中学考试试题及答案
- 2024国际商业美术设计师考试内容更新试题及答案
- 2024年纺织工程师考试知识点分析试题及答案
- 加强纺织工程师证书考试能力的试题及答案选择
- it基础考试试题及答案
- 助理广告师考试广告运行流程试题及答案
- jsp考试笔试题及答案
- 了解纺织行业人才流动与变动试题及答案
- 2024年纺织品检验实务技巧试题及答案
- 禾望电气笔试题及答案
- 系统解剖学-肝脏、胰腺
- 2023年第四届北京市大学生模拟法庭竞赛第一轮赛题A
- GB/T 6109.1-2008漆包圆绕组线第1部分：一般规定
- GB/T 20721-2006自动导引车通用技术条件
- GB/T 12704.2-2009纺织品织物透湿性试验方法第2部分：蒸发法
- 公众责任险、财产一切险培训课件
- 2022山东高考语文答题卡（新高考I卷）word版3
- lovo操作手册中文翻译版-professorgong
- 有限空间作业气体检测记录表
- 重力式降落救生艇的降落和释放装置课件
- 土地集约利用教学课件
评论
0/150
提交评论