Aucune description

proinforbrow-more.html 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="../css/mui.min.css" rel="stylesheet" />
  8. <link href="../css/iconfont.css" rel="stylesheet" />
  9. <link href="../css/app.css" rel="stylesheet" />
  10. </head>
  11. <body>
  12. <header class="mui-bar mui-bar-nav toptitbox">
  13. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
  14. <h1 class="mui-title toptit">专家姓名</h1>
  15. <a class="mui-icon iconfont icon-moreandroid mui-pull-right topmore"></a>
  16. </header>
  17. <!--主页面底部菜单-->
  18. <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
  19. <div class="dialogbtn mui-pull-left btnactive">
  20. <div>
  21. <em class="mui-iocn iconfont icon-community mui-pull-left"></em>
  22. <span class="mui-pull-left">咨询</span>
  23. </div>
  24. </div>
  25. <div class="attentbtn mui-pull-left">
  26. <em class="mui-iocn iconfont icon-favor"></em><!--已经关注icon-favorfill-->
  27. </div>
  28. </nav>
  29. <!-- 主页面内容容器 -->
  30. <div class="mui-content">
  31. <!-- 主界面具体展示内容 -->
  32. <div class="mui-input-group mainbox">
  33. <div class="maincon">
  34. <div class="infocontit">教育背景</div>
  35. <div class="infocon">
  36. <ul class="mui-table-view listitembox">
  37. <li class="mui-table-view-cell mui-media listitem">
  38. <a href="javascript:;">
  39. <div class="mui-media-object mui-pull-left iconposition">
  40. <img class="" src="../images/icon-edu.png">
  41. </div>
  42. <div class="mui-media-body">
  43. <div class="listtit2">曼彻斯特大学</div>
  44. <p class="listtit3 mutlinebox">研究生,高级计算机科学与IT管理——信息管理,计算机学院</p>
  45. <p class="listtit3">毕业于2016年</p>
  46. </div>
  47. </a>
  48. </li>
  49. <li class="mui-table-view-cell mui-media listitem">
  50. <a href="javascript:;">
  51. <div class="mui-media-object mui-pull-left iconposition">
  52. <img class="" src="../images/icon-edu.png">
  53. </div>
  54. <div class="mui-media-body">
  55. <div class="listtit2">学校名称</div>
  56. <p class="listtit3 mutlinebox">学位,专业,学院</p>
  57. <p class="listtit3">毕业年份</p>
  58. </div>
  59. </a>
  60. </li>
  61. </ul>
  62. </div>
  63. </div>
  64. </div>
  65. <div class="mui-input-group mainbox">
  66. <div class="maincon">
  67. <div class="infocontit">工作经历</div>
  68. <div class="infocon">
  69. <ul class="mui-table-view listitembox">
  70. <li class="mui-table-view-cell mui-media listitem">
  71. <a href="javascript:;">
  72. <div class="mui-media-object mui-pull-left iconposition">
  73. <img class="" src="../images/icon-work.png">
  74. </div>
  75. <div class="mui-media-body">
  76. <div class="listtit2">北京科袖科技有限公司</div>
  77. <p class="listtit3">产品部经理,产品部</p>
  78. <p class="listtit3">2016年4月 - 至今</p>
  79. </div>
  80. </a>
  81. </li>
  82. <li class="mui-table-view-cell mui-media listitem">
  83. <a href="javascript:;">
  84. <div class="mui-media-object mui-pull-left iconposition">
  85. <img class="" src="../images/icon-work.png">
  86. </div>
  87. <div class="mui-media-body">
  88. <div class="listtit2">机构名称</div>
  89. <p class="listtit3">职位,所属部门</p>
  90. <p class="listtit3">起始时间 - 结束时间</p>
  91. </div>
  92. </a>
  93. </li>
  94. </ul>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="mui-input-group mainbox">
  99. <div class="maincon">
  100. <div class="infocontit">项目经历</div>
  101. <div class="infocon">
  102. <ul class="mui-table-view listitembox">
  103. <li class="mui-table-view-cell mui-media listitem">
  104. <a href="javascript:;">
  105. <div class="mui-media-object mui-pull-left iconposition">
  106. <img class="" src="../images/icon-project.png">
  107. </div>
  108. <div class="mui-media-body">
  109. <div class="listtit2">科袖网项目</div>
  110. <p class="listtit3">2016年4月 - 至今</p>
  111. <p class="listtit3 mutlinebox">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
  112. </div>
  113. </a>
  114. </li>
  115. <li class="mui-table-view-cell mui-media listitem">
  116. <a href="javascript:;">
  117. <div class="mui-media-object mui-pull-left iconposition">
  118. <img class="" src="../images/icon-project.png">
  119. </div>
  120. <div class="mui-media-body">
  121. <div class="listtit2">项目名称</div>
  122. <p class="listtit3">起始时间 - 结束时间</p>
  123. <p class="listtit3 mutlinebox">详细描述</p>
  124. </div>
  125. </a>
  126. </li>
  127. </ul>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="mui-input-group mainbox">
  132. <div class="maincon">
  133. <div class="infocontit">著作、论文、文章</div>
  134. <div class="infocon">
  135. <ul class="mui-table-view listitembox">
  136. <li class="mui-table-view-cell mui-media listitem">
  137. <a href="javascript:;">
  138. <div class="mui-media-object mui-pull-left iconposition">
  139. <img class="" src="../images/icon-acad.png">
  140. </div>
  141. <div class="mui-media-body">
  142. <div class="listtit2">科袖科技创业史</div>
  143. <p class="listtit3">发表于2016年</p>
  144. <p class="listtit3 mutlinebox">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
  145. </div>
  146. </a>
  147. </li>
  148. <li class="mui-table-view-cell mui-media listitem">
  149. <a href="javascript:;">
  150. <div class="mui-media-object mui-pull-left iconposition">
  151. <img class="" src="../images/icon-acad.png">
  152. </div>
  153. <div class="mui-media-body">
  154. <div class="listtit2">著作/论文/文章标题</div>
  155. <p class="listtit3">发表年份</p>
  156. <p class="listtit3 mutlinebox">详细描述</p>
  157. </div>
  158. </a>
  159. </li>
  160. </ul>
  161. </div>
  162. </div>
  163. </div>
  164. <div class="mui-input-group mainbox">
  165. <div class="maincon">
  166. <div class="infocontit">专利</div>
  167. <div class="infocon">
  168. <ul class="mui-table-view listitembox">
  169. <li class="mui-table-view-cell mui-media listitem">
  170. <a href="javascript:;">
  171. <div class="mui-media-object mui-pull-left iconposition">
  172. <img class="" src="../images/icon-mono.png">
  173. </div>
  174. <div class="mui-media-body">
  175. <div class="listtit2">XXXXX创新型研发专利</div>
  176. <p class="listtit3">发表于2016年</p>
  177. <p class="listtit3 mutlinebox">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
  178. </div>
  179. </a>
  180. </li>
  181. <li class="mui-table-view-cell mui-media listitem">
  182. <a href="javascript:;">
  183. <div class="mui-media-object mui-pull-left iconposition">
  184. <img class="" src="../images/icon-mono.png">
  185. </div>
  186. <div class="mui-media-body">
  187. <div class="listtit2">专利名称</div>
  188. <p class="listtit3">发表年份</p>
  189. <p class="listtit3 mutlinebox">详细描述</p>
  190. </div>
  191. </a>
  192. </li>
  193. </ul>
  194. </div>
  195. </div>
  196. </div>
  197. <div class="mui-input-group mainbox">
  198. <div class="maincon">
  199. <div class="infocontit">荣誉及奖项</div>
  200. <div class="infocon">
  201. <ul class="mui-table-view listitembox">
  202. <li class="mui-table-view-cell mui-media listitem">
  203. <a href="javascript:;">
  204. <div class="mui-media-object mui-pull-left iconposition">
  205. <img class="" src="../images/icon-honor.png">
  206. </div>
  207. <div class="mui-media-body">
  208. <div class="listtit2">2008感动中国年度人物</div>
  209. <p class="listtit3">发表于2016年</p>
  210. <p class="listtit3 mutlinebox">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
  211. </div>
  212. </a>
  213. </li>
  214. <li class="mui-table-view-cell mui-media listitem">
  215. <a href="javascript:;">
  216. <div class="mui-media-object mui-pull-left iconposition">
  217. <img class="" src="../images/icon-honor.png">
  218. </div>
  219. <div class="mui-media-body">
  220. <div class="listtit2">获奖名称</div>
  221. <p class="listtit3">发表年份</p>
  222. <p class="listtit3 mutlinebox">详细描述</p>
  223. </div>
  224. </a>
  225. </li>
  226. </ul>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. <script src="../js/public/mui.min.js"></script>
  232. <script type="text/javascript">
  233. mui.init()
  234. </script>
  235. </body>
  236. </html>