API tools faq
paste
Advertisement
Guest User

html

a guest
Jun 24th, 2018
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.60 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <title>Data Dashboard</title>
  7. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
  8. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
  9. crossorigin="anonymous">
  10. <link rel="icon" href="../src/img/favicon.png" type="image/png" sizes="16x16">
  11. <!-- Bootstrap CDN-->
  12. <!-- Latest compiled and minified CSS -->
  13. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
  14. <!-- jQuery library -->
  15. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  16. <!-- Popper JS -->
  17. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
  18. <!-- Latest compiled JavaScript -->
  19. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
  20. <link rel="stylesheet" href="style.css" />
  21. </head>
  22.  
  23. <body>
  24. <header>
  25. <!-- Menú sidenav push -->
  26. <div class="topnav">
  27. <div id="main">
  28. <span onclick="openNav()">
  29. <svg class="elipse"></svg>
  30. <i class="fa fa-bars"></i>
  31. </span>
  32. <img id="LogoLaboratoria" src="img/LogoLaboratoria.png" width="182px">
  33. </div>
  34. <div id="topMenu" class="menuSuperior">
  35. <a>Data Dashboard</a>
  36. </div>
  37. </div>
  38.  
  39. <div id="mySidenav" class="sidenav">
  40. <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">
  41. <i class="fas fa-times"></i>
  42. </a>
  43. <a class="sidenavText" href="#">
  44. <i class="fa fa-user"></i> Nombre Usuario</a>
  45. <a class="sidenavText" href="#">
  46. <i class="fas fa-table"></i> Data Dashboard</a>
  47. <a class="sidenavText" href="#">
  48. <i class="fas fa-cog"></i> Configuración</a>
  49. </div>
  50. </header>
  51.  
  52. <section>
  53. <div id="contenido">
  54. <div class="container-fluid">
  55. <div class="row">
  56. <div class="col-sm-4 d-flex align-self-left">
  57. <div class="titulosSecciones">
  58. <i class="fas fa-map-marker-alt"></i>Sedes
  59. </div>
  60. </div>
  61. </div>
  62. <hr class="lineaSeparadorUno">
  63. </div>
  64. <div class="container-fluid">
  65. <div class="row">
  66. <div class="col-sm-4">
  67. <div id="cajaChile" class="cajasSedes mx-auto d-flex align-self-center">
  68. <table>
  69. <tr>
  70. <td>
  71. <img src="img/chile.png" width="89px">
  72. </td>
  73. </tr>
  74. <tr>
  75. <td>Santiago de Chile</td>
  76. </tr>
  77. <tr>
  78. <td>
  79. <button class="buttonSedes" type="button">Ingresar</button>
  80. </td>
  81. </tr>
  82. </table>
  83. </div>
  84. </div>
  85. <div class="col-sm-4">
  86. <div id="cajaMexico" class="cajasSedes mx-auto d-flex align-self-center">
  87. <table>
  88. <tr>
  89. <td>
  90. <img src="img/mexico.png" width="74px">
  91. </td>
  92. </tr>
  93. <tr>
  94. <td>Ciudad de México</td>
  95. </tr>
  96. <tr>
  97. <td>
  98. <button class="buttonSedes" type="button">Ingresar</button>
  99. </td>
  100. </tr>
  101. </table>
  102. </div>
  103. </div>
  104. <div class="col-sm-4">
  105. <div id="cajaPeru" class="cajasSedes mx-auto d-flex align-self-center">
  106. <table>
  107. <tr>
  108. <td>
  109. <img src="img/peru2.png" width="43px">
  110. </td>
  111. </tr>
  112. <tr>
  113. <td>Lima Perú</td>
  114. </tr>
  115. <tr>
  116. <td>
  117. <button class="buttonSedes" type="button">Ingresar</button>
  118. </td>
  119. </tr>
  120. </table>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <div id="contenidoDos">
  127. <div class="container-fluid">
  128. <div class="row">
  129. <div class="col-sm-4 d-flex align-self-left">
  130. <div class="titulosSecciones">
  131. <i class="fa fa-users"></i>Cohorts
  132. </div>
  133. </div>
  134. </div>
  135. <hr class="lineaSeparadorUno">
  136. </div>
  137. <div class="container-fluid">
  138. <div class="row">
  139. <div class="col-sm-12 d-flex align-self-left">
  140. <div class="dropdown">
  141. <p>Selecciona un cohort</p>
  142. <select name="cohorts" id="Menu_dropdown">
  143.  
  144. <div>
  145. <option value="0">Seleccionar</option>
  146. <option value="lim-2018-03-pre-core-pw">Lim-2018-03 pre-core pw</option>
  147. <option value="STGO">Lim-2</option>
  148. <option value="MEXICO">Lim-3</option>
  149. </div>
  150. </select>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="container-fluid">
  156. <div class="row">
  157. <div class="col-sm-12 d-flex align-self-left">
  158. <div class="dropdown">
  159. <p>Ordenar mediante a :</p>
  160. <div>
  161. <Select id="Order">
  162. <option value="Nombre">Nombre</option>
  163. <option value="Total">Total %</option>
  164. <option value="Lecturas">Lecturas %</option>
  165. <option value="Ejecicios">Ejecicios %</option>
  166. <option value="Cuestionarios">Cuestionarios %</option>
  167. </Select>
  168. <select id="orderby">
  169. <option value="ASC">Ascendente</option>
  170. <option value="DESC">Desendente</option>
  171. </select>
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. <div class="container-fluid">
  178. <div class="row">
  179. <div class="col-sm-12 d-flex align-self-left">
  180. <div class="dropdown">
  181. <p>Buscar Nombre : </p>
  182. <input type="text" id="buscador" />
  183.  
  184. <div>
  185. <button class="buttonCohorts" id="botoncito" onclick="jsonss()">Cargar</button>
  186. </div>
  187. </select>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. <div id="contenidoTres">
  193. <div class="container-fluid">
  194. <div class="row">
  195. <div class="col-sm-4 d-flex align-self-left">
  196. <div class="titulosSecciones">
  197. <i class="fa fa-user" style="font-size:25px;"></i>Listado alumnas
  198. </div>
  199. </div>
  200. </div>
  201. <hr class="lineaSeparadorUno">
  202. </div>
  203. <div class="container-fluid">
  204. <div class="row">
  205. <div class="col-12">
  206. <div id="cohorts" class="dropdownCohorts mx-auto d-flex align-self-center">
  207. <div class="table-responsive">
  208. <table id=tablaAlumnas class="table table-hover">
  209. <thead class="cabeceraTabla">
  210. <tr>
  211. <th>Nombre</th>
  212. <th>% Lecturas</th>
  213. <th>% Ejercicios</th>
  214. <th>% Cuestionarios</th>
  215. <th>Puntaje Cuestionarios</th>
  216. <th>% Total</th>
  217. </tr>
  218. </thead>
  219. <tbody id="tbody">
  220. </tbody>
  221. </table>
  222. </div>
  223. </div>
  224. </div>
  225. </div>
  226. </div>
  227. </div>
  228. </body>
  229. <footer>
  230. <script src="indexnav.js"></script>
  231. <script src="main.js"></script>
  232. <script src="data.js"></script>
  233. </footer>
  234.  
  235. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!