3.简历排版.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  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 style="width: 800px;margin: 0 auto;">
  10. <h1>个人简历</h1>
  11. <!-- 个人信息 -->
  12. <div>
  13. <h3>个人信息</h3>
  14. <p>
  15. <span>姓 名: 韦城城</span>
  16. <!-- 特殊符号 半格 -->
  17. &nbsp;&nbsp;&nbsp;&nbsp;
  18. <span>电 话: 186-5106-7589</span>
  19. </p>
  20. <p>
  21. <span>姓 名: 韦城城</span>
  22. <!-- 特殊符号 半格 -->
  23. &nbsp;&nbsp;&nbsp;&nbsp;
  24. <span>电 话: 186-5106-7589</span>
  25. </p>
  26. <p>
  27. <span>姓 名: 韦城城</span>
  28. <!-- 特殊符号 半格 -->
  29. &nbsp;&nbsp;&nbsp;&nbsp;
  30. <span>电 话: 186-5106-7589</span>
  31. </p>
  32. </div>
  33. <!-- 求职意向 -->
  34. <div>
  35. <h3>求职意向</h3>
  36. <p>
  37. <span>工作性质: 全职</span>
  38. &nbsp;&nbsp;&nbsp;&nbsp;
  39. <span>工作地区: 北京</span>
  40. </p>
  41. <p>
  42. <span>工作性质: 全职</span>
  43. &nbsp;&nbsp;&nbsp;&nbsp;
  44. <span>工作地区: 北京</span>
  45. </p>
  46. <p>
  47. <span>工作性质: 全职</span>
  48. &nbsp;&nbsp;&nbsp;&nbsp;
  49. <span>工作地区: 北京</span>
  50. </p>
  51. </div>
  52. <!-- 个人技能 -->
  53. <div>
  54. <h3>个人技能</h3>
  55. <ul type="circle">
  56. <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
  57. <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
  58. <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
  59. <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
  60. <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
  61. <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
  62. <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
  63. <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
  64. <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
  65. <li>熟练使用HTML+CSS+JavaScript以及Scss/Sass预处理器;</li>
  66. </ul>
  67. </div>
  68. <!-- 工作经历 -->
  69. <div>
  70. <h3>个人经历</h3>
  71. <div>
  72. <p style="font-size: 24px;">北京巨作网络科技有限公司<span style="font-size: 16px;">(2017.09 - 至今)</span></p>
  73. <p>工作描述:</p>
  74. <ol>
  75. <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
  76. <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
  77. <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
  78. <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
  79. <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
  80. </ol>
  81. </div>
  82. <div>
  83. <p style="font-size: 24px;">北京巨作网络科技有限公司<span style="font-size: 16px;">(2017.09 - 至今)</span></p>
  84. <p>工作描述:</p>
  85. <ol type="I">
  86. <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
  87. <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
  88. <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
  89. <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
  90. <li>根据产品需求进行项目开发和功能实现,以及性能优化</li>
  91. </ol>
  92. </div>
  93. </div>
  94. <!-- 项目介绍 -->
  95. <div>
  96. <h3>项目介绍</h3>
  97. <div>
  98. <h4>巨作网(PC端)</h4>
  99. <p>- 简介:</p>
  100. <!-- text-indent: 2em 首行缩进两字符 -->
  101. <p style="text-indent: 2em;">巨作网是一家软装服务提供商,致力于提供一款软装解决方案,以装饰公司,设计师、设计公司的需求和市场需要建立软装品牌以及家具、灯具、饰品、窗帘、挂画等的产品库;为用户提供与家具工厂沟通、交易的途径;帮助家具企业传播品牌形象。</p>
  102. <p>- 职责:</p>
  103. <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;此项目采用vue-cli+webpack进行项目的底层搭建,ElementUI实现页面排版,使用vue-router实现页面之间的跳转,完成单页面开发,使用axios请求数据,通过vuex保持数据持久化及数据的传递与管理,负责首页使用swiper插件实现轮播图效果及vue-lazyload插件实现图片的懒加载效果,根据页面要求完成搜索、切换、筛选等功能,对Js代码优化,组件化,多页面应用,后期的代码维护和更新。</p>
  104. </div>
  105. <div>
  106. <h4>巨作网(PC端)</h4>
  107. <p>- 简介:</p>
  108. <!-- text-indent: 2em 首行缩进两字符 -->
  109. <p style="text-indent: 2em;">巨作网是一家软装服务提供商,致力于提供一款软装解决方案,以装饰公司,设计师、设计公司的需求和市场需要建立软装品牌以及家具、灯具、饰品、窗帘、挂画等的产品库;为用户提供与家具工厂沟通、交易的途径;帮助家具企业传播品牌形象。</p>
  110. <p>- 职责:</p>
  111. <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;此项目采用vue-cli+webpack进行项目的底层搭建,ElementUI实现页面排版,使用vue-router实现页面之间的跳转,完成单页面开发,使用axios请求数据,通过vuex保持数据持久化及数据的传递与管理,负责首页使用swiper插件实现轮播图效果及vue-lazyload插件实现图片的懒加载效果,根据页面要求完成搜索、切换、筛选等功能,对Js代码优化,组件化,多页面应用,后期的代码维护和更新。</p>
  112. </div>
  113. <div>
  114. <h4>巨作网(PC端)</h4>
  115. <p>- 简介:</p>
  116. <!-- text-indent: 2em 首行缩进两字符 -->
  117. <p style="text-indent: 2em;">巨作网是一家软装服务提供商,致力于提供一款软装解决方案,以装饰公司,设计师、设计公司的需求和市场需要建立软装品牌以及家具、灯具、饰品、窗帘、挂画等的产品库;为用户提供与家具工厂沟通、交易的途径;帮助家具企业传播品牌形象。</p>
  118. <p>- 职责:</p>
  119. <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;此项目采用vue-cli+webpack进行项目的底层搭建,ElementUI实现页面排版,使用vue-router实现页面之间的跳转,完成单页面开发,使用axios请求数据,通过vuex保持数据持久化及数据的传递与管理,负责首页使用swiper插件实现轮播图效果及vue-lazyload插件实现图片的懒加载效果,根据页面要求完成搜索、切换、筛选等功能,对Js代码优化,组件化,多页面应用,后期的代码维护和更新。</p>
  120. </div>
  121. <div>
  122. <h4>巨作网(PC端)</h4>
  123. <p>- 简介:</p>
  124. <!-- text-indent: 2em 首行缩进两字符 -->
  125. <p style="text-indent: 2em;">巨作网是一家软装服务提供商,致力于提供一款软装解决方案,以装饰公司,设计师、设计公司的需求和市场需要建立软装品牌以及家具、灯具、饰品、窗帘、挂画等的产品库;为用户提供与家具工厂沟通、交易的途径;帮助家具企业传播品牌形象。</p>
  126. <p>- 职责:</p>
  127. <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;此项目采用vue-cli+webpack进行项目的底层搭建,ElementUI实现页面排版,使用vue-router实现页面之间的跳转,完成单页面开发,使用axios请求数据,通过vuex保持数据持久化及数据的传递与管理,负责首页使用swiper插件实现轮播图效果及vue-lazyload插件实现图片的懒加载效果,根据页面要求完成搜索、切换、筛选等功能,对Js代码优化,组件化,多页面应用,后期的代码维护和更新。</p>
  128. </div>
  129. <div>
  130. <h4>巨作网(PC端)</h4>
  131. <p>- 简介:</p>
  132. <!-- text-indent: 2em 首行缩进两字符 -->
  133. <p style="text-indent: 2em;">巨作网是一家软装服务提供商,致力于提供一款软装解决方案,以装饰公司,设计师、设计公司的需求和市场需要建立软装品牌以及家具、灯具、饰品、窗帘、挂画等的产品库;为用户提供与家具工厂沟通、交易的途径;帮助家具企业传播品牌形象。</p>
  134. <p>- 职责:</p>
  135. <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;此项目采用vue-cli+webpack进行项目的底层搭建,ElementUI实现页面排版,使用vue-router实现页面之间的跳转,完成单页面开发,使用axios请求数据,通过vuex保持数据持久化及数据的传递与管理,负责首页使用swiper插件实现轮播图效果及vue-lazyload插件实现图片的懒加载效果,根据页面要求完成搜索、切换、筛选等功能,对Js代码优化,组件化,多页面应用,后期的代码维护和更新。</p>
  136. </div>
  137. </div>
  138. <!-- 个人介绍 -->
  139. <div>
  140. <h3>个人介绍</h3>
  141. <ol type="A">
  142. <li>性格稳重、谦虚真诚、责任心强,有良好的沟通能力和团队合作能力</li>
  143. <li>性格稳重、谦虚真诚、责任心强,有良好的沟通能力和团队合作能力</li>
  144. <li>性格稳重、谦虚真诚、责任心强,有良好的沟通能力和团队合作能力</li>
  145. </ol>
  146. </div>
  147. <!-- 教育经历 -->
  148. <div>
  149. <h3>教育经历</h3>
  150. <p>
  151. <span>2012.09—2016.7</span>
  152. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  153. <span>阜阳信息工程学院</span>
  154. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  155. <span>计算机科学与技术</span>
  156. </p>
  157. </div>
  158. </div>
  159. </body>
  160. </html>