H5创意交互式个人简历手机页面模板html源码手机简历「H5创意交互式个人简历手机页面模板html源码」
导读：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--BASE--> <title>个人简历</title> <met...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--BASE-->
<title>个人简历</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<link rel="icon" href=https://download.csdn.net/download/qq974416775/"img/icon.png"/>
<!--META:VP-->
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<!--IMPORT CSS-->
<link rel="stylesheet" href=https://download.csdn.net/download/qq974416775/"css/build.min.css"/>
<!--REM-->
<script>
~function () {
var winW = document.documentElement.clientWidth,
desW = 640;
if (winW < desW) {
document.documentElement.style.fontSize = winW / desW * 100 + 'px';
}
}();
</script>
<link rel="stylesheet" href=https://download.csdn.net/download/qq974416775/"css/swiper.less">
</head>
<body>
<main class="mainBox">
<!--LOADING-->
<section class="loading">
<div class="header">
<h1>个人简历</h1>
<h2>H5场景的交互型简历</h2>
</div>
<div class="progress">
<span></span>
</div>
</section>
<!--PHONE-->
<section class="phone">
<header class="header"></header>
<div class="time">00:00</div>
<div class="listen">
<span class="move"></span>
<span class="touch"></span>
</div>
<div class="detail"><span></span></div>
</section>
<!--MESSAGE-->
<section class="message">
<ul class="list">
<li class="student">
您好，感谢您百忙之中查看我的简历。
<em></em>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_messageStudent.png" alt=""/>
</li>
<li class="student">
我的之前工作主要负责页面搭建，模块改换，摸摸搭网站更新
<em></em>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_messageStudent.png" alt=""/>
</li>
<li class="teacher">
好的，那你简单介绍一下自己吧！
<em></em>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_messageLogo.png" alt=""/>
</li>
<li class="student">
您好，我是刘小树，面试前端工程师
<em></em>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_messageStudent.png" alt=""/>
</li>
<li class="student">
我老家秦皇岛的，12年来北京工作，我的性格乐观，努力，认真，耐心,求改变,以学习的心态对待每一件事情
<em></em>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_messageStudent.png" alt=""/>
</li>
<li class="student">
目前有过俩份工作经验都是从事前端方面工作
<em></em>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_messageStudent.png" alt=""/>
</li>
<li class="teacher">
会使用jQuery,AngularJS，Bootstrap,React等框架吗
<em></em>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_messageLogo.png" alt=""/>
</li>
<li class="teacher">
会使用git管理代码吗？会npm，bower等包管理工具吗
<em></em>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_messageLogo.png" alt=""/>
</li>
<li class="teacher">
能够完成响应式页面开发吗？
<em></em>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_messageLogo.png" alt=""/>
</li>
<li class="teacher">
对常见的浏览器兼容问题有清晰的理解吗？各种浏览器兼容可以调吗？
<em></em>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_messageLogo.png" alt=""/>
</li>
<li class="teacher">
你认为什么是后端啊?你对加班怎么看？叫你影响最深的技术难题是什么...
<em></em>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_messageLogo.png" alt=""/>
</li>
<li class="student">
...
<em></em>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_messageStudent.png" alt=""/>
</li>
</ul>
<div class="keyBoard">
<span class="text"><!--感觉自己啥也不会啊?--></span>
<div class="submit"></div>
</div>
</section>
<!--CUBE-->
<section class="cube">
<ul class="cubeBox">
<li><img src=https://download.csdn.net/download/qq974416775/"img/zf_cube1.png" alt="专业技能"/></li>
<li><img src=https://download.csdn.net/download/qq974416775/"img/zf_cube2.png" alt="IT技能"></li>
<li><img src=https://download.csdn.net/download/qq974416775/"img/zf_cube3.png" alt="个人资料"></li>
<li><img src=https://download.csdn.net/download/qq974416775/"img/zf_cube4.png" alt="工作经验"></li>
<li><img src=https://download.csdn.net/download/qq974416775/"img/zf_cube5.png" alt="项目经验"></li>
<li><img src=https://download.csdn.net/download/qq974416775/"img/zf_cube6.png" alt="联系方式"></li>
</ul>
<div class="tip"></div>
</section>
<!--SWIPER-->
<section class="swiper-container">
<div class="return"></div>
<div class="swiper-wrapper">
<!--课程大纲-->
<div class="swiper-slide page1">
<!--dl>dt+dd*11>em{$}+a-->
<dl class="course">
<dt>专业技能</dt>
<dd><em>01</em><a href=https://download.csdn.net/download/qq974416775/"javascript:;">熟练掌握html和css，理解HTML5常用标签；</a></dd>
<dd><em>02</em><a href=https://download.csdn.net/download/qq974416775/"javascript:;">熟练掌握原生js，可以完成页面的各种动态效果;</a></dd>
<dd><em>03</em><a href=https://download.csdn.net/download/qq974416775/"javascript:;">对css/Js性能优化、解决多浏览器兼容性问题；</a></dd>
<dd><em>04</em><a href=https://download.csdn.net/download/qq974416775/"javascript:;">了解并使用过react，angularJS，bootstrap等框架；</a></dd>
<dd><em>05</em><a href=https://download.csdn.net/download/qq974416775/"javascript:;">使用过jQuery和zepto.js</a></dd>
<dd><em>06</em><a href=https://download.csdn.net/download/qq974416775/"javascript:;">熟悉Ajax/json数据处理机制，完成前后端的交互；</a></dd>
<dd><em>07</em><a href=https://download.csdn.net/download/qq974416775/"javascript:;">能够完成响应式页面开发和手机端的页面开发；</a></dd>
<dd><em>08</em><a href=https://download.csdn.net/download/qq974416775/"javascript:;">有git代码管理经验，使用过npm，bower等工具；</a></dd>
<dd><em>09</em><a href=https://download.csdn.net/download/qq974416775/"javascript:;">精通Photoshop 完成这极高切图</a></dd>
<dd><em>10</em><a href=https://download.csdn.net/download/qq974416775/"javascript:;">精通足球，篮球，乒乓球各种球类</a></dd>
</dl>
</div>
<!--课程体系-->
<div class="swiper-slide page2">
<h2>IT技能</h2>
<div class="imgBox">
<img src=https://download.csdn.net/download/qq974416775/"img/zf_course.png" alt="前端"/>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_course1.png" alt="JS"/>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_course2.png" alt="Angular"/>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_course3.png" alt="NODE"/>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_course4.png" alt="CSS3"/>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_course5.png" alt="APP"/>
<img src=https://download.csdn.net/download/qq974416775/"img/zf_course6.png" alt="HTML5"/>
</div>
</div>
<div class="swiper-slide page3">
<div class="boxBou clear">
<ul class="leftLi">
<li>姓 名：一淘模板</li>
<li>民 族：汉族</li>
<li>户 籍：河北-秦皇岛</li>
<li>联系电话：</li>
<li>邮 箱：@163.com</li>
</ul>
<ul class="rightLi">
<li>出生年月：1990.03.10</li>
<li>性 别：男</li>
<li>婚姻状况：未婚</li>
<li>现居住地：北京</li>
<li>工作经验：两年</li>
</ul>
</div>
</div>锡林郭勒盟版权声明：本网信息来自于互联网，目的在于传递更多信息，并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益，请及时联系我们，本站将会在24小时内处理完毕，E-mail：xinmeigg88@163.com