API tools faq
paste
Advertisement
Guest User

index html

a guest
Jun 24th, 2018
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.20 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" crossorigin="anonymous">
  9. <link rel="icon" href="../src/img/favicon.png" type="image/png" sizes="16x16">
  10. <!-- Bootstrap CDN-->
  11. <!-- Latest compiled and minified CSS -->
  12. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
  13. <!-- jQuery library -->
  14. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  15. <!-- Popper JS -->
  16. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
  17. <!-- Latest compiled JavaScript -->
  18. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
  19. <link rel="stylesheet" href="../src/style.css" />
  20. </head>
  21.  
  22. <body>
  23. <header>
  24. <!-- Menú sidenav push -->
  25. <div class="topnav">
  26. <div id="main">
  27. <span onclick="openNav()">
  28. <svg class="elipse"></svg>
  29. <i class="fa fa-bars"></i>
  30. </span>
  31. <img id="LogoLaboratoria" src="../src/img/LogoLaboratoria.png" width="182px">
  32. </div>
  33. <div id="topMenu" class="menuSuperior">
  34. <a>Data Dashboard</a>
  35. </div>
  36. </div>
  37.  
  38. <div id="mySidenav" class="sidenav">
  39. <a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><i class="fas fa-times"></i></a>
  40. <a class="sidenavText" href="#"><i class="fa fa-user"></i> Nombre Usuario</a>
  41. <a class="sidenavText" href="#"><i class="fas fa-table"></i> Data Dashboard</a>
  42. <a class="sidenavText" href="#"><i class="fas fa-cog"></i> Configuración</a>
  43. </div>
  44. </header>
  45.  
  46. <section>
  47. <div id="contenido">
  48. <div class="container-fluid">
  49. <div class="row">
  50. <div class="col-sm-4 d-flex align-self-left">
  51. <div class="titulosSecciones">
  52. <i class="fas fa-map-marker-alt"></i>Sedes
  53. </div>
  54. </div>
  55. </div>
  56. <hr class="lineaSeparadorUno">
  57. </div>
  58. <div class="container-fluid">
  59. <div class="row">
  60. <div class="col-sm-4">
  61. <div id="cajaChile" class="cajasSedes mx-auto d-flex align-self-center">
  62. <table>
  63. <tr>
  64. <td>
  65. <img src="../src/img/chile.png" width="89px">
  66. </td>
  67. </tr>
  68. <tr>
  69. <td>Santiago de Chile</td>
  70. </tr>
  71. <tr>
  72. <td>
  73. <button class="buttonSedes" type="button">Ingresar</button>
  74. </td>
  75. </tr>
  76. </table>
  77. </div>
  78. </div>
  79. <div class="col-sm-4">
  80. <div id="cajaMexico" class="cajasSedes mx-auto d-flex align-self-center">
  81. <table>
  82. <tr>
  83. <td>
  84. <img src="../src/img/mexico.png" width="74px">
  85. </td>
  86. </tr>
  87. <tr>
  88. <td>Ciudad de México</td>
  89. </tr>
  90. <tr>
  91. <td>
  92. <button class="buttonSedes" type="button">Ingresar</button>
  93. </td>
  94. </tr>
  95. </table>
  96. </div>
  97. </div>
  98. <div class="col-sm-4">
  99. <div id="cajaPeru" class="cajasSedes mx-auto d-flex align-self-center">
  100. <table>
  101. <tr>
  102. <td>
  103. <img src="../src/img/peru2.png" width="43px">
  104. </td>
  105. </tr>
  106. <tr>
  107. <td>Lima Perú</td>
  108. </tr>
  109. <tr>
  110. <td>
  111. <button class="buttonSedes" type="button">Ingresar</button>
  112. </td>
  113. </tr>
  114. </table>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <div id="contenidoDos">
  121. <div class="container-fluid">
  122. <div class="row">
  123. <div class="col-sm-4 d-flex align-self-left">
  124. <div class="titulosSecciones">
  125. <i class="fa fa-users"></i>Cohorts
  126. </div>
  127. </div>
  128. </div>
  129. <hr class="lineaSeparadorUno">
  130. </div>
  131. <div class="container-fluid">
  132. <div class="row">
  133. <div class="col-sm-12 d-flex align-self-left">
  134. <div class="dropdown">
  135. <p>Selecciona un cohort</p>
  136. <select name="cohorts" id="Menu_dropdown">
  137. <option value="0">Seleccionar</option>
  138. <option value="lim-2018-03-pre-core-pw">Lim-2018-03 pre-core pw</option>
  139. <option value="STGO">Lim-2</option>
  140. <option value="MEXICO">Lim-3</option>
  141. </select>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. <div class="container-fluid">
  147. <div class="row">
  148. <div class="col-sm-12 d-flex align-self-left">
  149. <button class="buttonCohorts" id="botoncito" onclick="jsonss()">Cargar listado</button>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. <div id="contenidoTres">
  155. <div class="container-fluid">
  156. <div class="row">
  157. <div class="col-sm-6 d-flex align-self-left">
  158. <div class="titulosSecciones">
  159. <i class="fa fa-user" style="font-size:25px;"></i>Listado alumnas
  160. </div>
  161. </div>
  162. </div>
  163. <hr class="lineaSeparadorUno">
  164. </div>
  165. <div class="container-fluid">
  166. <div class="row">
  167. <div class="col-12">
  168. <div class="buscador">
  169. <form action="">
  170. <input type="text" placeholder="Buscar por nombre de alumna" name="search">
  171. <button type="submit"><i class="fa fa-search"></i></button>
  172. </form>
  173. </div>
  174. <div id="cohorts" class="dropdownCohorts mx-auto d-flex align-self-center">
  175. <div class="table-responsive">
  176. <table id=tablaAlumnas class="table table-hover">
  177. <thead class="cabeceraTabla">
  178. <tr>
  179. <th>Nombre alumna</th>
  180. <th>% Lecturas</th>
  181. <th>% Ejercicios</th>
  182. <th>% Cuestionarios</th>
  183. <th>Puntaje Cuestionarios</th>
  184. <th>% Total</th>
  185. </tr>
  186. </thead>
  187. <tbody id="tbody">
  188. </tbody>
  189. </table>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. </body>
  197. <footer>
  198. <script src="../src/indexnav.js"></script>
  199. <script src="../src/main.js"></script>
  200. <script src="../src/data.js"></script>
  201. </footer>
  202.  
  203. </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!