index-produce-list-page.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>helpV2</title>
  6. <meta name=description content=帮助中心>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <link rel=stylesheet href=css/bootstrap.css>
  9. <link rel=stylesheet href=css/global-index.css>
  10. <link rel="stylesheet" href="css/ionicons.css">
  11. </head>
  12. <body>
  13. <div class="warp-header">
  14. <div class="container">
  15. <div class="Header">
  16. <div class="nav"><span class="glyphicon glyphicon-home nav-img"></span><a href="index.html">首页</a></div>
  17. <div class="logo clearfix">
  18. <img src="images/Logo.jpg">
  19. <h1 class="logo-title">教程&帮助</h1>
  20. </div>
  21. </div>
  22. </div>
  23. </div>
  24. <div class="warp-main">
  25. <div class="search">
  26. <div class="container">
  27. <div class="search-box clearfix">
  28. <!-- <h1 class="search-title mb-1">使用教程与答疑解惑,通通都在这</h1> -->
  29. <div class="input-group">
  30. <input type="text" class="form-control search-input" placeholder="想搜索“如何替换商品混凝土?”,输入“商品混凝土”试试" aria-label="Search for...">
  31. <span class="input-group-btn">
  32. <button class="btn btn-secondary btn-search" type="button">快速搜索</button>
  33. </span>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. <div class="container clearfix">
  39. <div class="mt-4">
  40. <ol class="breadcrumb mb-2">
  41. <li class="breadcrumb-item"><a href="index.html">首页</a></li>
  42. <li class="breadcrumb-item"><a href="index-produce.html">纵横文库</a></li>
  43. <li class="breadcrumb-item active">关于文库个人等级</li>
  44. </ol>
  45. </div>
  46. <div class="left-main">
  47. <div class="left-nav" id="left-nav">
  48. <h3 class="produce-tit">相关文章</h3>
  49. <ul class="hotarticle_List mt-3">
  50. <li><a href="#">如何修改头像</a></li>
  51. <li><a href="#">如何修改密码</a></li>
  52. <li><a href="#">如何修改邮箱</a></li>
  53. <li><a href="#">查看消费记录</a></li>
  54. <li><a href="#">公路(养护、广东)造价软件中有哪些文件格式有哪些?</a></li>
  55. </ul>
  56. <!-- <ul>
  57. <li><a class="active" href="index-produce-list.html"><span class="ion-chevron-left"></span> 使用我的文库</a></li>
  58. <li><a class="now" href="index-produce-list-page.html">关于文库个人等级</a></li>
  59. <li><a href="#">如何修改密码</a></li>
  60. <li><a href="#">如何修改邮箱</a></li>
  61. <li><a href="#">查看消费记录</a></li>
  62. <li><a href="#">查看充值记录</a></li>
  63. </ul> -->
  64. </div>
  65. </div>
  66. <div class="right-main">
  67. <div class="row produce-list clearfix">
  68. <div class="produce-list_page">
  69. <h3>关于文库个人等级----(文库)</h3>
  70. <div class="produce-list-page-con clearfix">
  71. <p>1.打<a href="#">开通行帐</a>号注册页后,按页面提示开始填写信息:</p>
  72. <p>2.提交信息无误后,系统将发送一封激活信至您填写的邮箱地址:</p>
  73. <u>打开邮箱收取类似下图图示的邮件:</u>
  74. <p>点击打开相应链接后,即可完成通行帐号注册。</p>
  75. <p>打开邮箱收取类似下图图示的邮件:</p>
  76. <blockquote>
  77. “密码保护问题”用于日后找回密码、修改密码等操作的重要凭证,请谨慎填写并牢记!
  78. </blockquote>
  79. <p>打开邮箱收取类似下图图示的邮件:</p>
  80. <strong>点击打开相应链接后,即可完成通行帐号注册。</strong>
  81. <div class="row produce-list_Con">
  82. <li class="col-md-4">一行三列</li>
  83. <li class="col-md-4">一行三列</li>
  84. <li class="col-md-4">一行三列</li>
  85. </div>
  86. <div class="row produce-list_Con">
  87. <li class="col-md-8">一行两列</li>
  88. <li class="col-md-4">一行两列</li>
  89. </div>
  90. <div class="row produce-list_Con">
  91. <li class="col-md-6">一行居中两列</li>
  92. <li class="col-md-6">一行居中两列</li>
  93. </div>
  94. <p>打开邮箱收取类似下图图示的邮件:</p>
  95. <a href="#"><img src="images/gonglu.png"></a></a>
  96. <p>点击打开相应链接后,即可完成通行帐号注册。</p>
  97. <p>打开邮箱收取类似下图图示的邮件:</p>
  98. <blockquote>
  99. “密码保护问题”用于日后找回密码、修改密码等操作的重要凭证,请谨慎填写并牢记!
  100. </blockquote>
  101. <p>1.打<a href="#">开通行帐</a>号注册页后,按页面提示开始填写信息:</p>
  102. <table class="table">
  103. <thead>
  104. <tr>
  105. <th width="100">表格</th>
  106. <th width="200">表格</th>
  107. <th width="200">表格</th>
  108. </tr>
  109. </thead>
  110. <tr>
  111. <td>表格 1</td>
  112. <td>表格 1</td>
  113. <td>表格 1</td>
  114. </tr>
  115. <tr>
  116. <td>表格 2</td>
  117. <td>表格 2</td>
  118. <td>表格 2</td>
  119. </tr>
  120. </table>
  121. <span><a href="">点击打开相应链接后,即可完成通行帐号注册。</a></span>
  122. <p>打开邮箱收取类似下图图示的邮件:</p>
  123. <p><button type="button" class="btn btn-secondary">点击按钮</button></p>
  124. <p><button type="button" class="btn btn-primary">蓝色按钮</button></p>
  125. <p>点击打开相应链接后,即可完成通行帐号注册。</p>
  126. <p>打开邮箱收取类似下图图示的邮件:</p>
  127. <blockquote>
  128. “密码保护问题”用于日后找回密码、修改密码等操作的重要凭证,请谨慎填写并牢记!
  129. </blockquote>
  130. <p>打开邮箱收取类似下图图示的邮件:</p>
  131. </div>
  132. </div>
  133. <div class="page-con-feedback">
  134. <div class="page-con-feedback-top">以上内容是否解决了您的问题呢?</div>
  135. <div class="page-con-feedback-down">
  136. <a class="btn btn-primary solved" href="#" role="button"><span class="ion-checkmark-round"></span>已解决</a>
  137. <a class="btn btn-danger unsolved" href="#" role="button"><span class="ion-close-round"></span>未解决</a>
  138. </div>
  139. <div class="page-con-feedback-down">
  140. <a class="btn btn-primary solved" href="#" role="button">已解决 +1</a>
  141. <a class="btn btn-danger unsolved" href="#" role="button">未解决 +1</a>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. <div class="warp-footer clearfix" id="warp-footer">
  149. <div class="container">
  150. <h4 class="footer-left fL">全国服务热线:0756-3850888</h4>
  151. <div class="footer-right fR">Copyright@珠海纵横创新软件有限公司 all rights reserved</div>
  152. </div>
  153. </div>
  154. <script src="js/jquery-1.9.1.min.js"></script>
  155. <script src="js/tether.js"></script>
  156. <script src="js/bootstrap.js"></script>
  157. <script src="js/global.js"></script>
  158. <script type="text/javascript">autoFlashHeight();</script>
  159. <!-- <script src=js/stickySidebar.js></script>
  160. <script>
  161. $(document).ready(function() {
  162. $('#left-nav').stickySidebar({
  163. sidebarTopMargin: 5,
  164. footerThreshold: 100
  165. });
  166. });
  167. </script> -->
  168. </body>
  169. </html>