sign-view.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <title>纵横电子签名生成Web版</title>
  5. <meta charset=utf-8>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <!-- Bootstrap -->
  8. <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  9. </head>
  10. <body style="padding-top:60px">
  11. <div class="navbar navbar-inverse navbar-fixed-top">
  12. <div class="navbar-inner">
  13. <div class="container">
  14. <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  15. <span class="icon-bar"></span>
  16. <span class="icon-bar"></span>
  17. <span class="icon-bar"></span>
  18. </button>
  19. <a class="brand" href="index.html">纵横电子签名生成Web版</a>
  20. <div class="nav-collapse collapse hide">
  21. <ul class="nav">
  22. <li class="active"><a href="#">首页</a></li>
  23. </ul>
  24. </div><!--/.nav-collapse -->
  25. </div>
  26. </div>
  27. </div>
  28. <div class="container">
  29. <h1>已保存签名</h1>
  30. <ul class="thumbnails">
  31. <li class="span4">
  32. <div class="thumbnail">
  33. <img src="img/sign.png" alt="">
  34. <div class="caption">
  35. <p><div class="pull-right"><a >下载</a></div>2016-07-08 15:30</p>
  36. </div>
  37. </div>
  38. </li>
  39. <li class="span4">
  40. <div class="thumbnail">
  41. <img src="img/sign.png" alt="">
  42. <div class="caption">
  43. <p><div class="pull-right"><a >下载</a></div>2016-07-08 15:30</p>
  44. </div>
  45. </div>
  46. </li>
  47. <li class="span4">
  48. <div class="thumbnail">
  49. <img src="img/sign.png" alt="">
  50. <div class="caption">
  51. <p><div class="pull-right"><a >下载</a></div>2016-07-08 15:30</p>
  52. </div>
  53. </div>
  54. </li>
  55. <li class="span4">
  56. <div class="thumbnail">
  57. <img src="img/sign.png" alt="">
  58. <div class="caption">
  59. <p><div class="pull-right"><a >下载</a></div>2016-07-08 15:30</p>
  60. </div>
  61. </div>
  62. </li>
  63. </ul>
  64. <div class="pagination">
  65. <ul>
  66. <li class="disabled"><a href="#">&laquo;</a></li>
  67. <li class="active"><a href="#">1</a></li>
  68. <li ><a href="#">2</a></li>
  69. <li ><a href="#">3</a></li>
  70. <li ><a href="#">4</a></li>
  71. <li ><a href="#">5</a></li>
  72. <li ><a href="#">6</a></li>
  73. <li ><a href="#">7</a></li>
  74. <li ><a href="#">8</a></li>
  75. <li "><a href="#">9</a></li>
  76. <li ><a href="#">10</a></li>
  77. <li><a href="#">&raquo;</a></li>
  78. </ul>
  79. </div>
  80. </div>
  81. <!-- Modal -->
  82. <div id="openie" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  83. <div class="modal-header">
  84. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  85. <h3 id="myModalLabel">Windwos 10 如何打开IE</h3>
  86. </div>
  87. <div class="modal-body">
  88. <p>使用Edge浏览器打开网站,打开菜单下的“使用 Internet Explorer 打开”。</p>
  89. <p class="text-center"><img src="img/edge.jpg"></p>
  90. </div>
  91. <div class="modal-footer">
  92. <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  93. </div>
  94. </div>
  95. <!-- Modal -->
  96. <div id="logo" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  97. <div class="modal-header">
  98. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  99. <h3 id="myModalLabel">正确通电显示以下内容</h3>
  100. </div>
  101. <div class="modal-body">
  102. <p><img src="img/hanvon.jpg"></p>
  103. </div>
  104. <div class="modal-footer">
  105. <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  106. </div>
  107. </div>
  108. <script src="js/jquery-1.9.1.min.js"></script>
  109. <script src="js/bootstrap.min.js"></script>
  110. </body>