API tools faq
paste
Advertisement
Guest User

html page

a guest
Dec 20th, 2020
35
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta
  6. name="viewport"
  7. content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
  8. />
  9. <title>Userlist - Geo App</title>
  10. <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css" />
  11. <link
  12. rel="stylesheet"
  13. href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
  14. />
  15. <link
  16. rel="stylesheet"
  17. href="https://fonts.googleapis.com/css?family=Lato"
  18. />
  19. <link
  20. rel="stylesheet"
  21. href="https://use.fontawesome.com/releases/v5.12.0/css/all.css"
  22. />
  23. <link
  24. rel="stylesheet"
  25. href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
  26. />
  27. <link
  28. rel="stylesheet"
  29. href="https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/material-icons.min.css"
  30. />
  31. <link
  32. rel="stylesheet"
  33. href="/assets/fonts/fontawesome5-overrides.min.css"
  34. />
  35. </head>
  36.  
  37. <body id="page-top">
  38. <div id="wrapper">
  39. <nav
  40. class="navbar navbar-dark flex-grow-1 flex-shrink-1 align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0"
  41. style="
  42. margin: 0px;
  43. padding: 0px;
  44. background: linear-gradient(
  45. black,
  46. rgb(18, 60, 78) 0%,
  47. rgb(0, 0, 0) 100%
  48. ),
  49. rgb(18, 60, 78);
  50. "
  51. >
  52. <div class="container-fluid d-flex flex-column p-0">
  53. <a
  54. class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0"
  55. href="/map.html"
  56. >
  57. <div class="sidebar-brand-icon rotate-n-15">
  58. <i class="fas fa-map-marked-alt"></i>
  59. </div>
  60. <div class="sidebar-brand-text mx-3">
  61. <span style="font-size: 22px">Geo App</span>
  62. </div>
  63. </a>
  64. <hr class="sidebar-divider my-0" />
  65. <ul class="nav navbar-nav text-light" id="accordionSidebar">
  66. <li class="nav-item">
  67. <a
  68. class="nav-link text-center"
  69. href="/map.html"
  70. style="font-size: 16px; margin-left: 0px"
  71. ><i
  72. class="fa fa-map-marker"
  73. style="width: 16px; height: 13px"
  74. ></i
  75. >Map</a
  76. ><a
  77. class="nav-link text-center"
  78. href="/routes.html"
  79. style="font-size: 16px; text-align: center; margin-left: 0px"
  80. ><i
  81. class="fas fa-location-arrow"
  82. style="width: 26px; margin-left: -5px"
  83. ></i
  84. >Routes</a
  85. ><a
  86. class="nav-link text-center"
  87. href="/places.html"
  88. style="
  89. font-size: 16px;
  90. text-align: center;
  91. margin-left: 0;
  92. height: 56px;
  93. "
  94. ><i
  95. class="fas fa-store-alt"
  96. style="width: 26px; margin-bottom: 4px"
  97. ></i
  98. >Places<br /><br /></a
  99. ><a
  100. class="nav-link text-center"
  101. href="/weather.html"
  102. style="font-size: 16px; margin-left: 0px"
  103. ><i
  104. class="fas fa-cloud-sun-rain"
  105. style="height: 13px; width: 26px"
  106. ></i
  107. >Weather</a
  108. >
  109. </li>
  110. <li class="nav-item">
  111. <a
  112. class="nav-link text-center"
  113. href="/profile.html"
  114. style="font-size: 16px"
  115. >&nbsp;<i
  116. class="fas fa-user"
  117. style="margin-left: -9px; height: 13px; width: 26px"
  118. ></i
  119. ><span>Profile</span></a
  120. >
  121. </li>
  122. <li class="nav-item"></li>
  123. <li class="nav-item">
  124. <a
  125. class="nav-link text-center active"
  126. href="/userlist.html"
  127. style="font-size: 16px"
  128. ><i class="fas fa-list-ul" style="height: 13px; width: 26px"></i
  129. ><span>User List</span></a
  130. ><a
  131. class="nav-link text-center"
  132. href="/manager.html"
  133. style="font-size: 16px"
  134. ><i class="fa fa-users" style="height: 13px; width: 26px"></i
  135. ><span>Manager</span></a
  136. >
  137. </li>
  138. <li class="nav-item"></li>
  139. <li class="nav-item"></li>
  140. <li class="nav-item"></li>
  141. </ul>
  142. <div class="text-center d-none d-md-inline">
  143. <button
  144. class="btn rounded-circle border-0"
  145. id="sidebarToggle"
  146. type="button"
  147. ></button>
  148. </div>
  149. </div>
  150. </nav>
  151. <div class="d-flex flex-column" id="content-wrapper">
  152. <div
  153. id="content"
  154. style="background: linear-gradient(rgb(176, 176, 176), white)"
  155. >
  156. <nav
  157. class="navbar navbar-light navbar-expand bg-white shadow mb-4 topbar static-top"
  158. style="
  159. background: linear-gradient(
  160. 91deg,
  161. rgb(86, 86, 86) 0%,
  162. rgb(18, 60, 78) 100%
  163. );
  164. "
  165. >
  166. <div class="container-fluid">
  167. <button
  168. class="btn btn-link d-md-none rounded-circle mr-3"
  169. id="sidebarToggleTop"
  170. type="button"
  171. >
  172. <i class="fas fa-bars"></i>
  173. </button>
  174. <form
  175. class="form-inline d-none float-right d-sm-inline-block mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search"
  176. style="width: 310px"
  177. >
  178. <div class="input-group">
  179. <input
  180. class="bg-light form-control border-0 small"
  181. type="text"
  182. placeholder="Find location by address ..."
  183. />
  184. <div class="input-group-append">
  185. <button
  186. class="btn btn-primary py-0"
  187. type="button"
  188. style="
  189. background: rgb(18, 60, 78);
  190. border-color: rgb(255, 255, 255);
  191. "
  192. >
  193. <i class="fas fa-search"></i>
  194. </button>
  195. </div>
  196. </div>
  197. </form>
  198. <form
  199. class="form-inline d-none float-right d-sm-inline-block mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search"
  200. style="width: 310px"
  201. >
  202. <div class="input-group">
  203. <input
  204. class="bg-light form-control border-0 small"
  205. type="text"
  206. placeholder="Find location by coordinates ..."
  207. />
  208. <div class="input-group-append">
  209. <button
  210. class="btn btn-primary py-0"
  211. type="button"
  212. style="
  213. background: rgb(18, 60, 78);
  214. border-color: rgb(255, 255, 255);
  215. "
  216. >
  217. <i class="fas fa-search"></i>
  218. </button>
  219. </div>
  220. </div>
  221. </form>
  222. <ul class="nav navbar-nav flex-nowrap ml-auto">
  223. <div
  224. class="d-none d-sm-block topbar-divider"
  225. style="background: #858796"
  226. ></div>
  227. <li class="nav-item dropdown no-arrow">
  228. <div class="nav-item dropdown no-arrow">
  229. <a
  230. class="dropdown-toggle nav-link"
  231. data-toggle="dropdown"
  232. aria-expanded="false"
  233. href="#"
  234. style="color: rgb(255, 255, 255)"
  235. ><span
  236. class="mr-2 text-gray-600 small"
  237. id="username"
  238. style="font-size: 14px; color: #ffffff"
  239. >User</span
  240. ><i
  241. class="material-icons"
  242. style="color: rgb(133, 135, 150)"
  243. >arrow_drop_down</i
  244. ></a
  245. >
  246. <div
  247. class="dropdown-menu shadow dropdown-menu-right animated--grow-in"
  248. >
  249. <a
  250. class="dropdown-item"
  251. id="profile-page-dropdown"
  252. href="#"
  253. ><i
  254. class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"
  255. ></i
  256. >&nbsp;Profile</a
  257. >
  258. <div class="dropdown-divider"></div>
  259. <a class="dropdown-item" id="logout-dropdown" href="#"
  260. ><i
  261. class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"
  262. ></i
  263. >&nbsp;Logout</a
  264. >
  265. </div>
  266. </div>
  267. </li>
  268. </ul>
  269. </div>
  270. </nav>
  271. <div class="container-fluid">
  272. <div class="card shadow">
  273. <div class="card-header py-3">
  274. <p
  275. class="m-0 font-weight-bold"
  276. style="color: rgb(34, 108, 140)"
  277. >
  278. User List
  279. </p>
  280. </div>
  281. <div class="card-body">
  282. <div class="row">
  283. <div class="col-md-6 text-nowrap">
  284. <div
  285. id="dataTable_length"
  286. class="dataTables_length"
  287. aria-controls="dataTable"
  288. >
  289. <label
  290. >Show&nbsp;<select
  291. class="form-control form-control-sm custom-select custom-select-sm"
  292. id="dataTable_show_number"
  293. >
  294. <option value="2" selected="">2</option>
  295. <option value="5">5</option>
  296. <option value="10">10</option>
  297. <option value="20">20</option></select
  298. >&nbsp;</label
  299. >
  300. </div>
  301. </div>
  302. <div class="col-md-6">
  303. <div
  304. class="text-md-right dataTables_filter"
  305. id="dataTable_filter"
  306. >
  307. <label
  308. ><input
  309. type="search"
  310. class="form-control form-control-sm"
  311. aria-controls="dataTable"
  312. placeholder="Search"
  313. /></label>
  314. </div>
  315. </div>
  316. </div>
  317. <div
  318. class="table-responsive table mt-2"
  319. id="dataTable"
  320. role="grid"
  321. aria-describedby="dataTable_info"
  322. >
  323. <table class="table my-0" id="dataTable">
  324. <thead>
  325. <tr>
  326. <th>ID</th>
  327. <th>Name</th>
  328. <th>Email</th>
  329. <th>Role</th>
  330. <th>Created</th>
  331. <th>Updated</th>
  332. </tr>
  333. </thead>
  334. <tbody id="table-body">
  335. <!-- <tr>
  336. <td></td>
  337. <td></td>
  338. <td></td>
  339. <td></td>
  340. <td></td>
  341. <td></td>
  342. </tr> -->
  343. </tbody>
  344. <tfoot>
  345. <!-- <tr>
  346. <td><strong>ID</strong></td>
  347. <td><strong>Name</strong></td>
  348. <td><strong>Email</strong></td>
  349. <td><strong>Role</strong></td>
  350. <td><strong>Created</strong></td>
  351. <td><strong>Updated</strong></td>
  352. </tr> -->
  353. </tfoot>
  354. </table>
  355. </div>
  356. <div class="row">
  357. <div class="col-md-6 align-self-center">
  358. <p
  359. id="dataTable_info"
  360. class="dataTables_info"
  361. role="status"
  362. aria-live="polite"
  363. >
  364. Showing 1 to 10 of 27
  365. </p>
  366. </div>
  367. <div class="col-md-6">
  368. <nav
  369. class="d-lg-flex justify-content-lg-end dataTables_paginate paging_simple_numbers"
  370. >
  371. <ul class="pagination">
  372. <li class="page-item disabled">
  373. <a class="page-link" href="#" aria-label="Previous"
  374. ><span aria-hidden="true">«</span></a
  375. >
  376. </li>
  377. <li class="page-item active">
  378. <a class="page-link" href="#">1</a>
  379. </li>
  380. <li class="page-item">
  381. <a class="page-link" href="#">2</a>
  382. </li>
  383. <li class="page-item">
  384. <a class="page-link" href="#">3</a>
  385. </li>
  386. <li class="page-item">
  387. <a class="page-link" href="#" aria-label="Next"
  388. ><span aria-hidden="true">»</span></a
  389. >
  390. </li>
  391. </ul>
  392. </nav>
  393. </div>
  394. </div>
  395. </div>
  396. </div>
  397. </div>
  398. </div>
  399. <footer class="bg-white sticky-footer">
  400. <div class="container my-auto">
  401. <div class="text-center my-auto copyright">
  402. <span>Geo App | Vladimir Turković 2020</span>
  403. </div>
  404. </div>
  405. </footer>
  406. </div>
  407. <a class="border rounded d-inline scroll-to-top" href="#page-top"
  408. ><i class="fas fa-angle-up"></i
  409. ></a>
  410. </div>
  411. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  412. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.bundle.min.js"></script>
  413. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
  414. <script src="/assets/js/script.min.js"></script>
  415. <script src="/scripts/exports/functions.js"></script>
  416. <script src="/scripts/userlist.js"></script>
  417. </body>
  418. </html>
  419.  
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!