API tools faq
paste
Advertisement
Guest User

dttmpckr

a guest
Feb 3rd, 2018
486
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.58 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <title>Sufee Admin - HTML5 Admin Template</title>
  10. <meta name="description" content="Sufee Admin - HTML5 Admin Template">
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12.  
  13. <link rel="apple-touch-icon" href="apple-icon.png">
  14. <link rel="shortcut icon" href="favicon.ico">
  15.  
  16. <link rel="stylesheet" href="../assets/css/normalize.css">
  17. <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
  18. <link rel="stylesheet" href="../assets/css/font-awesome.min.css">
  19. <link rel="stylesheet" href="../assets/css/themify-icons.css">
  20. <link rel="stylesheet" href="../assets/css/flag-icon.min.css">
  21. <link rel="stylesheet" href="../assets/css/cs-skin-elastic.css">
  22. <link rel="stylesheet" href="../assets/css/daterangepicker.css">
  23. <script type="text/javascript" src="../assets/js/moment.min.js"></script>
  24. <script type="text/javascript" src="../assets/js/daterangepicker.js"></script>
  25. <script type="text/javascript" src="../assets/css/bootstrap.min.js"></script>
  26.  
  27.  
  28. <!-- <link rel="stylesheet" href="assets/css/bootstrap-select.less"> -->
  29. <link rel="stylesheet" href="../assets/scss/style.css">
  30. <link href="../assets/css/lib/vector-map/jqvmap.min.css" rel="stylesheet">
  31.  
  32. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'>
  33.  
  34. <!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script> -->
  35.  
  36. </head>
  37. <body>
  38.  
  39.  
  40. <!-- Left Panel -->
  41.  
  42. <aside id="left-panel" class="left-panel">
  43. <nav class="navbar navbar-expand-sm navbar-default">
  44.  
  45. <div class="navbar-header">
  46. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
  47. <i class="fa fa-bars"></i>
  48. </button>
  49. <a class="navbar-brand" href="./"><img src="../images/logo.png" alt="Logo"></a>
  50. <a class="navbar-brand hidden" href="./"><img src="../images/logo2.png" alt="Logo"></a>
  51. </div>
  52.  
  53. <div id="main-menu" class="main-menu collapse navbar-collapse">
  54. <ul class="nav navbar-nav">
  55. <li class="active">
  56. <a href="index.html"> <i class="menu-icon fa fa-dashboard"></i>Dashboard </a>
  57. </li>
  58. <h3 class="menu-title">UI elements</h3><!-- /.menu-title -->
  59. <li class="menu-item-has-children dropdown">
  60. <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-laptop"></i>Manage Tickets</a>
  61. <ul class="sub-menu children dropdown-menu">
  62. <li><i class="fa fa-puzzle-piece"></i><a href="ui-buttons.html">Add Tickets</a></li>
  63. <li><i class="fa fa-id-badge"></i><a href="ui-badges.html">List Tickets</a></li>
  64. </ul>
  65. </li>
  66. <li class="menu-item-has-children dropdown">
  67. <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-table"></i>Order List</a>
  68. <ul class="sub-menu children dropdown-menu">
  69. <li><i class="fa fa-table"></i><a href="tables-basic.html">Book</a></li>
  70. <li><i class="fa fa-table"></i><a href="tables-data.html">Success</a></li>
  71. </ul>
  72. </li>
  73. <li>
  74. <a href="#"> <i class="menu-icon fa fa-table"></i>Customer</a>
  75. </li>
  76. </ul>
  77. </div><!-- /.navbar-collapse -->
  78. </nav>
  79. </aside><!-- /#left-panel -->
  80.  
  81. <!-- Left Panel -->
  82.  
  83. <!-- Right Panel -->
  84.  
  85. <div id="right-panel" class="right-panel">
  86.  
  87. <!-- Header-->
  88. <header id="header" class="header">
  89.  
  90. <div class="header-menu">
  91.  
  92. <div class="col-sm-7">
  93. <a id="menuToggle" class="menutoggle pull-left"><i class="fa fa fa-tasks"></i></a>
  94. <div class="header-left">
  95. </div>
  96. </div>
  97.  
  98. <div class="col-sm-5">
  99. <div class="user-area dropdown float-right">
  100. <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  101. <img class="user-avatar rounded-circle" src="../images/admin.jpg" alt="User Avatar">
  102. </a>
  103.  
  104. <div class="user-menu dropdown-menu">
  105. <a class="nav-link" href="#"><i class="fa fa-power -off"></i>Logout</a>
  106. </div>
  107. </div>
  108.  
  109. </div>
  110. </div>
  111.  
  112. </header><!-- /header -->
  113. <!-- Header-->
  114.  
  115. <div class="breadcrumbs">
  116. <div class="col-sm-4">
  117. <div class="page-header float-left">
  118. <div class="page-title">
  119. <h1>Dashboard</h1>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="col-sm-8">
  124. <div class="page-header float-right">
  125. <div class="page-title">
  126. <ol class="breadcrumb text-right">
  127. <li class="active">Dashboard</li>
  128. </ol>
  129. </div>
  130. </div>
  131. </div>
  132. <div class="col-md-8 offset-md-2">
  133. <div class="card">
  134. <div class="card-header">
  135. <strong>Basic Form</strong> Elements
  136. </div>
  137. <div class="card-body card-block">
  138. <form action="" method="post" enctype="multipart/form-data" class="form-horizontal">
  139. <div class="row form-group">
  140. <div class="col col-md-3"><label for="text-input" class=" form-control-label">Asal</label></div>
  141. <div class="col-12 col-md-9"><input type="text" id="asal" name="asal" placeholder="Asal" class="form-control"></div>
  142. </div>
  143. <div class="row form-group">
  144. <div class="col col-md-3"><label for="email-input" class=" form-control-label">Tujuan</label></div>
  145. <div class="col-12 col-md-9"><input type="text" id="tujuan" name="tujuan" placeholder="Tujuan" class="form-control"></div>
  146. </div>
  147. <div class="row form-group">
  148. <div class="col col-md-3"><label for="" class=" form-control-label">Tanggal dan Waktu Keberangkatan</label></div>
  149. <div class="col-12 col-md-9"><input type="password" id="password-input" name="password-input" placeholder="DATE" class="form-control"></div>
  150. </div>
  151. <div class="row form-group">
  152. <div class="col col-md-3"><label for="password-input" class=" form-control-label">Tanggal dan Waktu Tiba</label></div>
  153. <div class="col-12 col-md-9"><input type="password" id="password-input" name="password-input" placeholder="DATE" class="form-control"></div>
  154. </div>
  155. <div class="row form-group">
  156. <div class="col col-md-3"><label for="text-input" class=" form-control-label">Harga</label></div>
  157. <div class="col-12 col-md-9"><input type="text" id="harga" name="harga" placeholder="Harga" class="form-control"></div>
  158. </div>
  159. </form>
  160. </div>
  161. <div class="card-footer">
  162. <button type="submit" class="btn btn-primary btn-sm">
  163. <i class="fa fa-dot-circle-o"></i> Submit
  164. </button>
  165. <button type="reset" class="btn btn-danger btn-sm">
  166. <i class="fa fa-ban"></i> Reset
  167. </button>
  168. </div>
  169. </div>
  170. </div>
  171. <div class="col-md-12">
  172. <div class="card">
  173. <div class="card-footer">Data Ticket</div>
  174. <div class="card-block p-0">
  175. <table class="table table-bordered table-sm m-0">
  176. <thead class="">
  177. <tr>
  178. <th>#</th>
  179. <th>Asal</th>
  180. <th>Tujuan</th>
  181. <th>Tanggal Berangkat</th>
  182. <th>Tanggal Tiba</th>
  183. <th>Harga</th>
  184. <th>Action</th>
  185. </tr>
  186. </thead>
  187. <tbody>
  188. <tr>
  189. <td>
  190. <label class="custom-control custom-checkbox">
  191. <input type="checkbox" class="custom-control-input">
  192. <span class="custom-control-indicator"></span>
  193. </label>
  194. </td>
  195. <td>John Lilki</td>
  196. <td>September 14, 2013</td>
  197. <td>jhlilk22@yahoo.com</td>
  198. <td>No</td>
  199. </tr>
  200. <tr>
  201. <td>
  202. <label class="custom-control custom-checkbox">
  203. <input type="checkbox" class="custom-control-input">
  204. <span class="custom-control-indicator"></span>
  205. </label>
  206. </td>
  207. <td>John Lilki</td>
  208. <td>September 14, 2013</td>
  209. <td>jhlilk22@yahoo.com</td>
  210. <td>No</td>
  211. </tr>
  212. <tr>
  213. <td>
  214. <label class="custom-control custom-checkbox">
  215. <input type="checkbox" class="custom-control-input">
  216. <span class="custom-control-indicator"></span>
  217. </label>
  218. </td>
  219. <td>John Lilki</td>
  220. <td>September 14, 2013</td>
  221. <td>jhlilk22@yahoo.com</td>
  222. <td>No</td>
  223. </tr>
  224. </tbody>
  225. </table>
  226. </div>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. </div><!-- /#right-panel -->
  232.  
  233. <!-- Right Panel -->
  234.  
  235. <script src="../assets/js/vendor/jquery-2.1.4.min.js"></script>
  236. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script>
  237. <script src="../assets/js/plugins.js"></script>
  238. <script src="../assets/js/main.js"></script>
  239.  
  240.  
  241. <script src="../assets/js/lib/chart-js/Chart.bundle.js"></script>
  242. <script src="../assets/js/dashboard.js"></script>
  243. <script src="../assets/js/widgets.js"></script>
  244. <script src="../assets/js/lib/vector-map/jquery.vmap.js"></script>
  245. <script src="../assets/js/lib/vector-map/jquery.vmap.min.js"></script>
  246. <script src="../assets/js/lib/vector-map/jquery.vmap.sampledata.js"></script>
  247. <script src="../assets/js/lib/vector-map/country/jquery.vmap.world.js"></script>
  248. <script>
  249. ( function ( $ ) {
  250. "use strict";
  251.  
  252. jQuery( '#vmap' ).vectorMap( {
  253. map: 'world_en',
  254. backgroundColor: null,
  255. color: '#ffffff',
  256. hoverOpacity: 0.7,
  257. selectedColor: '#1de9b6',
  258. enableZoom: true,
  259. showTooltip: true,
  260. values: sample_data,
  261. scaleColors: [ '#1de9b6', '#03a9f5' ],
  262. normalizeFunction: 'polynomial'
  263. } );
  264. } )( jQuery );
  265. </script>
  266. <script type="text/javascript">
  267. $(function() {
  268. $('input[name="daterange"]').daterangepicker();
  269. });
  270. </script>
  271.  
  272. </body>
  273. </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!