dowse app

dashboard.html 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9. <title>Dashboard Template for Bootstrap</title>
  10. <!-- Bootstrap core CSS -->
  11. <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
  12. <!-- Custom styles for this template -->
  13. <link href="dashboard.css" rel="stylesheet">
  14. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  15. <!--[if lt IE 9]>
  16. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  17. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  18. <![endif]-->
  19. <link href="ux-dowse-app/dowse.css" rel="stylesheet" type="text/css">
  20. </head>
  21. <body>
  22. <nav class="navbar navbar-inverse navbar-fixed-top">
  23. <div class="container-fluid">
  24. <div class="navbar-header">
  25. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  26. <span class="sr-only">Toggle navigation</span>
  27. <span class="icon-bar"></span>
  28. <span class="icon-bar"></span>
  29. <span class="icon-bar"></span>
  30. </button>
  31. <a class="navbar-brand" href="#">Dowse</a>
  32. </div>
  33. <div id="navbar" class="navbar-collapse collapse">
  34. <ul class="nav navbar-nav navbar-right">
  35. <li>
  36. <a href="#">Dashboard</a>
  37. </li>
  38. <li>
  39. <a href="#">Settings</a>
  40. </li>
  41. <li>
  42. <a href="#">Profile</a>
  43. </li>
  44. <li>
  45. <a href="#">Help</a>
  46. </li>
  47. </ul>
  48. <form class="navbar-form navbar-right">
  49. <input type="text" class="form-control" placeholder="Search...">
  50. </form>
  51. </div>
  52. </div>
  53. </nav>
  54. <div class="container-fluid">
  55. <div class="row">
  56. <div class="col-md-2">
  57. <div class="col-xs-3 col-md-2 col-sm-2">
  58. <a href="#" class="thumbnail">
  59. <img src="file:///Applications/Pinegrow%20Web%20Designer.app/Contents/Resources/app.nw/placeholders/img9.jpg" alt="">
  60. </a>
  61. </div>
  62. </div>
  63. <div class="col-sm-2">
  64. <form role="form">
  65. <div class="form-group">
  66. <label class="control-label" for="exampleInputEmail1">First Login</label>
  67. <p>
  68. Your device has MAC: xx:xx:xx:xx:xx</p>
  69. <input type="email" class="form-control dowsefont" id="type_" placeholder="Enter email">
  70. </div>
  71. <div class="form-group">
  72. <label class="control-label" for="exampleInputPassword1">Password</label>
  73. <input type="#" class="form-control" id="devicename" placeholder="device name">
  74. </div>
  75. <p> Welcome Dowser!
  76. wanna set this device as ADMIN?</p>
  77. <button type="submit" class="btn.dowse">Submit</button>
  78. </form>
  79. </div>
  80. </div>
  81. <div class="row">
  82. <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
  83. <h1 class="page-header">Dashboard</h1>
  84. <div class="row placeholders">
  85. <div class="col-xs-6 col-sm-3 placeholder">
  86. <img src="http://pinegrow.com/placeholders/img4.jpg" class="img-responsive" alt="Generic placeholder thumbnail">
  87. <h4>Label</h4>
  88. <span class="text-muted">Something else</span>
  89. </div>
  90. <div class="col-xs-6 col-sm-3 placeholder">
  91. <img src="http://pinegrow.com/placeholders/img3.jpg" class="img-responsive" alt="Generic placeholder thumbnail">
  92. <h4>Label</h4>
  93. <span class="text-muted">Something else</span>
  94. </div>
  95. <div class="col-xs-6 col-sm-3 placeholder">
  96. <img src="http://pinegrow.com/placeholders/img8.jpg" class="img-responsive" alt="Generic placeholder thumbnail">
  97. <h4>Label</h4>
  98. <span class="text-muted">Something else</span>
  99. </div>
  100. <div class="col-xs-6 col-sm-3 placeholder">
  101. <img src="http://pinegrow.com/placeholders/img6.jpg" class="img-responsive" alt="Generic placeholder thumbnail">
  102. <h4>Label</h4>
  103. <span class="text-muted">Something else</span>
  104. </div>
  105. </div>
  106. <h2 class="sub-header">Section title</h2>
  107. <div class="table-responsive">
  108. <table class="table table-striped">
  109. <thead>
  110. <tr>
  111. <th>#</th>
  112. <th>Header</th>
  113. <th>Header</th>
  114. <th>Header</th>
  115. <th>Header</th>
  116. </tr>
  117. </thead>
  118. <tbody>
  119. <tr>
  120. <td>1,001</td>
  121. <td>Lorem</td>
  122. <td>ipsum</td>
  123. <td>dolor</td>
  124. <td>sit</td>
  125. </tr>
  126. <tr>
  127. <td>1,002</td>
  128. <td>amet</td>
  129. <td>consectetur</td>
  130. <td>adipiscing</td>
  131. <td>elit</td>
  132. </tr>
  133. <tr>
  134. <td>1,003</td>
  135. <td>Integer</td>
  136. <td>nec</td>
  137. <td>odio</td>
  138. <td>Praesent</td>
  139. </tr>
  140. <tr>
  141. <td>1,003</td>
  142. <td>libero</td>
  143. <td>Sed</td>
  144. <td>cursus</td>
  145. <td>ante</td>
  146. </tr>
  147. <tr>
  148. <td>1,004</td>
  149. <td>dapibus</td>
  150. <td>diam</td>
  151. <td>Sed</td>
  152. <td>nisi</td>
  153. </tr>
  154. <tr>
  155. <td>1,005</td>
  156. <td>Nulla</td>
  157. <td>quis</td>
  158. <td>sem</td>
  159. <td>at</td>
  160. </tr>
  161. <tr>
  162. <td>1,006</td>
  163. <td>nibh</td>
  164. <td>elementum</td>
  165. <td>imperdiet</td>
  166. <td>Duis</td>
  167. </tr>
  168. <tr>
  169. <td>1,007</td>
  170. <td>sagittis</td>
  171. <td>ipsum</td>
  172. <td>Praesent</td>
  173. <td>mauris</td>
  174. </tr>
  175. <tr>
  176. <td>1,008</td>
  177. <td>Fusce</td>
  178. <td>nec</td>
  179. <td>tellus</td>
  180. <td>sed</td>
  181. </tr>
  182. <tr>
  183. <td>1,009</td>
  184. <td>augue</td>
  185. <td>semper</td>
  186. <td>porta</td>
  187. <td>Mauris</td>
  188. </tr>
  189. <tr>
  190. <td>1,010</td>
  191. <td>massa</td>
  192. <td>Vestibulum</td>
  193. <td>lacinia</td>
  194. <td>arcu</td>
  195. </tr>
  196. <tr>
  197. <td>1,011</td>
  198. <td>eget</td>
  199. <td>nulla</td>
  200. <td>Class</td>
  201. <td>aptent</td>
  202. </tr>
  203. <tr>
  204. <td>1,012</td>
  205. <td>taciti</td>
  206. <td>sociosqu</td>
  207. <td>ad</td>
  208. <td>litora</td>
  209. </tr>
  210. <tr>
  211. <td>1,013</td>
  212. <td>torquent</td>
  213. <td>per</td>
  214. <td>conubia</td>
  215. <td>nostra</td>
  216. </tr>
  217. <tr>
  218. <td>1,014</td>
  219. <td>per</td>
  220. <td>inceptos</td>
  221. <td>himenaeos</td>
  222. <td>Curabitur</td>
  223. </tr>
  224. <tr>
  225. <td>1,015</td>
  226. <td>sodales</td>
  227. <td>ligula</td>
  228. <td>in</td>
  229. <td>libero</td>
  230. </tr>
  231. </tbody>
  232. </table>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. <!-- Bootstrap core JavaScript
  238. ================================================== -->
  239. <!-- Placed at the end of the document so the pages load faster -->
  240. <script src="assets/js/jquery.min.js"></script>
  241. <script src="bootstrap/js/bootstrap.min.js"></script>
  242. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  243. <script src="assets/js/ie10-viewport-bug-workaround.js"></script>
  244. </body>
  245. </html>