demo3.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <div>
  10. <h1>个人简历</h1>
  11. <!-- 个人信息 -->
  12. <div>
  13. <h2>张树明</h2>
  14. <p>男 | 年龄|25 | 三年工作经验</p>
  15. <p>
  16. <span style="color: red">现居住地:北京</span> |
  17. <span>籍贯:山西省晋中市</span>
  18. </p>
  19. <p>Tel:18335479129| E-mail : zsm1294027213@163.com</p>
  20. <hr />
  21. </div>
  22. <!-- 求职意向 -->
  23. <div>
  24. <h3>求职意向</h3>
  25. <p>
  26. 工作性质: 全职<br />
  27. 期望职业: WEB前端开发<br />
  28. 工作地区: 北京<br />
  29. 期望月薪: 面谈<br />
  30. 目前状况: 离职
  31. </p>
  32. </div>
  33. <!-- 专业技能 -->
  34. <div>
  35. <h3>专业技能</h3>
  36. <ol>
  37. <li>
  38. 能够熟练掌握rem适配,媒体查询,css3弹性盒实现自适应布局适配主流浏览器方案;
  39. </li>
  40. <li>
  41. 能够熟练掌握rem适配,媒体查询,css3弹性盒实现自适应布局适配主流浏览器方案;
  42. </li>
  43. <li>
  44. 能够熟练掌握rem适配,媒体查询,css3弹性盒实现自适应布局适配主流浏览器方案;
  45. </li>
  46. <li>
  47. 能够熟练掌握rem适配,媒体查询,css3弹性盒实现自适应布局适配主流浏览器方案;
  48. </li>
  49. <li>
  50. 能够熟练掌握rem适配,媒体查询,css3弹性盒实现自适应布局适配主流浏览器方案;
  51. </li>
  52. <li>
  53. 能够熟练掌握rem适配,媒体查询,css3弹性盒实现自适应布局适配主流浏览器方案;
  54. </li>
  55. <li>
  56. 能够熟练掌握rem适配,媒体查询,css3弹性盒实现自适应布局适配主流浏览器方案;
  57. </li>
  58. <li>
  59. 能够熟练掌握rem适配,媒体查询,css3弹性盒实现自适应布局适配主流浏览器方案;
  60. </li>
  61. </ol>
  62. </div>
  63. <!-- 工作经历 -->
  64. <div>
  65. <h3>工作经历</h3>
  66. <p>
  67. <b>北京军薇英才教育科技有限公司 | WEB前端工程师</b>
  68. <span>2017年9月-至今 </span>
  69. </p>
  70. <p>行业类别:教育 | 企业性质:民营</p>
  71. <h4>工作描述:</h4>
  72. <ul>
  73. <li>负责项目的页面布局和前端技术的开发工作</li>
  74. <li>负责项目的页面布局和前端技术的开发工作</li>
  75. <li>负责项目的页面布局和前端技术的开发工作</li>
  76. <li>负责项目的页面布局和前端技术的开发工作</li>
  77. <li>负责项目的页面布局和前端技术的开发工作</li>
  78. </ul>
  79. </div>
  80. <!-- 项目经验 -->
  81. <div>
  82. <h3>项目经验</h3>
  83. <!-- 第一个项目 -->
  84. <div>
  85. <h4>1:新升力</h4>
  86. <!-- 特殊符号 &nbsp; 半格-->
  87. <p>&nbsp;&nbsp;&nbsp;&nbsp;网站类型:启蒙教育,学前教育</p>
  88. <p>
  89. &nbsp;&nbsp;&nbsp;&nbsp;项目简介:新升力是一家儿童启蒙教育服务商,根据0-8岁儿童黄金期的认知水平和特点,<br />
  90. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;提供多种学龄前儿童教育产品和内容并开发了数学、科学、英语、绘画等一系列早教课程,结合线上线下教学资源;
  91. </p>
  92. <h4>项目职责:</h4>
  93. <p>
  94. &nbsp;&nbsp;&nbsp;&nbsp;项目整体使用react开发,项目为门户网站,使用scss预编译器实现页面的排版布局,<br>
  95. &nbsp;&nbsp;&nbsp;&nbsp;使用react-router实现路由跳转效果,react- loadable实现路由懒加载效果,使用<br>
  96. &nbsp;&nbsp;&nbsp;&nbsp;react-lazyload实现图片的懒加载效果,使用Swiper技术库实现轮播图效果,点击按钮实现图片的切换。
  97. </p>
  98. </div>
  99. <!-- 第二个项目 -->
  100. <div>
  101. <h4>2:新升力</h4>
  102. <!-- 特殊符号 &nbsp; 半格-->
  103. <p>&nbsp;&nbsp;&nbsp;&nbsp;网站类型:启蒙教育,学前教育</p>
  104. <p>
  105. &nbsp;&nbsp;&nbsp;&nbsp;项目简介:新升力是一家儿童启蒙教育服务商,根据0-8岁儿童黄金期的认知水平和特点,<br />
  106. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;提供多种学龄前儿童教育产品和内容并开发了数学、科学、英语、绘画等一系列早教课程,结合线上线下教学资源;
  107. </p>
  108. <h4>项目职责:</h4>
  109. <p>
  110. &nbsp;&nbsp;&nbsp;&nbsp;项目整体使用react开发,项目为门户网站,使用scss预编译器实现页面的排版布局,<br>
  111. &nbsp;&nbsp;&nbsp;&nbsp;使用react-router实现路由跳转效果,react- loadable实现路由懒加载效果,使用<br>
  112. &nbsp;&nbsp;&nbsp;&nbsp;react-lazyload实现图片的懒加载效果,使用Swiper技术库实现轮播图效果,点击按钮实现图片的切换。
  113. </p>
  114. </div>
  115. </div>
  116. <!-- 自我评价 -->
  117. <div>
  118. <h3>自我评价</h3>
  119. <p>
  120. &nbsp;&nbsp;&nbsp;&nbsp;性格开朗、为人诚恳、适应力强、积极主动完成本职工作,竭尽全力把工作做到更好,积极面对问题,注重团队合作和积累知识;具有较强的亲和力、协调沟通能力强,能够建立良好的合作氛围和客户关系。本人在上学至今一直有在体育运动如篮球、短跑等运动具有较强的抗压能力
  121. </p>
  122. </div>
  123. </div>
  124. </body>
  125. </html>