API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 15th, 2019
161
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <base href="./">
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  8.  
  9. <title>Kornlee - Practice</title>
  10. <!-- Icons-->
  11. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  12. <!-- Main styles for this application-->
  13. <link href="css/style.css" rel="stylesheet">
  14. <link href="vendors/pace-progress/css/pace.min.css" rel="stylesheet">
  15. <link href="css/korn.css" rel="stylesheet">
  16. </head>
  17. <body class="app header-fixed sidebar-fixed aside-menu-fixed sidebar-lg-show">
  18. <header class="app-top-header navbar">
  19. <div class="app-top-header-dashboard text-center">
  20. <button class="navbar-toggler sidebar-toggler text-white button-sidebar-menu" type="button">
  21. <i class="fa fa-bars"></i>
  22. </button>
  23. <h4 class="m-0 font-weight-light"><i class="fa fa-area-chart"></i> Dashboard</h4>
  24. </div>
  25. </header>
  26. <div class="app-body">
  27. <div class="sidebar">
  28. <nav class="sidebar-nav">
  29. <ul class="nav">
  30. <li class="nav-item">
  31. <a class="nav-link" href="#">
  32. <i class="nav-icon icon-speedometer"></i> Dashboard
  33. </a>
  34. </li>
  35. <li class="nav-item">
  36. <a class="nav-link" href="#">
  37. <i class="nav-icon icon-drop"></i> Event
  38. </a>
  39. </li>
  40. <li class="nav-item">
  41. <a class="nav-link" href="#">
  42. <i class="nav-icon icon-pencil"></i> Settings
  43. </a>
  44. </li>
  45. </ul>
  46. </nav>
  47. </div>
  48. <main class="main pb-4">
  49. <div class="container-fluid">
  50. <div class="row">
  51. <div class="col-sm-9 pt-3">
  52. <div class="panel-user p-3">
  53. <div class="row">
  54. <div class="col-sm-2">
  55. <div class="user-image text-center">
  56. <i class="fa fa-user fa-5x"></i>
  57. </div>
  58. </div>
  59. <div class="col-sm-10">
  60. <div class="row">
  61. <h3 class="col-sm-12">Welcome</h3>
  62. <h4 class="col-sm-8">Trip to Laem Chabang, Thailand</h4>
  63. <h4 class="col-sm-4 text-right">10 people</h4>
  64. <h2 class="col-sm-8 offset-sm-4">"Miss. Chaleekorn Ruangworakit"</h2>
  65. </div>
  66. <div class="row mt-1">
  67. <h5 class="col-sm-4"><i class="fa fa-calendar"></i> Today</h5>
  68. <h5 class="col-sm-4"><i class="fa fa-map-marker"></i> Laem Chabang, Thailand</h5>
  69. <h5 class="col-sm-4 text-right text-white"><a href="#" class="text-white"><i class="fa fa-calendar"></i> Schedule</a></h5>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74.  
  75. <div class="panel-calendar p-3 mt-4">
  76. <div class="row">
  77. <div class="col-sm-12 text-center">
  78. <img src="./img/calenda.png" />
  79. </div>
  80. </div>
  81. </div>
  82.  
  83. <div class="panel-visitor p-3 mt-4">
  84. <div class="row">
  85. <div class="col-sm-8">
  86. <h2>Site Visitors</h2>
  87. </div>
  88. <div class="col-sm-4">
  89. <div class="pull-right">
  90. <div class="btn-group btn-group-toggle" data-toggle="buttons">
  91. <label class="btn btn-outline-dark text-white px-4 active">
  92. <input type="radio" name="options" id="option1" autocomplete="off" checked> <i class="fa fa-map"></i>
  93. </label>
  94. <label class="btn btn-outline-dark text-white px-4">
  95. <input type="radio" name="options" id="option2" autocomplete="off"> <i class="fa fa-bar-chart"></i>
  96. </label>
  97. <label class="btn btn-outline-dark text-white px-4">
  98. <input type="radio" name="options" id="option3" autocomplete="off"> <i class="fa fa-area-chart"></i>
  99. </label>
  100. </div>
  101. </div>
  102. </div>
  103. <div class="col-sm-12 text-center">
  104. <img src="./img/earth2-bg.png" style="width: 80%;" class="py-2" />
  105. </div>
  106. </div>
  107. </div>
  108.  
  109. <div class="row">
  110. <div class="col-sm-4">
  111. <div class="panel-feedback p-3 mt-4">
  112. <div class="row">
  113. <div class="col-sm-12 panel-feedback-header">
  114. <h4><i class="fa fa-comments"></i> Feedback</h4>
  115. </div>
  116.  
  117. <div class="col-sm-12 py-2 panel-feedback-item">
  118. <div class="row">
  119. <div class="col-sm-6">
  120. Customer's Name
  121. </div>
  122. <div class="col-sm-6 text-right">
  123. Feb 2, 2020 10:57
  124. </div>
  125. <div class="col-sm-12 mt-2">
  126. Sed vel congue mi, sagittis ultricies justo. Suspendisse gravida gravida nibh, in tincidunt arcu cursus ultricies. Morbi ac dui ac ex scelerisque pharetra.
  127. </div>
  128. </div>
  129. </div>
  130.  
  131. <div class="col-sm-12 py-2 panel-feedback-item">
  132. <div class="row">
  133. <div class="col-sm-6">
  134. Customer's Name
  135. </div>
  136. <div class="col-sm-6 text-right">
  137. Feb 2, 2020 10:57
  138. </div>
  139. <div class="col-sm-12 mt-2">
  140. Sed vel congue mi, sagittis ultricies justo. Suspendisse gravida gravida nibh, in tincidunt arcu cursus ultricies. Morbi ac dui ac ex scelerisque pharetra.
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <div class="col-sm-4">
  148. <div class="panel-activity p-3 mt-4">
  149. <div class="row">
  150. <div class="col-sm-12">
  151. <h4><i class="fa fa-calendar-o"></i> Activity</h4>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. <div class="col-sm-4">
  157. <div class="panel-staff p-3 mt-4">
  158. <div class="row">
  159. <div class="col-sm-12">
  160. <h4><i class="fa fa-users"></i> Staff</h4>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167.  
  168. <div class="col-3">
  169. <div class="row event-list">
  170. <div class="col-sm-12">
  171. <div class="row">
  172. <div class="col-sm-12">
  173. <h5 class="text-center m-0 py-3 col-sm-12">
  174. Event <i class="fa fa-search"></i>
  175. </h5>
  176. </div>
  177. </div>
  178.  
  179. <div class="row py-3 event-item active">
  180. <div class="col-10">
  181. <i class="fa fa-user"></i> lipsum
  182. </div>
  183. <div class="col-2">
  184. 10
  185. </div>
  186. <div class="col-6">
  187. <i class="fa fa-calendar"></i> Tomorrow
  188. </div>
  189. <div class="col-6">
  190. <i class="fa fa-clock-o"></i> 13:00
  191. </div>
  192. </div>
  193.  
  194. <div class="row py-3 event-item">
  195. <div class="col-10">
  196. <i class="fa fa-user"></i> lipsum
  197. </div>
  198. <div class="col-2">
  199. 15
  200. </div>
  201. <div class="col-6">
  202. <i class="fa fa-calendar"></i> Tomorrow
  203. </div>
  204. <div class="col-6">
  205. <i class="fa fa-clock-o"></i> 13:00
  206. </div>
  207. </div>
  208.  
  209. <div class="row py-3 event-item">
  210. <div class="col-10">
  211. <i class="fa fa-user"></i> lipsum
  212. </div>
  213. <div class="col-2">
  214. 15
  215. </div>
  216. <div class="col-6">
  217. <i class="fa fa-calendar"></i> Tomorrow
  218. </div>
  219. <div class="col-6">
  220. <i class="fa fa-clock-o"></i> 13:00
  221. </div>
  222. </div>
  223.  
  224. <div class="row py-3 event-item">
  225. <div class="col-10">
  226. <i class="fa fa-user"></i> lipsum
  227. </div>
  228. <div class="col-2">
  229. 15
  230. </div>
  231. <div class="col-6">
  232. <i class="fa fa-calendar"></i> Tomorrow
  233. </div>
  234. <div class="col-6">
  235. <i class="fa fa-clock-o"></i> 13:00
  236. </div>
  237. </div>
  238.  
  239. <div class="row py-3 event-item">
  240. <div class="col-10">
  241. <i class="fa fa-user"></i> lipsum
  242. </div>
  243. <div class="col-2">
  244. 15
  245. </div>
  246. <div class="col-6">
  247. <i class="fa fa-calendar"></i> Tomorrow
  248. </div>
  249. <div class="col-6">
  250. <i class="fa fa-clock-o"></i> 13:00
  251. </div>
  252. </div>
  253.  
  254. <div class="row py-3 event-item">
  255. <div class="col-10">
  256. <i class="fa fa-user"></i> lipsum
  257. </div>
  258. <div class="col-2">
  259. 15
  260. </div>
  261. <div class="col-6">
  262. <i class="fa fa-calendar"></i> Tomorrow
  263. </div>
  264. <div class="col-6">
  265. <i class="fa fa-clock-o"></i> 13:00
  266. </div>
  267. </div>
  268.  
  269. <div class="row py-3 event-item">
  270. <div class="col-10">
  271. <i class="fa fa-user"></i> lipsum
  272. </div>
  273. <div class="col-2">
  274. 15
  275. </div>
  276. <div class="col-6">
  277. <i class="fa fa-calendar"></i> Tomorrow
  278. </div>
  279. <div class="col-6">
  280. <i class="fa fa-clock-o"></i> 13:00
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  286. </div>
  287. </div>
  288. </div>
  289. </main>
  290. </div>
  291. <!-- CoreUI and necessary plugins-->
  292. <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
  293. <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  294. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
  295. </body>
  296. </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!