blank.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378
  1. <!doctype html>
  2. <!--
  3. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
  4. * @version 1.0.0-beta
  5. * @link https://tabler.io
  6. * Copyright 2018-2021 The Tabler Authors
  7. * Copyright 2018-2021 codecalm.net Paweł Kuna
  8. * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
  9. -->
  10. <html lang="en">
  11. <head>
  12. <meta charset="utf-8"/>
  13. <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
  14. <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  15. <title>Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
  16. <!-- CSS files -->
  17. <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
  18. <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
  19. <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
  20. <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
  21. <link href="./dist/css/demo.min.css" rel="stylesheet"/>
  22. </head>
  23. <body class="antialiased">
  24. <div class="page">
  25. <header class="navbar navbar-expand-md navbar-light d-print-none">
  26. <div class="container-xl">
  27. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
  28. <span class="navbar-toggler-icon"></span>
  29. </button>
  30. <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
  31. <a href=".">
  32. <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
  33. </a>
  34. </h1>
  35. <div class="navbar-nav flex-row order-md-last">
  36. <div class="nav-item dropdown d-none d-md-flex me-3">
  37. <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
  38. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
  39. <span class="badge bg-red"></span>
  40. </a>
  41. <div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
  42. <div class="card">
  43. <div class="card-body">
  44. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="nav-item dropdown">
  50. <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
  51. <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
  52. <div class="d-none d-xl-block ps-2">
  53. <div>Paweł Kuna</div>
  54. <div class="mt-1 small text-muted">UI Designer</div>
  55. </div>
  56. </a>
  57. <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
  58. <a href="#" class="dropdown-item">Set status</a>
  59. <a href="#" class="dropdown-item">Profile & account</a>
  60. <a href="#" class="dropdown-item">Feedback</a>
  61. <div class="dropdown-divider"></div>
  62. <a href="#" class="dropdown-item">Settings</a>
  63. <a href="#" class="dropdown-item">Logout</a>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </header>
  69. <div class="navbar-expand-md">
  70. <div class="collapse navbar-collapse" id="navbar-menu">
  71. <div class="navbar navbar-light">
  72. <div class="container-xl">
  73. <ul class="navbar-nav">
  74. <li class="nav-item">
  75. <a class="nav-link" href="./index.html" >
  76. <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
  77. </span>
  78. <span class="nav-link-title">
  79. Home
  80. </span>
  81. </a>
  82. </li>
  83. <li class="nav-item active dropdown">
  84. <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
  85. <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
  86. </span>
  87. <span class="nav-link-title">
  88. Interface
  89. </span>
  90. </a>
  91. <div class="dropdown-menu">
  92. <div class="dropdown-menu-columns">
  93. <div class="dropdown-menu-column">
  94. <a class="dropdown-item" href="./empty.html" >
  95. Empty page
  96. </a>
  97. <a class="dropdown-item" href="./accordion.html" >
  98. Accordion
  99. </a>
  100. <a class="dropdown-item active" href="./blank.html" >
  101. Blank page
  102. </a>
  103. <a class="dropdown-item" href="./buttons.html" >
  104. Buttons
  105. </a>
  106. <a class="dropdown-item" href="./cards.html" >
  107. Cards
  108. </a>
  109. <a class="dropdown-item" href="./cards-masonry.html" >
  110. Cards Masonry
  111. </a>
  112. <a class="dropdown-item" href="./colors.html" >
  113. Colors
  114. </a>
  115. <a class="dropdown-item" href="./dropdowns.html" >
  116. Dropdowns
  117. </a>
  118. <a class="dropdown-item" href="./icons.html" >
  119. Icons
  120. </a>
  121. <a class="dropdown-item" href="./modals.html" >
  122. Modals
  123. </a>
  124. <a class="dropdown-item" href="./maps.html" >
  125. Maps
  126. </a>
  127. <a class="dropdown-item" href="./map-fullsize.html" >
  128. Map fullsize
  129. </a>
  130. <a class="dropdown-item" href="./maps-vector.html" >
  131. Vector maps
  132. </a>
  133. <a class="dropdown-item" href="./navigation.html" >
  134. Navigation
  135. </a>
  136. </div>
  137. <div class="dropdown-menu-column">
  138. <a class="dropdown-item" href="./charts.html" >
  139. Charts
  140. </a>
  141. <a class="dropdown-item" href="./charts-heatmap.html" >
  142. Charts heatmap
  143. </a>
  144. <a class="dropdown-item" href="./pagination.html" >
  145. Pagination
  146. </a>
  147. <a class="dropdown-item" href="./skeleton.html" >
  148. Skeleton
  149. </a>
  150. <a class="dropdown-item" href="./tabs.html" >
  151. Tabs
  152. </a>
  153. <a class="dropdown-item" href="./tables.html" >
  154. Tables
  155. </a>
  156. <a class="dropdown-item" href="./carousel.html" >
  157. Carousel
  158. </a>
  159. <a class="dropdown-item" href="./lists.html" >
  160. Lists
  161. </a>
  162. <a class="dropdown-item" href="./typography.html" >
  163. Typography
  164. </a>
  165. <a class="dropdown-item" href="./page-headers.html" >
  166. Page headers
  167. </a>
  168. <a class="dropdown-item" href="./markdown.html" >
  169. Markdown
  170. </a>
  171. <div class="dropend">
  172. <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
  173. Authentication
  174. </a>
  175. <div class="dropdown-menu">
  176. <a href="./sign-in.html" class="dropdown-item">Sign in</a>
  177. <a href="./sign-up.html" class="dropdown-item">Sign up</a>
  178. <a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
  179. <a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
  180. <a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
  181. </div>
  182. </div>
  183. <div class="dropend">
  184. <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
  185. Error pages
  186. </a>
  187. <div class="dropdown-menu">
  188. <a href="./error-404.html" class="dropdown-item">404 page</a>
  189. <a href="./error-500.html" class="dropdown-item">500 page</a>
  190. <a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. </li>
  197. <li class="nav-item">
  198. <a class="nav-link" href="./form-elements.html" >
  199. <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
  200. </span>
  201. <span class="nav-link-title">
  202. Form elements
  203. </span>
  204. </a>
  205. </li>
  206. <li class="nav-item dropdown">
  207. <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
  208. <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
  209. </span>
  210. <span class="nav-link-title">
  211. Extra
  212. </span>
  213. </a>
  214. <div class="dropdown-menu">
  215. <a class="dropdown-item" href="./activity.html" >
  216. Activity
  217. </a>
  218. <a class="dropdown-item" href="./gallery.html" >
  219. Gallery
  220. </a>
  221. <a class="dropdown-item" href="./invoice.html" >
  222. Invoice
  223. </a>
  224. <a class="dropdown-item" href="./search-results.html" >
  225. Search results
  226. </a>
  227. <a class="dropdown-item" href="./pricing.html" >
  228. Pricing cards
  229. </a>
  230. <a class="dropdown-item" href="./users.html" >
  231. Users
  232. </a>
  233. <a class="dropdown-item" href="./license.html" >
  234. License
  235. </a>
  236. <a class="dropdown-item" href="./music.html" >
  237. Music
  238. </a>
  239. <a class="dropdown-item" href="./widgets.html" >
  240. Widgets
  241. </a>
  242. <a class="dropdown-item" href="./wizard.html" >
  243. Wizard
  244. </a>
  245. </div>
  246. </li>
  247. <li class="nav-item dropdown">
  248. <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
  249. <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
  250. </span>
  251. <span class="nav-link-title">
  252. Layout
  253. </span>
  254. </a>
  255. <div class="dropdown-menu">
  256. <div class="dropdown-menu-columns">
  257. <div class="dropdown-menu-column">
  258. <a class="dropdown-item" href="./layout-horizontal.html" >
  259. Horizontal
  260. </a>
  261. <a class="dropdown-item" href="./layout-vertical.html" >
  262. Vertical
  263. </a>
  264. <a class="dropdown-item" href="./layout-vertical-transparent.html" >
  265. Vertical transparent
  266. </a>
  267. <a class="dropdown-item" href="./layout-vertical-right.html" >
  268. Right vertical
  269. </a>
  270. <a class="dropdown-item" href="./layout-condensed.html" >
  271. Condensed
  272. </a>
  273. <a class="dropdown-item" href="./layout-condensed-dark.html" >
  274. Condensed dark
  275. </a>
  276. <a class="dropdown-item" href="./layout-combo.html" >
  277. Combined
  278. </a>
  279. </div>
  280. <div class="dropdown-menu-column">
  281. <a class="dropdown-item" href="./layout-navbar-dark.html" >
  282. Navbar dark
  283. </a>
  284. <a class="dropdown-item" href="./layout-navbar-sticky.html" >
  285. Navbar sticky
  286. </a>
  287. <a class="dropdown-item" href="./layout-navbar-overlap.html" >
  288. Navbar overlap
  289. </a>
  290. <a class="dropdown-item" href="./layout-dark.html" >
  291. Dark mode
  292. </a>
  293. <a class="dropdown-item" href="./layout-rtl.html" >
  294. RTL mode
  295. </a>
  296. <a class="dropdown-item" href="./layout-fluid.html" >
  297. Fluid
  298. </a>
  299. <a class="dropdown-item" href="./layout-fluid-vertical.html" >
  300. Fluid vertical
  301. </a>
  302. </div>
  303. </div>
  304. </div>
  305. </li>
  306. <li class="nav-item">
  307. <a class="nav-link" href="./docs/index.html" >
  308. <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
  309. </span>
  310. <span class="nav-link-title">
  311. Documentation
  312. </span>
  313. </a>
  314. </li>
  315. </ul>
  316. <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
  317. <form action="." method="get">
  318. <div class="input-icon">
  319. <span class="input-icon-addon">
  320. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
  321. </span>
  322. <input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
  323. </div>
  324. </form>
  325. </div>
  326. </div>
  327. </div>
  328. </div>
  329. </div>
  330. <div class="content">
  331. <div class="container-xl d-flex flex-column justify-content-center">
  332. <div class="empty">
  333. <div class="empty-img"><img src="./static/illustrations/undraw_printing_invoices_5r4r.svg" height="128" alt="">
  334. </div>
  335. <p class="empty-title">No results found</p>
  336. <p class="empty-subtitle text-muted">
  337. Try adjusting your search or filter to find what you're looking for.
  338. </p>
  339. <div class="empty-action">
  340. <a href="./." class="btn btn-primary">
  341. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
  342. Add your first client
  343. </a>
  344. </div>
  345. </div>
  346. </div>
  347. <footer class="footer footer-transparent d-print-none">
  348. <div class="container">
  349. <div class="row text-center align-items-center flex-row-reverse">
  350. <div class="col-lg-auto ms-lg-auto">
  351. <ul class="list-inline list-inline-dots mb-0">
  352. <li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
  353. <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
  354. <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
  355. </ul>
  356. </div>
  357. <div class="col-12 col-lg-auto mt-3 mt-lg-0">
  358. <ul class="list-inline list-inline-dots mb-0">
  359. <li class="list-inline-item">
  360. Copyright &copy; 2021
  361. <a href="." class="link-secondary">Tabler</a>.
  362. All rights reserved.
  363. </li>
  364. <li class="list-inline-item">
  365. <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
  366. </li>
  367. </ul>
  368. </div>
  369. </div>
  370. </div>
  371. </footer>
  372. </div>
  373. </div>
  374. <!-- Libs JS -->
  375. <!-- Tabler Core -->
  376. <script src="./dist/js/tabler.min.js"></script>
  377. </body>
  378. </html>