PageRenderTime 37ms CodeModel.GetById 23ms RepoModel.GetById 0ms app.codeStats 0ms

/resume.html

https://gitlab.com/Sunny-Kid/Resume
HTML | 251 lines | 242 code | 9 blank | 0 comment | 0 complexity | 391e73590878dea53e59717d6c1c83bb MD5 | raw file
    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. 

  3. <head>
    4. 

  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. 

  5. <meta name="viewport" content="width=device-width, initial-scale=1">
    6. 

  6. <meta name="keywords" content="web前端，F2E，web前端个人简历，前端开发" />
    7. 

  7. <meta name="description" content="任敏捷的web前端工程师个人简历">
    8. 

  8. 

  9. <title>web前端工程师简历</title>
    10. 

  10. <link type="text/css" href="css/reset.css" rel="stylesheet" />
    11. 

  11. <link type="text/css" href="css/main.css" rel="stylesheet" />
    12. 

  12. <link type="text/css" rel="stylesheet" href="css/jquery.fullPage.css">
    13. 

  13. </head>
    14. 

  14. <body> 
    15. 

  15. 

  16. <div class="wrap"> 
    17. 

  17. 	<div class="navigation">
    18. 

  18. 		<img id="danche" src="img/danche.jpg">
    19. 

  19. 		<div class="resume">Hank Resume</div>
    20. 

  20. 		<ul>
    21. 

  21. 			<li class="wechat">
    22. 

  22. 				微信
    23. 

  23. 				<img src="img/3.png">
    24. 

  24. 			</li>
    25. 

  25. 			<a href="http://weibo.com/p/1005055499642541/home?from=page_100505&amp;mod=TAB&amp;is_all=1#place" target="_blank"><li class="micro-blog">微博</li></a>		
    26. 

  26. 			<li>Hello World</li>
    27. 

  27. 		</ul>
    28. 

  28. 	</div>
    29. 

  29. 	<div class="content" id="dowebok">	
    30. 

  30. 		<section id="page1" class="section center">
    31. 

  31. 			<h1 class="title">个人简介</h1>
    32. 

  32. 			<div class="border1"></div>
    33. 

  33. 			<div class="picture">
    34. 

  34. 				<img id="pic1" src="img/20.jpg" alt="">
    35. 

  35. 				<img id="pic2" src="img/19.jpg" alt="">
    36. 

  36. 			</div>
    37. 

  37. 			<h1>任敏捷</h1>
    38. 

  38. 			<h2>23岁</h2>  
    39. 

  39. 			<h2>喜欢web，热爱web。</h2>
    40. 

  40. 			<h3>拥有梦想只是一种智力，实现梦想才是一种能力。</h3>
    41. 

  41. 		</section>
    42. 

  42. 		<section id="page2" class="section center">
    43. 

  43. 			<h1 class="title">关于我</h1>
    44. 

  44. 			<div class="border1"></div>
    45. 

  45. 			<ul class="aboutme">
    46. 

  46. 				<li><img src="img/10.png" alt=""><br/><h4 class="slideup" id="slidedown1">学历：本科，六级605</h4></li>
    47. 

  47. 				<li><img src="img/12.png" alt=""><br/><h4 class="slideup" id="slidedown2">年龄：23</h4></li>
    48. 

  48. 				<li><img src="img/11.png" alt=""><br/><h4 class="slideup" id="slidedown3">坐标：上海</h4></li>	
    49. 

  49. 				<li><img src="img/13.png" alt=""><br/><h4 class="slideup" id="slidedown4">学校：哈尔滨理工大学</h4></li>
    50. 

  50. 			</ul>
    51. 

  51. 			<div class="describe">
    52. 

  52. 				<img src="img/14.png" alt="">
    53. 

  53. 				2015年6月毕业于哈尔滨理工大学，就职于奥特彼电机(上海)有限公司，
    54. 

  54. 				工作之余喜欢钻研web前端技术，对精美的网页和背后的算法逻
    55. 

  55. 				辑尤为敬佩和喜爱，日新月异的web前沿技术和层出不穷的框架
    56. 

  56. 				让我好奇，于是投入到了前端的深坑中。
    57. 

  57. 				<img src="img/15.png" alt="">
    58. 

  58. 			</div>
    59. 

  59. 		</section>
    60. 

  60. 		<section id="page3" class="section">
    61. 

  61. 			<h1 class="title center">专业技能</h1>
    62. 

  62. 			<div class="border1"></div>
    63. 

  63. 			<ul class="pho">
    64. 

  64. 				<li class="photo photo-front" id="photo1">
    65. 

  65. 					<div class="side side-front">
    66. 

  66. 						<img src="img/html5.jpg" alt="">
    67. 

  67. 						<div class="button">
    68. 

  68. 							<span class="line line-top"></span>
    69. 

  69. 							<span class="line line-right"></span>
    70. 

  70. 							<span class="line line-bottom"></span>
    71. 

  71. 							<span class="line line-left"></span>
    72. 

  72. 							详情
    73. 

  73. 						</div>
    74. 

  74. 					</div>
    75. 

  75. 					<div class="side side-back">
    76. 

  76. 						1.深刻理解Web标准<br/>
    77. 

  77. 						2.熟练运用html标签<br/>
    78. 

  78. 						3.了解HTML5标签语义<br/>
    79. 

  79. 						4.熟练使用Chrome开发者工具
    80. 

  80. 					</div>
    81. 

  81. 				</li>
    82. 

  82. 				<li class="photo photo-front" id="photo2">
    83. 

  83. 					<div class="side side-front">
    84. 

  84. 						<img src="img/css3.jpg" alt="">
    85. 

  85. 						<div class="button">
    86. 

  86. 							<span class="line line-top"></span>
    87. 

  87. 							<span class="line line-right"></span>
    88. 

  88. 							<span class="line line-bottom"></span>
    89. 

  89. 							<span class="line line-left"></span>
    90. 

  90. 							详情
    91. 

  91. 						</div>
    92. 

  92. 					</div>
    93. 

  93. 					<div class="side side-back">
    94. 

  94. 						1.熟练运用css及css3新属性<br/>
    95. 

  95. 						2.使页面在现代浏览器上效果更佳<br/>
    96. 

  96. 						3.掌握响应式布局<br/>
    97. 

  97. 						4.了解主流浏览器兼容问题
    98. 

  98. 					</div>
    99. 

  99. 				</li>
    100. 

  100. 				<li class="photo photo-front" id="photo3">
    101. 

  101. 					<div class="side side-front">
    102. 

  102. 						<img src="img/js.jpg" alt="">
    103. 

  103. 						<div class="button">
    104. 

  104. 							<span class="line line-top"></span>
    105. 

  105. 							<span class="line line-right"></span>
    106. 

  106. 							<span class="line line-bottom"></span>
    107. 

  107. 							<span class="line line-left"></span>
    108. 

  108. 							详情
    109. 

  109. 						</div>
    110. 

  110. 					</div>
    111. 

  111. 					<div class="side side-back">
    112. 

  112. 						1.了解正则表达式的使用<br/>
    113. 

  113. 						2.了解面向对象思想<br/>
    114. 

  114. 						3.掌握jQuery库<br/>
    115. 

  115. 						4.实现页面的动态效果和交互效果<br/>
    116. 

  116. 						5.掌握ajax的运作原理及json数据结构											
    117. 

  117. 					</div>
    118. 

  118. 				</li>
    119. 

  119. 			</ul>
    120. 

  120. 		</section>
    121. 

  121. 		<section class="section">
    122. 

  122. 			<div id="page4">
    123. 

  123. 				<h1 class="title  center">工作经历</h1>
    124. 

  124. 				<div class="border1  center"></div>
    125. 

  125. 				<div class="experience_visible">
    126. 

  126. 					<ul>
    127. 

  127. 						<li class="but1"><</li>
    128. 

  128. 						<li class="but2">></li>
    129. 

  129. 					</ul>			
    130. 

  130. 					<div class="experience">					
    131. 

  131. 						<div class="experience1">
    132. 

  132. 							<h4>2015.6~2016.4，奥特彼电机(上海)有限公司，销售部，销售工程师</h4>
    133. 

  133. 							<ul>
    134. 

  134. 								<li>1.负责询价，报价单的制作。</li>
    135. 

  135. 								<li>2.负责技术澄清，制作技术规格表。</li>
    136. 

  136. 								<li>3.负责与欧洲工厂沟通，了解产品的生产进度。</li>
    137. 

  137. 								<li>4.产品进度跟踪，售后反馈。</li>
    138. 

  138. 								<li>5.制造销售报表，直接拜访客户，维护老客户关系，挖掘新客户</li>
    139. 

  139. 							</ul>							
    140. 

  140. 						</div>
    141. 

  141. 						<div class="experience2">
    142. 

  142. 							<h4>毕业后，在工作之余开始了自学web的道路</h4>
    143. 

  143. 							<ul class="study">
    144. 

  144. 								<li>学习用到的书籍有：</li>
    145. 

  145. 								<li class="underline">1.精通CSS。</li>
    146. 

  146. 								<li class="underline">2.JavaScript DOM编程艺术。</li>
    147. 

  147. 								<li class="underline">3.JavaScript高级程序设计。</li>
    148. 

  148. 								<li class="underline">4.JavaScript语言精粹。</li>
    149. 

  149. 								<li class="underline">5.锋利的jQuery。</li>
    150. 

  150. 								<li>6.在网上查阅资料、看视频、文档。</li>
    151. 

  151. 							</ul>
    152. 

  152. 						</div>	
    153. 

  153. 					</div>
    154. 

  154. 				</div>
    155. 

  155. 			</div>
    156. 

  156. 		</section>
    157. 

  157. 		<section id="page5" class="section center">
    158. 

  158. 			<h1 class="title">我的作品</h1>
    159. 

  159. 			<div class="border1"></div>
    160. 

  160. 			<ul class="demo">
    161. 

  161. 				<li class="demo1">					
    162. 

  162. 					<img src="img/30.jpg" alt="">				
    163. 

  163. 					<div class="mask">
    164. 

  164. 						<div class="info">
    165. 

  165. 							<h4>DOM编程艺术</h4>
    166. 

  166. 							<p>原生js实现八大行星dome</p>
    167. 

  167. 						</div>
    168. 

  168. 					</div>
    169. 

  169. 					<a href="八大行星/index.html" target="_blank">
    170. 

  170. 						<div class="border"></div>		
    171. 

  171. 					</a>	
    172. 

  172. 				</li>
    173. 

  173. 				<li class="demo2">
    174. 

  174. 					<img src="img/32.jpg" alt="">
    175. 

  175. 					<div class="mask">
    176. 

  176. 						<div class="info">
    177. 

  177. 							<h4>企业电子商务网站</h4>
    178. 

  178. 							<p>jquery实现交互，响应式布局</p>
    179. 

  179. 						</div>
    180. 

  180. 					</div>
    181. 

  181. 					<a href="UTAG/index.html" target="_blank">
    182. 

  182. 						<div class="border"></div>	
    183. 

  183. 					</a>		
    184. 

  184. 				</li>
    185. 

  185. 			</ul>
    186. 

  186. 			<ul class="demo">
    187. 

  187. 				<li class="demo1">					
    188. 

  188. 					<img src="img/34.jpg" alt="">				
    189. 

  189. 					<div class="mask">
    190. 

  190. 						<div class="info">
    191. 

  191. 							<h4>购物车</h4>
    192. 

  192. 							<p>原生js</p>
    193. 

  193. 						</div>
    194. 

  194. 					</div>
    195. 

  195. 					<a href="购物车/index.html" target="_blank">
    196. 

  196. 						<div class="border"></div>		
    197. 

  197. 					</a>	
    198. 

  198. 				</li>
    199. 

  199. 				<li class="demo2">
    200. 

  200. 					<img src="img/35.jpg" alt="">
    201. 

  201. 					<div class="mask">
    202. 

  202. 						<div class="info">
    203. 

  203. 							<h4>仿美团网</h4>
    204. 

  204. 							<p>对布局理解有所提升</p>
    205. 

  205. 						</div>
    206. 

  206. 					</div>
    207. 

  207. 					<a href="仿美团网/index.html" target="_blank">
    208. 

  208. 						<div class="border"></div>	
    209. 

  209. 					</a>	
    210. 

  210. 				</li>
    211. 

  211. 			</ul>
    212. 

  212. 		</section>
    213. 

  213. 		<section id="page6" class="section center">
    214. 

  214. 			<h1 class="title">联系我</h1>
    215. 

  215. 			<div class="border1"></div>
    216. 

  216. 			<p class="contact_me">
    217. 

  217. 				IT行业的学习需要持之以恒，目前正在不断学习，深知JS是前端的根基，
    218. 

  218. 				更深入了解闭包、设计模式等。另外还在不断学习新知识，如angular、node.js、php等。
    219. 

  219. 				目标是编写艺术般的代码，用更少的代码，实现更多的效果。当一个个精美的页面写出后，满满的成就感，带上我吧，一起去看更大的世界。
    220. 

  220. 			</p>
    221. 

  221. 			<p class="zishu">——一个想要成为前端工程师的奋斗小青年
    222. 

  222. 			</p>		
    223. 

  223. 			<footer class="footer">
    224. 

  224. 				<div class="fix">
    225. 

  225. 					<div class="Icon">
    226. 

  226. 						<img class ="pic17" src="img/17.png" alt="">
    227. 

  227. 						<img class ="pic18" src="img/18.png" alt="">
    228. 

  228. 					</div>
    229. 

  229. 					<div class="contact">
    230. 

  230. 						<span class="pic6">18516074736</span><br/>
    231. 

  231. 						<span class="pic7"><a href="mailto:987942918@qq.com">987942918@qq.com</a></span>						
    232. 

  232. 					</div>
    233. 

  233. 				</div>
    234. 

  234. 				<div>Copyright © 2015-2016 RMJ Copyright Holder All Rights Reserved    </div>
    235. 

  235. 			</footer>
    236. 

  236. 		</section>
    237. 

  237. 	</div>
    238. 

  238. </div>
    239. 

  239. 

  240. 

  241. 

  242. 

  243. 

  244. 

  245. <script type="text/javascript" src="js/jquery.min.js"></script>
    246. 

  246. <script type="text/javascript" src="js/velocity.min.js"></script>
    247. 

  247. <script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
    248. 

  248. <script type="text/javascript" src="js/main.js"></script>
    249. 

  249. 

  250. </body>
    251. 

  251. </html>
    252.