溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<base >
<title>劉聰聰的HTML5互動式程序員求職簡歷</title>
<meta name="Description" content="程序員的求職簡歷應該體現出程序員的技術能力，但幾乎所有的簡歷都是用文字表述的，為什么讓簡歷載體自身成為體現程序員技能的平臺呢？如果你還不明白我說的是什么意思，那就看看這個超級酷炫的HTML5互動式程序員求職簡歷，一定會讓你驚異不已。" >
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/javascript" src="script/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="script/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript" src="script/detect-browser-device.js"></script>
<noscript>
<div id="javascript-banner-container">
<div id="javascript-banner">
<div id="javascript-banner-left"></div>
<div id="javascript-banner-middle">
<div id="javascript-banner-text-a">請開啟你的</div>
<div id="javascript-banner-text-b">JavaScript功能</div>
</div>
<div id="javascript-banner-right"></div>
</div>
</div>
</noscript>
<div id="content" class="content-noscroll">
<div id="preloader" class="displaynone">
<script type="text/javascript" src="script/preloader-transparent-or-displaynone.js"></script>
<div id="preloader-banner-container">
<div id="preloader-banner">
<div id="preloader-banner-left"></div>
<div id="preloader-banner-middle">
<div id="preloader-banner-text-a">加載中</div>
<div id="preloader-dots" class="preloader-dots-animation"></div>
</div>
<div id="preloader-banner-right"></div>
</div>
</div>
</div>
<script type="text/javascript" src="script/preloader.js"></script>
<div id="page"></div>
<div id="container" class="displaynone">
<script type="text/javascript" src="script/container-transparent-or-displaynone.js"></script>
<div id="layer-vertical-1" class="layer-vertical">
<div id="cloud-5" class="cloud"></div>
<div id="cloud-6" class="cloud"></div>
<div id="cloud-7" class="cloud"></div>
<div id="cloud-8" class="cloud"></div>
<div id="cloud-9" class="cloud"></div>
</div>
<div id="layer-vertical-2" class="layer-vertical">
<div id="ground-and-grass-container-2">
<div class="ground"></div>
<div class="grass"></div>
<div id="waterfall-1" class="waterfall"></div>
<div id="waterfall-2" class="waterfall"></div>
</div>
</div>
<!--layer-vertical-3 is at the bottom. it will be in front of layer horizontal, so the button on the banner in layer vertical will not be block by layer horizontal-->
<div id="layer-horizontal-1" class="layer-horizontal">
<div id="cloud-1" class="cloud"></div>
<div id="cloud-2" class="cloud"></div>
<div id="cloud-3" class="cloud"></div>
<div id="cloud-4" class="cloud"></div>
<div id="sea-layer-horizontal-1" class="sea">
<div class="sea-seal"></div>
</div>
<div id="coral-big-1" class="coral-big"></div>
<div id="coral-big-2" class="coral-big"></div>
</div>
<div id="layer-horizontal-2" class="layer-horizontal">
<div id="mountain-1" class="mountain"></div>
<div id="mountain-2" class="mountain"></div>
<div id="coral-1" class="coral-a"></div>
<div id="coral-2" class="coral-b"></div>
<div id="coral-3" class="coral-a"></div>
<div id="crane-1" class="crane"></div>
<div id="hangar">
<div id="hangar-door"></div>
<div id="hangar-window"></div>
<div id="hangar-roof"></div>
</div>
<div id="crane-2" class="crane"></div>
</div>
<div id="layer-horizontal-3" class="layer-horizontal">
<div id="plants-container">
<div id="plant-text-1" class="plant-text">完全精通</div>
<div id="plant-text-2" class="plant-text">擅長領域</div>
<div id="plant-text-3" class="plant-text">熟練掌握</div>
<div id="plant-text-4" class="plant-text">熟悉</div>
<div id="plant-text-5" class="plant-text">了解</div>
<div id="plant-line-1" class="plant-line"></div>
<div id="plant-line-2" class="plant-line"></div>
<div id="plant-line-3" class="plant-line"></div>
<div id="plant-line-4" class="plant-line"></div>
<div id="plant-line-5" class="plant-line"></div>
<div id="plant-1" class="plant">
<div class="plant-stalk"></div>
<div class="plant-head-leaves"></div>
</div>
<div id="plant-2" class="plant">
<div class="plant-stalk"></div>
<div class="plant-head-leaves"></div>
</div>
<div id="plant-3" class="plant">
<div class="plant-stalk"></div>
<div class="plant-head-leaves"></div>
</div>
<div id="plant-4" class="plant">
<div class="plant-stalk"></div>
<div class="plant-head-leaves"></div>
</div>
<div id="plant-ribbon-container">
<div id="plant-ribbon-1" class="plant-ribbon">
<div class="plant-ribbon-left"></div>
<div class="plant-ribbon-middle">設計</div>
<div class="plant-ribbon-right"></div>
</div>
<div id="plant-ribbon-2" class="plant-ribbon">
<div class="plant-ribbon-left"></div>
<div class="plant-ribbon-middle">做圖</div>
<div class="plant-ribbon-right"></div>
</div>
<div id="plant-ribbon-3" class="plant-ribbon">
<div class="plant-ribbon-left"></div>
<div class="plant-ribbon-middle">編碼</div>
<div class="plant-ribbon-right"></div>
</div>
<div id="plant-ribbon-4" class="plant-ribbon">
<div class="plant-ribbon-left"></div>
<div class="plant-ribbon-middle">動畫</div>
<div class="plant-ribbon-right"></div>
</div>
</div>
<div class="ribbon-container">
<div class="ribbon-relative">
<div class="ribbon-left"></div>
<div class="ribbon-middle">多領域設計技術</div>
<div class="ribbon-right"></div>
</div>
</div>
</div>
<div id="elevation-1" class="elevation">
<div class="ground"></div>
<div class="grass"></div>
</div>
<div id="tree-9" class="tree-bright-a"></div>
<div id="tree-10" class="tree-dark-c"></div>
<div id="title-about"></div>
<div id="tree-7" class="tree-dark-a"></div>
<div id="tree-8" class="tree-bright-a"></div>
<div id="gate-1" class="gate">
<div id="gate-text-1" class="gate-text">第1關</div>
</div>
<div id="gate-2" class="gate">
<div id="gate-text-2" class="gate-text">第2關</div>
</div>
<div id="nba-container">
<div id="tree-20" class="tree-bright-b"></div>
<div id="tree-21" class="tree-dark-d"></div>
<div id="tree-22" class="tree-bright-b"></div>
<div id="tree-23" class="tree-dark-b"></div>
<div id="tree-24" class="tree-bright-e"></div>
<div id="tree-25" class="tree-dark-b"></div>
<div id="nba-rim-container">
<div id="nba-rim"></div>
</div>
<div id="nba-board-1" class="nba-board-blue">
<div class="nba-text-container">
<div class="nba-text">我</div>
</div>
</div>
<div id="nba-board-2" class="nba-board-blue">
<div class="nba-text-container">
<div class="nba-text">最</div>
</div>
</div>
<div id="nba-board-3" class="nba-board-blue">
<div class="nba-text-container">
<div class="nba-text">愛</div>
</div>
</div>
<div id="nba-board-4" class="nba-board-red">
<div class="nba-text-container">
<div class="nba-text">打</div>
</div>
</div>
<div id="nba-board-5" class="nba-board-red">
<div class="nba-text-container">
<div class="nba-text">藍</div>
</div>
</div>
<div id="nba-board-6" class="nba-board-red">
<div class="nba-text-container">
<div class="nba-text">球</div>
</div>
</div>
<div id="nba-player-container">
<div id="nba-player">
<div id="nba-player-frame"></div>
<div id="nba-player-eyes"></div>
</div>
</div>
<div id="nba-ball"></div>
<div class="ribbon-container">
<div class="ribbon-relative">
<div class="ribbon-left"></div>
<div class="ribbon-middle">愛好運動</div>
<div class="ribbon-right"></div>
</div>
</div>
</div>
<div id="buildings-container">
<div id="tree-11" class="tree-bright-b"></div>
<div id="tree-12" class="tree-dark-b"></div>
<div id="tree-13" class="tree-bright-b"></div>
<div id="tree-14" class="tree-dark-b"></div>
<div id="tree-15" class="tree-bright-b"></div>
<div id="tree-16" class="tree-dark-b"></div>
<div id="tree-17" class="tree-bright-b"></div>
<div id="tree-18" class="tree-dark-b"></div>
<div id="tree-19" class="tree-bright-b"></div>
<div id="building-1" class="building">
<div class="building-enemy-face-a">
<div class="building-enemy-face-a-eyes"></div>
</div>
<div id="building-leg-container-1" class="building-leg-container-a">
<div id="building-1-leg-frame" class="building-leg-frame-a"></div>
</div>
</div>
<div id="building-2" class="building">
<div class="building-enemy-face-b">
<div class="building-enemy-face-b-eyes"></div>
</div>
<div id="building-leg-container-2" class="building-leg-container-b">
<div id="building-2-leg-frame" class="building-leg-frame-b"></div>
</div>
</div>
<div id="building-3" class="building">
<div class="building-enemy-face-a">
<div class="building-enemy-face-a-eyes"></div>
</div>
<div id="building-leg-container-3" class="building-leg-container-a">
<div id="building-3-leg-frame" class="building-leg-frame-a"></div>
</div>
</div>
<div class="ribbon-container">
<div class="ribbon-relative">
<div class="ribbon-left"></div>
<div class="ribbon-middle">在紐約州生活和工作</div>
<div class="ribbon-right"></div>
</div>
</div>
</div>
<div id="elevation-2" class="elevation">
<div class="ground"></div>
<div class="grass"></div>
</div>
<div id="ground-and-grass-container-1">
<div class="ground"></div>
<div class="grass"></div>
</div>
<div id="splash-container">
<div id="scroll-or-swipe-text-container-1" class="scroll-or-swipe-text-container">用鼠標中鍵滾輪控制，或用鍵盤向上向下鍵控制</div>
<div id="scroll-or-swipe-text-container-2" class="scroll-or-swipe-text-container">Swipe from right to left</div>
<div id="tree-5" class="tree-bright-d"></div>
<div id="tree-6" class="tree-dark-b"></div>
<div id="title-robby"></div>
<div id="title-leonardi"></div>
<div id="tree-1" class="tree-dark-c"></div>
<div id="tree-2" class="tree-bright-e"></div>
<div id="tree-3" class="tree-dark-b"></div>
<div id="tree-4" class="tree-dark-a"></div>
<div class="ribbon-container">
<div class="ribbon-relative">
<div class="ribbon-left"></div>
<div class="ribbon-middle">程序員求職簡歷之</div>
<div class="ribbon-right"></div>
</div>
</div>
</div>
<div id="sea-wave-1" class="sea-wave"></div>
<div id="sea-1" class="sea">
<div id="title-skills" class="title-skills-class"></div>
<div id="algae-1" class="algae-a"></div>
<div id="algae-2" class="algae-b"></div>
<div id="algae-3" class="algae-a"></div>
<div id="algae-4" class="algae-b"></div>
<div id="algae-5" class="algae-b"></div>
<div id="algae-6" class="algae-a"></div>
<div id="algae-7" class="algae-a"></div>
<div id="algae-8" class="algae-b"></div>
<div id="skill-1-container">
<div class="skill-measurement-1 skill-measurement">
<div class="skill-measurement-header">初學</div>
<div class="skill-measurement-line"></div>
</div>
<div class="skill-measurement-2 skill-measurement">
<div class="skill-measurement-header">熟悉</div>
<div class="skill-measurement-line"></div>
</div>
<div class="skill-measurement-3 skill-measurement">
<div class="skill-measurement-header">掌握</div>
<div class="skill-measurement-line"></div>
</div>
<div class="skill-measurement-4 skill-measurement">
<div class="skill-measurement-header">擅長</div>
<div class="skill-measurement-line"></div>
</div>
<div class="skill-measurement-5 skill-measurement">
<div class="skill-measurement-header">精通</div>
<div class="skill-measurement-line"></div>
</div>
<div id="fish-text-container">
<div id="fish-ribbon-container-1" class="sea-ribbon-container">
<div class="sea-ribbon-left"></div>
<div class="sea-ribbon-middle">PHOTOSHOP</div>
<div class="sea-ribbon-right"></div>
</div>
<div id="fish-ribbon-container-2" class="sea-ribbon-container">
<div class="sea-ribbon-left"></div>
<div class="sea-ribbon-middle">ILLUSTRATOR</div>
<div class="sea-ribbon-right"></div>
</div>
<div id="fish-ribbon-container-3" class="sea-ribbon-container">
<div class="sea-ribbon-left"></div>
<div class="sea-ribbon-middle">DREAMWEAVER</div>
<div class="sea-ribbon-right"></div>
</div>
<div id="fish-ribbon-container-4" class="sea-ribbon-container">
<div class="sea-ribbon-left"></div>
<div class="sea-ribbon-middle">FLASH</div>
<div class="sea-ribbon-right"></div>
</div>
</div>
<div id="fishes-container">
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
<div class="fish">
<div class="fish-eyes"></div>
</div>
</div>
</div>
<div id="skill-2-container">
<div class="skill-measurement-1 skill-measurement">
<div class="skill-measurement-header">初學</div>
<div class="skill-measurement-line"></div>
</div>
<div class="skill-measurement-2 skill-measurement">
<div class="skill-measurement-header">熟悉</div>
<div class="skill-measurement-line"></div>
</div>
<div class="skill-measurement-3 skill-measurement">
<div class="skill-measurement-header">掌握</div>
<div class="skill-measurement-line"></div>
</div>
<div class="skill-measurement-4 skill-measurement">
<div class="skill-measurement-header">擅長</div>
<div class="skill-measurement-line"></div>
</div>
<div class="skill-measurement-5 skill-measurement">
<div class="skill-measurement-header">精通</div>
<div class="skill-measurement-line"></div>
</div>
<div id="crab-text-container">
<div id="crab-ribbon-container-1" class="sea-ribbon-container">
<div class="sea-ribbon-left"></div>
<div class="sea-ribbon-middle">HTML</div>
<div class="sea-ribbon-right"></div>
</div>
<div id="crab-ribbon-container-2" class="sea-ribbon-container">
<div class="sea-ribbon-left"></div>
<div class="sea-ribbon-middle">CSS</div>
<div class="sea-ribbon-right"></div>
</div>
<div id="crab-ribbon-container-3" class="sea-ribbon-container">
<div class="sea-ribbon-left"></div>
<div class="sea-ribbon-middle">JAVASCRIPT</div>
<div class="sea-ribbon-right"></div>
</div>
<div id="crab-ribbon-container-4" class="sea-ribbon-container">
<div class="sea-ribbon-left"></div>
<div class="sea-ribbon-middle">JQUERY</div>
<div class="sea-ribbon-right"></div>
</div>
</div>
<div id="crabs-container">
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
<div class="crab">
<div class="crab-eyes"></div>
</div>
</div>
</div>
<div id="skill-3-container">
<div class="skill-measurement-1 skill-measurement">
<div class="skill-measurement-header">初學</div>
<div class="skill-measurement-line"></div>
</div>
<div class="skill-measurement-2 skill-measurement">
<div class="skill-measurement-header">熟悉</div>
<div class="skill-measurement-line"></div>
</div>
<div class="skill-measurement-3 skill-measurement">
<div class="skill-measurement-header">掌握</div>
<div class="skill-measurement-line"></div>
</div>
<div class="skill-measurement-4 skill-measurement">
<div class="skill-measurement-header">擅長</div>
<div class="skill-measurement-line"></div>
</div>
<div class="skill-measurement-5 skill-measurement">
<div class="skill-measurement-header">精通</div>
<div class="skill-measurement-line"></div>
</div>
<div id="turtle-text-container">
<div id="turtle-ribbon-container-1" class="sea-ribbon-container">
<div class="sea-ribbon-left"></div>
<div class="sea-ribbon-middle">3D MAX</div>
<div class="sea-ribbon-right"></div>
</div>
<div id="turtle-ribbon-container-2" class="sea-ribbon-container">
<div class="sea-ribbon-left"></div>
<div class="sea-ribbon-middle">BLENDER 3D</div>
<div class="sea-ribbon-right"></div>
</div>
<div id="turtle-ribbon-container-3" class="sea-ribbon-container">
<div class="sea-ribbon-left"></div>
<div class="sea-ribbon-middle">CINEMA 4D</div>
<div class="sea-ribbon-right"></div>
</div>
<div id="turtle-ribbon-container-4" class="sea-ribbon-container">
<div class="sea-ribbon-left"></div>
<div class="sea-ribbon-middle">AFTER EFFECTS</div>
<div class="sea-ribbon-right"></div>
</div>
</div>
<div id="turtles-container">
<div class="turtle">
<div class="turtle-eyes"></div>
</div>
<div class="turtle">
<div class="turtle-eyes"></div>
</div>
<div class="turtle">
<div class="turtle-eyes"></div>
</div>
<div class="turtle">
<div class="turtle-eyes"></div>
</div>
<div class="turtle">
<div class="turtle-eyes"></div>
</div>
<div class="turtle">
<div class="turtle-eyes"></div>
</div>
<div class="turtle">
<div class="turtle-eyes"></div>
</div>
<div class="turtle">
<div class="turtle-eyes"></div>
</div>
<div class="turtle">
<div class="turtle-eyes"></div>
</div>
</div>
</div>
<div id="bubble-container">
<div id="bubble"></div>
</div>
</div>
<div id="sea-floor"></div>
<div id="ribbon-2-1" class="ribbon-absolute">
<div class="ribbon-left"></div>
<div class="ribbon-middle">圖形軟件和Web開發軟件</div>
<div class="ribbon-right"></div>
</div>
<div id="ribbon-2-2" class="ribbon-absolute">
<div class="ribbon-left"></div>
<div class="ribbon-middle">編程語言和腳本語言</div>
<div class="ribbon-right"></div>
</div>
<div id="ribbon-2-3" class="ribbon-absolute">
<div class="ribbon-left"></div>
<div class="ribbon-middle">3D軟件和視頻軟件</div>
<div class="ribbon-right"></div>
</div>
<div id="panel-and-floor-container">
<div id="panel"></div>
<div id="floor"></div>
</div>
<div id="title-experience"></div>
<div id="boxes"></div>
<div id="experience-1-container">
<div class="chain-block-and-string-container">
<div class="chain-block-string"></div>
<div class="chain-block"></div>
</div>
<div id="experience-text-container-1" class="experience-text-container">
<div class="experience-text-a">2005年5月 - 2006年2月</div>
<div class="experience-text-b">美國在線</div>
<div class="experience-text-d">在美國在線音樂板塊設計廣告推廣娛樂節目。</div>
</div>
<div id="robot">
<div id="robot-body"></div>
<div id="robot-hand-left">
<div class="robot-hand-a"></div>
<div class="robot-hand-b"></div>
<div class="robot-hand-c"></div>
<div class="robot-hand-d"></div>
</div>
<div id="robot-hand-right">
<div class="robot-hand-a"></div>
<div class="robot-hand-b"></div>
<div class="robot-hand-c"></div>
<div class="robot-hand-d"></div>
</div>
<div id="piechart-aol" class="piechart">
<div class="piechart-back"></div>
<div id="piechart-aol-text-graphic-1" class="piechart-text-c">美工</div>
<div id="piechart-aol-text-graphic-2" class="piechart-text-d">100%</div>
</div>
</div>
<div class="ribbon-container">
<div class="ribbon-relative">
<div class="ribbon-left"></div>
<div class="ribbon-middle">工作經驗 1</div>
<div class="ribbon-right"></div>
</div>
</div>
</div>
<div id="elevation-3" class="elevation">
<div class="elevation-box"></div>
<div class="elevation-floor"></div>
</div>
<div id="experience-2-container">
<div class="chain-block-and-string-container">
<div class="chain-block-string"></div>
<div class="chain-block"></div>
</div>
<div id="experience-text-container-2" class="experience-text-container">
<div class="experience-text-a">2006年4月 - 2010年4月</div>
<div class="experience-text-b">INCOGNITO DIGITAL公司</div>
<div class="experience-text-c">設計和開發多個在線廣告項目，包括富媒體，條幅，登錄頁和微網站。</div>
</div>
<div id="squid">
<div id="squid-hand-open-1" class="squid-hand-open"></div>
<div id="squid-hand-open-2" class="squid-hand-open"></div>
<div id="squid-hand-open-3" class="squid-hand-open"></div>
<div id="squid-hand-open-4" class="squid-hand-open"></div>
<div id="squid-hand-close-1" class="squid-hand-close"></div>
<div id="squid-hand-close-2" class="squid-hand-close"></div>
<div id="squid-hand-close-3" class="squid-hand-close"></div>
<div id="squid-hand-close-4" class="squid-hand-close"></div>
<div id="squid-body"></div>
<div id="piechart-incognito" class="piechart">
<div class="piechart-back"></div>
<div id="piechart-incognito-front"></div>
<div id="piechart-incognito-text-graphic-1" class="piechart-text-a">美工</div>
&nbs
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
