welcome.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>纵横计量支付系统</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/style.css>
  10. <script src=js/jquery-1.9.1.min.js></script>
  11. <script src=js/bootstrap.js></script>
  12. <script src=js/jl.js></script>
  13. </head>
  14. <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
  15. <div class="btn-group">
  16. <button data-toggle="dropdown" class="btn dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
  17. <ul class="dropdown-menu">
  18. <li><a href="#">个人信息</a></li>
  19. <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
  20. <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
  21. <li class="divider"></li>
  22. <li><a href="#">帮助中心</a></li>
  23. <li><a href="#">退出</a></li>
  24. </ul>
  25. </div>
  26. </div>
  27. </div>
  28. <div class="wrapContent">
  29. <div class="mainSidebar">
  30. <div class="mainNav">
  31. <ul>
  32. <li><a href="" title="开始计量"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目</a></li>
  33. <li><a href="" title="查看我的任务"><div data-icon="B" aria-hidden="true" class="navIcon"></div>审批</a></li>
  34. <li><a href="" title="生成报表"><div data-icon="C" aria-hidden="true" class="navIcon"></div>报表</a></li>
  35. <li><a href="" title="数据统计"><div data-icon="D" aria-hidden="true" class="navIcon"></div>统计</a></li>
  36. </ul>
  37. </div>
  38. </div>
  39. <div class="mainContainer">
  40. <!--内容-->
  41. <div class="mainContent">
  42. <div class="title clearfix">
  43. <div class="fR">
  44. <button class="btn btn-link" type="button"><i class="icon-question-sign"></i>&nbsp;帮助</button>
  45. </div>
  46. <h1>欢迎使用纵横计量支付云端</h1>
  47. </div>
  48. <div class="form">
  49. <form class="form-horizontal">
  50. <legend>请填写您的个人信息</legend>
  51. <div class="control-group">
  52. <label class="control-label" for="inputEmail">姓名</label>
  53. <div class="controls">
  54. <input type="text" placeholder="输入您的姓名">
  55. </div>
  56. </div>
  57. <div class="control-group">
  58. <label class="control-label" for="inputEmail">单位(公司)名称</label>
  59. <div class="controls">
  60. <input type="text" placeholder="输入您的单位或者公司名称" >
  61. </div>
  62. </div>
  63. <div class="control-group">
  64. <label class="control-label" for="inputEmail">职位</label>
  65. <div class="controls">
  66. <input type="text" placeholder="输入您的职位">
  67. </div>
  68. </div>
  69. <div class="control-group">
  70. <label class="control-label" for="inputEmail">联系电话</label>
  71. <div class="controls">
  72. <div class="input-prepend">
  73. <span class="add-on">固话</span>
  74. <input type="text" placeholder="格式:0000-00000000" style="width:167px">
  75. </div>
  76. <div class="input-prepend">
  77. <span class="add-on">手机</span>
  78. <input type="text" placeholder="输入11位手机号码" class="span2">
  79. </div>
  80. </div>
  81. </div>
  82. <div class="control-group">
  83. <label class="control-label" for="inputEmail">QQ</label>
  84. <div class="controls">
  85. <input type="text" placeholder="输入您的QQ号码">
  86. </div>
  87. </div>
  88. <div class="control-group">
  89. <label class="control-label"></label>
  90. <div class="controls">
  91. <a class="btn btn-primary" href="welcome - 1.html"><i class="icon-ok icon-white"></i>&nbsp;确定提交</a>
  92. </div>
  93. </div>
  94. </fieldset>
  95. </form>
  96. </div>
  97. </div>
  98. <!--内容-->
  99. </div>
  100. </div>
  101. <script type="text/javascript">autoFlashHeight();</script>
  102. </body>