Главная Обзор Помощь
Вход
SMusatov
/
tabler
зеркало из https://github.com/tabler/tabler.git
1
0
Ответвить 0
Файлы
Дерево: 43e8415114
Ветки Метки
tabler
/
demo
/
all.html

all.html 56 KB
История Исходник

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061 
  1. <!doctype html>
    2. 

  2. <!--
    3. 

  3. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
    4. 

  4. * @version 1.0.0-alpha.4
    5. 

  5. * @link https://github.com/tabler/tabler
    6. 

  6. * Copyright 2018-2019 The Tabler Authors
    7. 

  7. * Copyright 2018-2019 codecalm.net Paweł Kuna
    8. 

  8. * Licensed under MIT (https://tabler.io/license)
    9. 

  9. -->
    10. 

  10. <html lang="en">
    11. 

  11.   <head>
    12. 

  12.     <meta charset="utf-8"/>
    13. 

  13.     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
    14. 

  14.     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    15. 

  15.     <title>Index - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
    16. 

  16.     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    17. 

  17.     <meta name="msapplication-TileColor" content="#206bc4"/>
    18. 

  18.     <meta name="theme-color" content="#206bc4"/>
    19. 

  19.     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    20. 

  20.     <meta name="apple-mobile-web-app-capable" content="yes"/>
    21. 

  21.     <meta name="mobile-web-app-capable" content="yes"/>
    22. 

  22.     <meta name="HandheldFriendly" content="True"/>
    23. 

  23.     <meta name="MobileOptimized" content="320"/>
    24. 

  24.     <meta name="robots" content="noindex,nofollow,noarchive"/>
    25. 

  25.     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    26. 

  26.     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
    27. 

  27.     <!-- Libs CSS -->
    28. 

  28.     <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
    29. 

  29.     <link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
    30. 

  30.     <link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
    31. 

  31.     <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
    32. 

  32.     <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
    33. 

  33.     <link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
    34. 

  34.     <link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
    35. 

  35.     <link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
    36. 

  36.     <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
    37. 

  37.     <!-- Tabler Core -->
    38. 

  38.     <link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
    39. 

  39.     <!-- Tabler Plugins -->
    40. 

  40.     <link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
    41. 

  41.     <link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
    42. 

  42.     <link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
    43. 

  43.     <link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
    44. 

  44.     <style>
    45. 

  45.       body {
    46. 

  46.       	display: none;
    47. 

  47.       }
    48. 

  48.     </style>
    49. 

  49.   </head>
    50. 

  50.   <body class="antialiased">
    51. 

  51.     <div class="page">
    52. 

  52.       <nav class="navbar navbar-expand-lg navbar-light navbar-primary" id="navbar-primary">
    53. 

  53.         <div class="container">
    54. 

  54.           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal">
    55. 

  55.             <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-large">
    56. 

  56.             <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
    57. 

  57.           </a>
    58. 

  58.           <div class="navbar-collapse collapse">
    59. 

  59.             <h6 class="navbar-heading">Navigation</h6>
    60. 

  60.             <ul class="navbar-nav">
    61. 

  61.               <li class="nav-item">
    62. 

  62.                 <a class="nav-link" href="./index.html" >
    63. 

  63.                   <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
    64. 

  64.                   </span>
    65. 

  65.                   <span class="nav-link-title">Home</span>
    66. 

  66.                 </a>
    67. 

  67.               </li>
    68. 

  68.               <li class="nav-item">
    69. 

  69.                 <a class="nav-link" href="./form-elements.html" >
    70. 

  70.                   <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
    71. 

  71.                   </span>
    72. 

  72.                   <span class="nav-link-title">Form elements</span>
    73. 

  73.                 </a>
    74. 

  74.               </li>
    75. 

  75.               <li class="nav-item">
    76. 

  76.                 <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
    77. 

  77. 			   aria-expanded="false" >
    78. 

  78.                   <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
    79. 

  79.                   </span>
    80. 

  80.                   <span class="nav-link-title">Base</span>
    81. 

  81.                 </a>
    82. 

  82.                 <ul class="dropdown-menu dropdown-menu-arrow dropdown-menu-columns  dropdown-menu-columns-2">
    83. 

  83.                   <li >
    84. 

  84.                     <a class="dropdown-item" href="./empty.html" >
    85. 

  85.                       Empty page
    86. 

  86.                     </a>
    87. 

  87.                   </li>
    88. 

  88.                   <li >
    89. 

  89.                     <a class="dropdown-item" href="./blank.html" >
    90. 

  90.                       Blank page
    91. 

  91.                     </a>
    92. 

  92.                   </li>
    93. 

  93.                   <li >
    94. 

  94.                     <a class="dropdown-item" href="./buttons.html" >
    95. 

  95.                       Buttons
    96. 

  96.                     </a>
    97. 

  97.                   </li>
    98. 

  98.                   <li >
    99. 

  99.                     <a class="dropdown-item" href="./cards.html" >
    100. 

  100.                       Cards
    101. 

  101.                     </a>
    102. 

  102.                   </li>
    103. 

  103.                   <li >
    104. 

  104.                     <a class="dropdown-item" href="./modals.html" >
    105. 

  105.                       Modals
    106. 

  106.                     </a>
    107. 

  107.                   </li>
    108. 

  108.                   <li >
    109. 

  109.                     <a class="dropdown-item" href="./maps.html" >
    110. 

  110.                       Maps
    111. 

  111.                     </a>
    112. 

  112.                   </li>
    113. 

  113.                   <li >
    114. 

  114.                     <a class="dropdown-item" href="./maps-vector.html" >
    115. 

  115.                       Vector maps
    116. 

  116.                     </a>
    117. 

  117.                   </li>
    118. 

  118.                   <li >
    119. 

  119.                     <a class="dropdown-item" href="./charts.html" >
    120. 

  120.                       Charts
    121. 

  121.                     </a>
    122. 

  122.                   </li>
    123. 

  123.                   <li >
    124. 

  124.                     <a class="dropdown-item" href="./datatables.html" >
    125. 

  125.                       Data Tables
    126. 

  126.                     </a>
    127. 

  127.                   </li>
    128. 

  128.                   <li >
    129. 

  129.                     <a class="dropdown-item" href="./calendar.html" >
    130. 

  130.                       Calendar
    131. 

  131.                     </a>
    132. 

  132.                   </li>
    133. 

  133.                   <li >
    134. 

  134.                     <a class="dropdown-item" href="./carousel.html" >
    135. 

  135.                       Carousel
    136. 

  136.                     </a>
    137. 

  137.                   </li>
    138. 

  138.                   <li >
    139. 

  139.                     <a class="dropdown-item" href="./lists.html" >
    140. 

  140.                       Lists
    141. 

  141.                     </a>
    142. 

  142.                   </li>
    143. 

  143.                   <li >
    144. 

  144.                     <a class="dropdown-item" href="./users.html" >
    145. 

  145.                       Users
    146. 

  146.                     </a>
    147. 

  147.                   </li>
    148. 

  148.                   <li >
    149. 

  149.                     <a class="dropdown-item" href="./gallery.html" >
    150. 

  150.                       Gallery
    151. 

  151.                     </a>
    152. 

  152.                   </li>
    153. 

  153.                   <li >
    154. 

  154.                     <a class="dropdown-item" href="./profile.html" >
    155. 

  155.                       Profile
    156. 

  156.                     </a>
    157. 

  157.                   </li>
    158. 

  158.                   <li >
    159. 

  159.                     <a class="dropdown-item" href="./music.html" >
    160. 

  160.                       Music
    161. 

  161.                     </a>
    162. 

  162.                   </li>
    163. 

  163.                   <li class="dropright">
    164. 

  164.                     <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
    165. 

  165.                       Authentication
    166. 

  166.                     </a>
    167. 

  167.                     <div class="dropdown-menu">
    168. 

  168.                       <a href="./sign-in.html" class="dropdown-item">Sign in</a>
    169. 

  169.                       <a href="./sign-up.html" class="dropdown-item">Sign up</a>
    170. 

  170.                       <a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
    171. 

  171.                       <a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
    172. 

  172.                     </div>
    173. 

  173.                   </li>
    174. 

  174.                   <li class="dropright">
    175. 

  175.                     <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
    176. 

  176.                       Error pages
    177. 

  177.                     </a>
    178. 

  178.                     <div class="dropdown-menu">
    179. 

  179.                       <a href="./400.html" class="dropdown-item">400 page</a>
    180. 

  180.                       <a href="./401.html" class="dropdown-item">401 page</a>
    181. 

  181.                       <a href="./403.html" class="dropdown-item">403 page</a>
    182. 

  182.                       <a href="./404.html" class="dropdown-item">404 page</a>
    183. 

  183.                       <a href="./500.html" class="dropdown-item">500 page</a>
    184. 

  184.                       <a href="./503.html" class="dropdown-item">503 page</a>
    185. 

  185.                       <a href="./maintenance.html" class="dropdown-item">Maintenance page</a>
    186. 

  186.                     </div>
    187. 

  187.                   </li>
    188. 

  188.                 </ul>
    189. 

  189.               </li>
    190. 

  190.               <li class="nav-item">
    191. 

  191.                 <a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button"
    192. 

  192. 			   aria-expanded="false" >
    193. 

  193.                   <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
    194. 

  194.                   </span>
    195. 

  195.                   <span class="nav-link-title">Extra</span>
    196. 

  196.                 </a>
    197. 

  197.                 <ul class="dropdown-menu dropdown-menu-arrow">
    198. 

  198.                   <li >
    199. 

  199.                     <a class="dropdown-item" href="./invoice.html" >
    200. 

  200.                       Invoice
    201. 

  201.                     </a>
    202. 

  202.                   </li>
    203. 

  203.                   <li >
    204. 

  204.                     <a class="dropdown-item" href="./blog.html" >
    205. 

  205.                       Blog cards
    206. 

  206.                     </a>
    207. 

  207.                   </li>
    208. 

  208.                   <li >
    209. 

  209.                     <a class="dropdown-item" href="./snippets.html" >
    210. 

  210.                       Snippets
    211. 

  211.                     </a>
    212. 

  212.                   </li>
    213. 

  213.                   <li >
    214. 

  214.                     <a class="dropdown-item" href="./search-results.html" >
    215. 

  215.                       Search results
    216. 

  216.                     </a>
    217. 

  217.                   </li>
    218. 

  218.                   <li >
    219. 

  219.                     <a class="dropdown-item" href="./pricing.html" >
    220. 

  220.                       Pricing cards
    221. 

  221.                     </a>
    222. 

  222.                   </li>
    223. 

  223.                 </ul>
    224. 

  224.               </li>
    225. 

  225.               <li class="nav-item">
    226. 

  226.                 <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
    227. 

  227. 			   aria-expanded="false" >
    228. 

  228.                   <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
    229. 

  229.                   </span>
    230. 

  230.                   <span class="nav-link-title">Docs</span>
    231. 

  231.                 </a>
    232. 

  232.                 <ul class="dropdown-menu dropdown-menu-arrow dropdown-menu-columns  dropdown-menu-columns-3">
    233. 

  233.                   <li >
    234. 

  234.                     <a class="dropdown-item" href="./docs/index.html" >
    235. 

  235.                       Introduction
    236. 

  236.                     </a>
    237. 

  237.                   </li>
    238. 

  238.                   <li >
    239. 

  239.                     <a class="dropdown-item" href="./docs/alerts.html" >
    240. 

  240.                       Alerts
    241. 

  241.                     </a>
    242. 

  242.                   </li>
    243. 

  243.                   <li >
    244. 

  244.                     <a class="dropdown-item" href="./docs/autosize.html" >
    245. 

  245.                       Autosize
    246. 

  246.                     </a>
    247. 

  247.                   </li>
    248. 

  248.                   <li >
    249. 

  249.                     <a class="dropdown-item" href="./docs/avatars.html" >
    250. 

  250.                       Avatars
    251. 

  251.                     </a>
    252. 

  252.                   </li>
    253. 

  253.                   <li >
    254. 

  254.                     <a class="dropdown-item" href="./docs/badges.html" >
    255. 

  255.                       Badges
    256. 

  256.                     </a>
    257. 

  257.                   </li>
    258. 

  258.                   <li >
    259. 

  259.                     <a class="dropdown-item" href="./docs/breadcrumb.html" >
    260. 

  260.                       Breadcrumb
    261. 

  261.                     </a>
    262. 

  262.                   </li>
    263. 

  263.                   <li >
    264. 

  264.                     <a class="dropdown-item" href="./docs/buttons.html" >
    265. 

  265.                       Buttons
    266. 

  266.                     </a>
    267. 

  267.                   </li>
    268. 

  268.                   <li >
    269. 

  269.                     <a class="dropdown-item" href="./docs/cards.html" >
    270. 

  270.                       Cards
    271. 

  271.                     </a>
    272. 

  272.                   </li>
    273. 

  273.                   <li >
    274. 

  274.                     <a class="dropdown-item" href="./docs/carousel.html" >
    275. 

  275.                       Carousel
    276. 

  276.                     </a>
    277. 

  277.                   </li>
    278. 

  278.                   <li >
    279. 

  279.                     <a class="dropdown-item" href="./docs/colors.html" >
    280. 

  280.                       Colors
    281. 

  281.                     </a>
    282. 

  282.                   </li>
    283. 

  283.                   <li >
    284. 

  284.                     <a class="dropdown-item" href="./docs/countup.html" >
    285. 

  285.                       Countup
    286. 

  286.                     </a>
    287. 

  287.                   </li>
    288. 

  288.                   <li >
    289. 

  289.                     <a class="dropdown-item" href="./docs/cursors.html" >
    290. 

  290.                       Cursors
    291. 

  291.                     </a>
    292. 

  292.                   </li>
    293. 

  293.                   <li >
    294. 

  294.                     <a class="dropdown-item" href="./docs/charts.html" >
    295. 

  295.                       Charts
    296. 

  296.                     </a>
    297. 

  297.                   </li>
    298. 

  298.                   <li >
    299. 

  299.                     <a class="dropdown-item" href="./docs/dropdowns.html" >
    300. 

  300.                       Dropdowns
    301. 

  301.                     </a>
    302. 

  302.                   </li>
    303. 

  303.                   <li >
    304. 

  304.                     <a class="dropdown-item" href="./docs/divider.html" >
    305. 

  305.                       Divider
    306. 

  306.                     </a>
    307. 

  307.                   </li>
    308. 

  308.                   <li >
    309. 

  309.                     <a class="dropdown-item" href="./docs/empty.html" >
    310. 

  310.                       Empty states
    311. 

  311.                     </a>
    312. 

  312.                   </li>
    313. 

  313.                   <li >
    314. 

  314.                     <a class="dropdown-item" href="./docs/flags.html" >
    315. 

  315.                       Flags
    316. 

  316.                     </a>
    317. 

  317.                   </li>
    318. 

  318.                   <li >
    319. 

  319.                     <a class="dropdown-item" href="./docs/form-elements.html" >
    320. 

  320.                       Form elements
    321. 

  321.                     </a>
    322. 

  322.                   </li>
    323. 

  323.                   <li >
    324. 

  324.                     <a class="dropdown-item" href="./docs/form-helpers.html" >
    325. 

  325.                       Form helpers
    326. 

  326.                     </a>
    327. 

  327.                   </li>
    328. 

  328.                   <li >
    329. 

  329.                     <a class="dropdown-item" href="./docs/input-mask.html" >
    330. 

  330.                       Form input mask
    331. 

  331.                     </a>
    332. 

  332.                   </li>
    333. 

  333.                   <li >
    334. 

  334.                     <a class="dropdown-item" href="./docs/modals.html" >
    335. 

  335.                       Modals
    336. 

  336.                     </a>
    337. 

  337.                   </li>
    338. 

  338.                   <li >
    339. 

  339.                     <a class="dropdown-item" href="./docs/progress.html" >
    340. 

  340.                       Progress
    341. 

  341.                     </a>
    342. 

  342.                   </li>
    343. 

  343.                   <li >
    344. 

  344.                     <a class="dropdown-item" href="./docs/payments.html" >
    345. 

  345.                       Payments
    346. 

  346.                     </a>
    347. 

  347.                   </li>
    348. 

  348.                   <li >
    349. 

  349.                     <a class="dropdown-item" href="./docs/range-slider.html" >
    350. 

  350.                       Range slider
    351. 

  351.                     </a>
    352. 

  352.                   </li>
    353. 

  353.                   <li >
    354. 

  354.                     <a class="dropdown-item" href="./docs/ribbons.html" >
    355. 

  355.                       Ribbons
    356. 

  356.                     </a>
    357. 

  357.                   </li>
    358. 

  358.                   <li >
    359. 

  359.                     <a class="dropdown-item" href="./docs/spinners.html" >
    360. 

  360.                       Spinners
    361. 

  361.                     </a>
    362. 

  362.                   </li>
    363. 

  363.                   <li >
    364. 

  364.                     <a class="dropdown-item" href="./docs/steps.html" >
    365. 

  365.                       Steps
    366. 

  366.                     </a>
    367. 

  367.                   </li>
    368. 

  368.                   <li >
    369. 

  369.                     <a class="dropdown-item" href="./docs/tables.html" >
    370. 

  370.                       Tables
    371. 

  371.                     </a>
    372. 

  372.                   </li>
    373. 

  373.                   <li >
    374. 

  374.                     <a class="dropdown-item" href="./docs/tabs.html" >
    375. 

  375.                       Tabs
    376. 

  376.                     </a>
    377. 

  377.                   </li>
    378. 

  378.                   <li >
    379. 

  379.                     <a class="dropdown-item" href="./docs/timelines.html" >
    380. 

  380.                       Timelines
    381. 

  381.                     </a>
    382. 

  382.                   </li>
    383. 

  383.                   <li >
    384. 

  384.                     <a class="dropdown-item" href="./docs/toasts.html" >
    385. 

  385.                       Toasts
    386. 

  386.                     </a>
    387. 

  387.                   </li>
    388. 

  388.                   <li >
    389. 

  389.                     <a class="dropdown-item" href="./docs/tooltips.html" >
    390. 

  390.                       Tooltips
    391. 

  391.                     </a>
    392. 

  392.                   </li>
    393. 

  393.                   <li >
    394. 

  394.                     <a class="dropdown-item" href="./docs/typography.html" >
    395. 

  395.                       Typography
    396. 

  396.                     </a>
    397. 

  397.                   </li>
    398. 

  398.                 </ul>
    399. 

  399.               </li>
    400. 

  400.               <li class="nav-item d-none-navbar-vertical">
    401. 

  401.                 <a href="#" class="nav-link" data-toggle="modal" data-target="#modal-customize">
    402. 

  402.                   <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="4" y1="21" x2="4" y2="14"></line><line x1="4" y1="10" x2="4" y2="3"></line><line x1="12" y1="21" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="3"></line><line x1="20" y1="21" x2="20" y2="16"></line><line x1="20" y1="12" x2="20" y2="3"></line><line x1="1" y1="14" x2="7" y2="14"></line><line x1="9" y1="8" x2="15" y2="8"></line><line x1="17" y1="16" x2="23" y2="16"></line></svg>
    403. 

  403.                   </span>
    404. 

  404.                   <span class="nav-link-title">Customize</span>
    405. 

  405.                 </a>
    406. 

  406.               </li>
    407. 

  407.             </ul>
    408. 

  408.             <h6 class="navbar-heading mt-4">Tools</h6>
    409. 

  409.             <div class="navbar-side">
    410. 

  410.               <div class="d-none d-xl-block ml-auto d-none-navbar-vertical-narrow">
    411. 

  411.                 <form action="." method="get">
    412. 

  412.                   <div class="input-icon">
    413. 

  413.                     <span class="input-icon-addon">
    414. 

  414.                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
    415. 

  415.                     </span>
    416. 

  416.                     <input type="text" class="form-control" placeholder="Search…">
    417. 

  417.                   </div>
    418. 

  418.                 </form>
    419. 

  419.               </div>
    420. 

  420.               <a href="#" class="btn btn-primary d-none-navbar-horizontal d-none-navbar-vertical-narrow btn-block" data-toggle="modal" data-target="#modal-customize">
    421. 

  421.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="4" y1="21" x2="4" y2="14"></line><line x1="4" y1="10" x2="4" y2="3"></line><line x1="12" y1="21" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="3"></line><line x1="20" y1="21" x2="20" y2="16"></line><line x1="20" y1="12" x2="20" y2="3"></line><line x1="1" y1="14" x2="7" y2="14"></line><line x1="9" y1="8" x2="15" y2="8"></line><line x1="17" y1="16" x2="23" y2="16"></line></svg>
    422. 

  422.                 Customize
    423. 

  423.               </a>
    424. 

  424.               <a href="#" class="btn btn-primary d-none-navbar-horizontal d-none-navbar-vertical-wide btn-block btn-icon" data-toggle="modal" data-target="#modal-customize" aria-label="Button">
    425. 

  425.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="4" y1="21" x2="4" y2="14"></line><line x1="4" y1="10" x2="4" y2="3"></line><line x1="12" y1="21" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="3"></line><line x1="20" y1="21" x2="20" y2="16"></line><line x1="20" y1="12" x2="20" y2="3"></line><line x1="1" y1="14" x2="7" y2="14"></line><line x1="9" y1="8" x2="15" y2="8"></line><line x1="17" y1="16" x2="23" y2="16"></line></svg>
    426. 

  426.               </a>
    427. 

  427.             </div>
    428. 

  428.           </div>
    429. 

  429.         </div>
    430. 

  430.       </nav>
    431. 

  431.       <nav class="navbar navbar-light navbar-secondary navbar-expand" id="navbar-secondary">
    432. 

  432.         <div class="container">
    433. 

  433.           <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-vertical">
    434. 

  434.             <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-large">
    435. 

  435.             <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
    436. 

  436.           </a>
    437. 

  437.           <form class="form-inline w-50 mr-4 d-none d-md-flex">
    438. 

  438.             <div class="input-icon w-100">
    439. 

  439.               <span class="input-icon-addon">
    440. 

  440.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
    441. 

  441.               </span>
    442. 

  442.               <input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
    443. 

  443.             </div>
    444. 

  444.           </form>
    445. 

  445.           <ul class="navbar-nav ml-auto">
    446. 

  446.             <li class="nav-item dropdown">
    447. 

  447.               <a href="#" class="nav-link px-0" data-toggle="dropdown">
    448. 

  448.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
    449. 

  449.               </a>
    450. 

  450.               <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
    451. 

  451.                 <a class="dropdown-item" href="#">
    452. 

  452.                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-item-icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
    453. 

  453.                   Action
    454. 

  454.                 </a>
    455. 

  455.                 <a class="dropdown-item" href="#">
    456. 

  456.                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-item-icon"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
    457. 

  457.                   Another action
    458. 

  458.                 </a>
    459. 

  459.                 <div class="dropdown-divider"></div>
    460. 

  460.                 <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-item-icon"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
    461. 

  461.                   Separated link</a>
    462. 

  462.               </div>
    463. 

  463.             </li>
    464. 

  464.             <li class="nav-item dropdown">
    465. 

  465.               <a href="#" class="nav-link" data-toggle="dropdown">
    466. 

  466.                 <span class="flag flag-country-us mr-1"></span>
    467. 

  467.                 <span class="d-none d-lg-inline">English</span>
    468. 

  468.               </a>
    469. 

  469.               <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
    470. 

  470.                 <a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
    471. 

  471.                   German</a>
    472. 

  472.                 <a href="#" class="dropdown-item"><span class="flag flag-country-pl mr-1"></span>
    473. 

  473.                   Polish</a>
    474. 

  474.                 <a href="#" class="dropdown-item"><span class="flag flag-country-jp mr-1"></span>
    475. 

  475.                   Japan</a>
    476. 

  476.                 <a href="#" class="dropdown-item"><span class="flag flag-country-ru mr-1"></span>
    477. 

  477.                   Russian</a>
    478. 

  478.               </div>
    479. 

  479.             </li>
    480. 

  480.             <li class="nav-item dropdown">
    481. 

  481.               <a href="#" class="nav-link" data-toggle="dropdown">
    482. 

  482.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>
    483. 

  483.               </a>
    484. 

  484.               <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow dropdown-menu-card" style="max-width: 20rem;">
    485. 

  485.                 <div class="card">
    486. 

  486.                   <div class="card-body">
    487. 

  487.                     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.
    488. 

  488.                   </div>
    489. 

  489.                 </div>
    490. 

  490.               </div>
    491. 

  491.             </li>
    492. 

  492.             <li class="nav-item dropdown pl-2">
    493. 

  493.               <a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
    494. 

  494.                 <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
    495. 

  495.                 <div class="d-none d-lg-block pl-2">
    496. 

  496.                   <div>Paweł Kuna</div>
    497. 

  497.                   <div class="mt-1 small text-muted">Founder</div>
    498. 

  498.                 </div>
    499. 

  499.               </a>
    500. 

  500.               <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
    501. 

  501.                 <a class="dropdown-item" href="#">
    502. 

  502.                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-item-icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
    503. 

  503.                   Action
    504. 

  504.                 </a>
    505. 

  505.                 <a class="dropdown-item" href="#">
    506. 

  506.                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-item-icon"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
    507. 

  507.                   Another action
    508. 

  508.                 </a>
    509. 

  509.                 <div class="dropdown-divider"></div>
    510. 

  510.                 <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-item-icon"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
    511. 

  511.                   Separated link</a>
    512. 

  512.               </div>
    513. 

  513.             </li>
    514. 

  514.           </ul>
    515. 

  515.         </div>
    516. 

  516.       </nav>
    517. 

  517.       <div class="content">
    518. 

  518.         <div class="container">
    519. 

  519.           <!-- Page title -->
    520. 

  520.           <div class="page-header">
    521. 

  521.             <div class="row align-items-center">
    522. 

  522.               <div class="col-auto">
    523. 

  523.                 <h2 class="page-title">
    524. 

  524.                   Index
    525. 

  525.                 </h2>
    526. 

  526.               </div>
    527. 

  527.             </div>
    528. 

  528.           </div>
    529. 

  529.           <div class="row row justify-content-center mt-3 mt-lg-5">
    530. 

  530.             <div class="col-lg-6 col-xl-5">
    531. 

  531.               <div class="card">
    532. 

  532.                 <div class="card-header">
    533. 

  533.                   <h2 class="card-title">
    534. 

  534.                     All pages
    535. 

  535.                   </h2>
    536. 

  536.                 </div>
    537. 

  537.                 <div class="card-body">
    538. 

  538.                   <ul>
    539. 

  539.                     <li>
    540. 

  540.                       <a href="/redirects.json">
    541. 

  541.                         redirects.json
    542. 

  542.                       </a>
    543. 

  543.                     </li>
    544. 

  544.                     <li>
    545. 

  545.                       <a href="/components/index.html">
    546. 

  546.                         redirect.html
    547. 

  547.                       </a>
    548. 

  548.                     </li>
    549. 

  549.                     <li>
    550. 

  550.                       <a href="/welcome.html">
    551. 

  551.                         welcome.html
    552. 

  552.                       </a>
    553. 

  553.                     </li>
    554. 

  554.                     <li>
    555. 

  555.                       <a href="/tmp.html">
    556. 

  556.                         tmp.html
    557. 

  557.                       </a>
    558. 

  558.                     </li>
    559. 

  559.                     <li>
    560. 

  560.                       <a href="/tmp-dark.html">
    561. 

  561.                         tmp-dark.html
    562. 

  562.                       </a>
    563. 

  563.                     </li>
    564. 

  564.                     <li>
    565. 

  565.                       <a href="/terms-of-service.html">
    566. 

  566.                         terms-of-service.html
    567. 

  567.                       </a>
    568. 

  568.                     </li>
    569. 

  569.                     <li>
    570. 

  570.                       <a href="/sitemap.xml">
    571. 

  571.                         sitemap.xml
    572. 

  572.                       </a>
    573. 

  573.                     </li>
    574. 

  574.                     <li>
    575. 

  575.                       <a href="/search-results.html">
    576. 

  576.                         search-results.html
    577. 

  577.                       </a>
    578. 

  578.                     </li>
    579. 

  579.                     <li>
    580. 

  580.                       <a href="/blank.html">
    581. 

  581.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    582. 

  582.                         Blank page
    583. 

  583.                       </a>
    584. 

  584.                     </li>
    585. 

  585.                     <li>
    586. 

  586.                       <a href="/blog.html">
    587. 

  587.                         Blog
    588. 

  588.                       </a>
    589. 

  589.                     </li>
    590. 

  590.                     <li>
    591. 

  591.                       <a href="/buttons.html">
    592. 

  592.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    593. 

  593.                         Buttons
    594. 

  594.                       </a>
    595. 

  595.                     </li>
    596. 

  596.                     <li>
    597. 

  597.                       <a href="/calendar.html">
    598. 

  598.                         Calendar
    599. 

  599.                       </a>
    600. 

  600.                     </li>
    601. 

  601.                     <li>
    602. 

  602.                       <a href="/cards.html">
    603. 

  603.                         Cards
    604. 

  604.                       </a>
    605. 

  605.                     </li>
    606. 

  606.                     <li>
    607. 

  607.                       <a href="/carousel.html">
    608. 

  608.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    609. 

  609.                         Carousel
    610. 

  610.                       </a>
    611. 

  611.                     </li>
    612. 

  612.                     <li>
    613. 

  613.                       <a href="/changelog.html">
    614. 

  614.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    615. 

  615.                         Changelog
    616. 

  616.                       </a>
    617. 

  617.                     </li>
    618. 

  618.                     <li>
    619. 

  619.                       <a href="/charts.html">
    620. 

  620.                         Charts
    621. 

  621.                       </a>
    622. 

  622.                     </li>
    623. 

  623.                     <li>
    624. 

  624.                       <a href="/crypto-currencies.html">
    625. 

  625.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    626. 

  626.                         Crypto currencies
    627. 

  627.                       </a>
    628. 

  628.                     </li>
    629. 

  629.                     <li>
    630. 

  630.                       <a href="/datatables.html">
    631. 

  631.                         Data Tables
    632. 

  632.                       </a>
    633. 

  633.                     </li>
    634. 

  634.                     <li>
    635. 

  635.                       <a href="/docs.html">
    636. 

  636.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    637. 

  637.                         Documentation
    638. 

  638.                       </a>
    639. 

  639.                     </li>
    640. 

  640.                     <li>
    641. 

  641.                       <a href="/dropdowns.html">
    642. 

  642.                         Dropdowns
    643. 

  643.                       </a>
    644. 

  644.                     </li>
    645. 

  645.                     <li>
    646. 

  646.                       <a href="/email.html">
    647. 

  647.                         Email
    648. 

  648.                       </a>
    649. 

  649.                     </li>
    650. 

  650.                     <li>
    651. 

  651.                       <a href="/empty.html">
    652. 

  652.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    653. 

  653.                         Empty page
    654. 

  654.                       </a>
    655. 

  655.                     </li>
    656. 

  656.                     <li>
    657. 

  657.                       <a href="/flags.html">
    658. 

  658.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    659. 

  659.                         Flags
    660. 

  660.                       </a>
    661. 

  661.                     </li>
    662. 

  662.                     <li>
    663. 

  663.                       <a href="/forgot-password.html">
    664. 

  664.                         Forgot password
    665. 

  665.                       </a>
    666. 

  666.                     </li>
    667. 

  667.                     <li>
    668. 

  668.                       <a href="/form-elements.html">
    669. 

  669.                         Form elements
    670. 

  670.                       </a>
    671. 

  671.                     </li>
    672. 

  672.                     <li>
    673. 

  673.                       <a href="/gallery.html">
    674. 

  674.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    675. 

  675.                         Gallery
    676. 

  676.                       </a>
    677. 

  677.                     </li>
    678. 

  678.                     <li>
    679. 

  679.                       <a href="/charts-heatmap.html">
    680. 

  680.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    681. 

  681.                         Heatmap Charts
    682. 

  682.                       </a>
    683. 

  683.                     </li>
    684. 

  684.                     <li>
    685. 

  685.                       <a href="/icons.html">
    686. 

  686.                         Icons
    687. 

  687.                       </a>
    688. 

  688.                     </li>
    689. 

  689.                     <li>
    690. 

  690.                       <a href="/all.html">
    691. 

  691.                         Index
    692. 

  692.                       </a>
    693. 

  693.                     </li>
    694. 

  694.                     <li>
    695. 

  695.                       <a href="/invoice.html">
    696. 

  696.                         Invoice
    697. 

  697.                       </a>
    698. 

  698.                     </li>
    699. 

  699.                     <li>
    700. 

  700.                       <a href="/lists.html">
    701. 

  701.                         Lists
    702. 

  702.                       </a>
    703. 

  703.                     </li>
    704. 

  704.                     <li>
    705. 

  705.                       <a href="/lookup.html">
    706. 

  706.                         Lookup company
    707. 

  707.                       </a>
    708. 

  708.                     </li>
    709. 

  709.                     <li>
    710. 

  710.                       <a href="/maintenance.html">
    711. 

  711.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    712. 

  712.                         Maintenance mode
    713. 

  713.                       </a>
    714. 

  714.                     </li>
    715. 

  715.                     <li>
    716. 

  716.                       <a href="/maps.html">
    717. 

  717.                         Maps
    718. 

  718.                       </a>
    719. 

  719.                     </li>
    720. 

  720.                     <li>
    721. 

  721.                       <a href="/markdown.html">
    722. 

  722.                         Markdown
    723. 

  723.                       </a>
    724. 

  724.                     </li>
    725. 

  725.                     <li>
    726. 

  726.                       <a href="/modals.html">
    727. 

  727.                         Modals
    728. 

  728.                       </a>
    729. 

  729.                     </li>
    730. 

  730.                     <li>
    731. 

  731.                       <a href="/music.html">
    732. 

  732.                         Music components
    733. 

  733.                       </a>
    734. 

  734.                     </li>
    735. 

  735.                     <li>
    736. 

  736.                       <a href="/400.html">
    737. 

  737.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    738. 

  738.                         Page 400
    739. 

  739.                       </a>
    740. 

  740.                     </li>
    741. 

  741.                     <li>
    742. 

  742.                       <a href="/401.html">
    743. 

  743.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    744. 

  744.                         Page 401
    745. 

  745.                       </a>
    746. 

  746.                     </li>
    747. 

  747.                     <li>
    748. 

  748.                       <a href="/403.html">
    749. 

  749.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    750. 

  750.                         Page 403
    751. 

  751.                       </a>
    752. 

  752.                     </li>
    753. 

  753.                     <li>
    754. 

  754.                       <a href="/404.html">
    755. 

  755.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    756. 

  756.                         Page 404
    757. 

  757.                       </a>
    758. 

  758.                     </li>
    759. 

  759.                     <li>
    760. 

  760.                       <a href="/500.html">
    761. 

  761.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    762. 

  762.                         Page 500
    763. 

  763.                       </a>
    764. 

  764.                     </li>
    765. 

  765.                     <li>
    766. 

  766.                       <a href="/503.html">
    767. 

  767.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    768. 

  768.                         Page 503
    769. 

  769.                       </a>
    770. 

  770.                     </li>
    771. 

  771.                     <li>
    772. 

  772.                       <a href="/pagination.html">
    773. 

  773.                         Pagination
    774. 

  774.                       </a>
    775. 

  775.                     </li>
    776. 

  776.                     <li>
    777. 

  777.                       <a href="/pricing.html">
    778. 

  778.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    779. 

  779.                         Pricing cards
    780. 

  780.                       </a>
    781. 

  781.                     </li>
    782. 

  782.                     <li>
    783. 

  783.                       <a href="/profile.html">
    784. 

  784.                         Profile
    785. 

  785.                       </a>
    786. 

  786.                     </li>
    787. 

  787.                     <li>
    788. 

  788.                       <a href="/rtl.html">
    789. 

  789.                         RTL mode
    790. 

  790.                       </a>
    791. 

  791.                     </li>
    792. 

  792.                     <li>
    793. 

  793.                       <a href="/ribbons.html">
    794. 

  794.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    795. 

  795.                         Ribbons
    796. 

  796.                       </a>
    797. 

  797.                     </li>
    798. 

  798.                     <li>
    799. 

  799.                       <a href="/sign-in.html">
    800. 

  800.                         Sign in
    801. 

  801.                       </a>
    802. 

  802.                     </li>
    803. 

  803.                     <li>
    804. 

  804.                       <a href="/sign-up.html">
    805. 

  805.                         Sign up
    806. 

  806.                       </a>
    807. 

  807.                     </li>
    808. 

  808.                     <li>
    809. 

  809.                       <a href="/snippets.html">
    810. 

  810.                         Snippets
    811. 

  811.                       </a>
    812. 

  812.                     </li>
    813. 

  813.                     <li>
    814. 

  814.                       <a href="/social.html">
    815. 

  815.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    816. 

  816.                         Social elements
    817. 

  817.                       </a>
    818. 

  818.                     </li>
    819. 

  819.                     <li>
    820. 

  820.                       <a href="/store.html">
    821. 

  821.                         Store
    822. 

  822.                       </a>
    823. 

  823.                     </li>
    824. 

  824.                     <li>
    825. 

  825.                       <a href="/components.html">
    826. 

  826.                         Table UI components
    827. 

  827.                       </a>
    828. 

  828.                     </li>
    829. 

  829.                     <li>
    830. 

  830.                       <a href="/tabs.html">
    831. 

  831.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    832. 

  832.                         Tabs
    833. 

  833.                       </a>
    834. 

  834.                     </li>
    835. 

  835.                     <li>
    836. 

  836.                       <a href="/typography.html">
    837. 

  837.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    838. 

  838.                         Typography
    839. 

  839.                       </a>
    840. 

  840.                     </li>
    841. 

  841.                     <li>
    842. 

  842.                       <a href="/users.html">
    843. 

  843.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
    844. 

  844.                         Users list
    845. 

  845.                       </a>
    846. 

  846.                     </li>
    847. 

  847.                     <li>
    848. 

  848.                       <a href="/maps-vector.html">
    849. 

  849.                         Vector Maps
    850. 

  850.                       </a>
    851. 

  851.                     </li>
    852. 

  852.                   </ul>
    853. 

  853.                 </div>
    854. 

  854.               </div>
    855. 

  855.             </div>
    856. 

  856.           </div>
    857. 

  857.         </div>
    858. 

  858.         <footer class="footer footer-transparent">
    859. 

  859.           <div class="container">
    860. 

  860.             <div class="row text-center align-items-center flex-row-reverse">
    861. 

  861.               <div class="col-lg-auto ml-lg-auto">
    862. 

  862.                 <ul class="list-inline list-inline-dots mb-0">
    863. 

  863.                   <li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
    864. 

  864.                   <li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
    865. 

  865.                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
    866. 

  866.                 </ul>
    867. 

  867.               </div>
    868. 

  868.               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
    869. 

  869.                 Copyright © 2020
    870. 

  870.                 <a href="." class="link-secondary">Tabler</a>.
    871. 

  871.                 All rights reserved.
    872. 

  872.               </div>
    873. 

  873.             </div>
    874. 

  874.           </div>
    875. 

  875.         </footer>
    876. 

  876.       </div>
    877. 

  877.     </div>
    878. 

  878.     <div class="modal modal-blur fade" id="modal-customize" tabindex="-1" role="dialog" aria-hidden="true">
    879. 

  879.       <div class="modal-dialog" role="document">
    880. 

  880.         <div class="modal-content">
    881. 

  881.           <div class="modal-header">
    882. 

  882.             <h5 class="modal-title">Customize Tabler</h5>
    883. 

  883.             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
    884. 

  884.               <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
    885. 

  885.             </button>
    886. 

  886.           </div>
    887. 

  887.           <div class="modal-body">
    888. 

  888.             <p class="text-muted">Set preferences that will be saved for your live preview.</p>
    889. 

  889.             <div class="mb-3">
    890. 

  890.               <label class="form-label">Color scheme</label>
    891. 

  891.               <div class="form-hint">Light or dark presentation.</div>
    892. 

  892.               <div class="btn-group w-100">
    893. 

  893.                 <button class="btn btn-secondary" data-theme-toggle="theme:light"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
    894. 

  894.                   Light</button>
    895. 

  895.                 <button class="btn btn-secondary" data-theme-toggle="theme:dark"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
    896. 

  896.                   Dark</button>
    897. 

  897.               </div>
    898. 

  898.             </div>
    899. 

  899.             <div class="mb-4 text-muted">
    900. 

  900.               You can use the <code>.theme-dark-auto</code> class to automatically adjust the color version to the system settings.
    901. 

  901.             </div>
    902. 

  902.             <div class="mb-3">
    903. 

  903.               <label class="form-label">Navigation position</label>
    904. 

  904.               <div class="form-hint">Choose where the main navigation in your project should be located.</div>
    905. 

  905.               <div class="btn-group w-100">
    906. 

  906.                 <button class="btn btn-secondary" data-theme-toggle="navbar-position:horizontal">Topnav</button>
    907. 

  907.                 <button class="btn btn-secondary" data-theme-toggle="navbar-position:vertical">Sidenav</button>
    908. 

  908.                 <button class="btn btn-secondary" data-theme-toggle="navbar-position:both">Both</button>
    909. 

  909.               </div>
    910. 

  910.             </div>
    911. 

  911.             <div class="mb-3">
    912. 

  912.               <label class="form-label">Sidebar size</label>
    913. 

  913.               <div class="form-hint">Standard sidebar width or narrow version with icons only.</div>
    914. 

  914.               <div class="btn-group w-100">
    915. 

  915.                 <button class="btn btn-secondary" data-theme-toggle="navbar-size:wide">Wide</button>
    916. 

  916.                 <button class="btn btn-secondary" data-theme-toggle="navbar-size:narrow">Narrow</button>
    917. 

  917.               </div>
    918. 

  918.             </div>
    919. 

  919.             <div class="mb-3">
    920. 

  920.               <label class="form-label">Sidebar position</label>
    921. 

  921.               <div class="form-hint">Choose whether the sidebar should appear on the left or on the right.</div>
    922. 

  922.               <div class="btn-group w-100">
    923. 

  923.                 <button class="btn btn-secondary" data-theme-toggle="navbar-side:left">Left</button>
    924. 

  924.                 <button class="btn btn-secondary" data-theme-toggle="navbar-side:right">Right</button>
    925. 

  925.               </div>
    926. 

  926.             </div>
    927. 

  927.             <div>
    928. 

  928.               <label class="form-label">Navigation color</label>
    929. 

  929.               <div class="form-hint">Light or dark version of the sidebar </div>
    930. 

  930.               <div class="btn-group w-100">
    931. 

  931.                 <button class="btn btn-secondary" data-theme-toggle="navbar-color:light">Light</button>
    932. 

  932.                 <button class="btn btn-secondary" data-theme-toggle="navbar-color:dark">Dark</button>
    933. 

  933.               </div>
    934. 

  934.             </div>
    935. 

  935.           </div>
    936. 

  936.         </div>
    937. 

  937.       </div>
    938. 

  938.     </div>
    939. 

  939.     <!-- Libs JS -->
    940. 

  940.     <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
    941. 

  941.     <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
    942. 

  942.     <!-- Tabler Core -->
    943. 

  943.     <script src="./dist/js/tabler.min.js?1582373134"></script>
    944. 

  944.     <script>
    945. 

  945.       (function() {
    946. 

  946.       	var navbarPrimary = document.getElementById('navbar-primary'),
    947. 

  947.       		navbarSecondary = document.getElementById('navbar-secondary');
    948. 

  948.       	var defaults = {
    949. 

  949.       		theme: 'light',
    950. 

  950.       		'navbar-position': 'horizontal',
    951. 

  951.       		'navbar-size': 'wide',
    952. 

  952.       		'navbar-side': 'left',
    953. 

  953.       		'navbar-color': 'light',
    954. 

  954.       	};
    955. 

  955.       	var eventsClean = {
    956. 

  956.       		'theme': function () {
    957. 

  957.       			document.body.classList.remove('theme-dark');
    958. 

  958.       		},
    959. 

  959.       		'navbar-position': function () {
    960. 

  960.       			navbarPrimary.classList.remove('navbar-vertical');
    961. 

  961.       			navbarSecondary.classList.remove('d-none');
    962. 

  962.       		},
    963. 

  963.       		'navbar-size': function () {
    964. 

  964.       			navbarPrimary.classList.remove('navbar-vertical-narrow');
    965. 

  965.       		},
    966. 

  966.       		'navbar-side': function () {
    967. 

  967.       			navbarPrimary.classList.remove('navbar-right');
    968. 

  968.       		},
    969. 

  969.       		'navbar-color': function () {
    970. 

  970.       			navbarPrimary.classList.remove('navbar-dark');
    971. 

  971.       			navbarPrimary.classList.add('navbar-light');
    972. 

  972.       		},
    973. 

  973.       	};
    974. 

  974.       	var events = {
    975. 

  975.       		'theme:light': function () {
    976. 

  976.       		},
    977. 

  977.       		'theme:dark': function () {
    978. 

  978.       			document.body.classList.add('theme-dark');
    979. 

  979.       		},
    980. 

  980.       		'navbar-position:vertical': function () {
    981. 

  981.       			navbarPrimary.classList.add('navbar-vertical');
    982. 

  982.       			navbarSecondary.classList.add('d-none');
    983. 

  983.       		},
    984. 

  984.       		'navbar-position:horizontal': function () {
    985. 

  985.       		},
    986. 

  986.       		'navbar-position:both': function () {
    987. 

  987.       			navbarPrimary.classList.add('navbar-vertical');
    988. 

  988.       		},
    989. 

  989.       		'navbar-size:wide': function () {
    990. 

  990.       		},
    991. 

  991.       		'navbar-size:narrow': function () {
    992. 

  992.       			navbarPrimary.classList.add('navbar-vertical-narrow');
    993. 

  993.       		},
    994. 

  994.       		'navbar-side:left': function () {
    995. 

  995.       		},
    996. 

  996.       		'navbar-side:right': function () {
    997. 

  997.       			navbarPrimary.classList.add('navbar-right');
    998. 

  998.       		},
    999. 

  999.       		'navbar-color:light': function () {
    1000. 

  1000.       		},
    1001. 

  1001.       		'navbar-color:dark': function () {
    1002. 

  1002.       			navbarPrimary.classList.add('navbar-dark');
    1003. 

  1003.       			navbarPrimary.classList.remove('navbar-light');
    1004. 

  1004.       		},
    1005. 

  1005.       	};
    1006. 

  1006.       	var updateThemeConfig = function (name) {
    1007. 

  1007.       		var key, value;
    1008. 

  1008.       		if (name) {
    1009. 

  1009.       			[key, value] = name.split(':');
    1010. 

  1010.       			setConfig(key, value);
    1011. 

  1011.       		}
    1012. 

  1012.       		applyConfig();
    1013. 

  1013.       	};
    1014. 

  1014.       	var disableTransitions = function () {
    1015. 

  1015.       		document.body.classList.add('no-transitions');
    1016. 

  1016.       		setTimeout(function () {
    1017. 

  1017.       			document.body.classList.remove('no-transitions');
    1018. 

  1018.       		}, 300);
    1019. 

  1019.       	};
    1020. 

  1020.       	var getConfig = function () {
    1021. 

  1021.       		var config = {};
    1022. 

  1022.       		for (var key in defaults) {
    1023. 

  1023.       			config[key] = localStorage.getItem('tabler-' + key) || defaults[key];
    1024. 

  1024.       		}
    1025. 

  1025.       		return config;
    1026. 

  1026.       	};
    1027. 

  1027.       	var setConfig = function (key, value) {
    1028. 

  1028.       		localStorage.setItem('tabler-' + key, value);
    1029. 

  1029.       	};
    1030. 

  1030.       	var applyConfig = function () {
    1031. 

  1031.       		disableTransitions();
    1032. 

  1032.       		var config = getConfig();
    1033. 

  1033.       		for (var key in config) {
    1034. 

  1034.       			var value = config[key];
    1035. 

  1035.       			eventsClean[key] && eventsClean[key].call();
    1036. 

  1036.       			events[key + ':' + value] && events[key + ':' + value].call();
    1037. 

  1037.       			([].slice.call(document.querySelectorAll('[data-theme-toggle^="' + key + '"]'))).map(function (activeTrigger) {
    1038. 

  1038.       				activeTrigger.classList.remove('active')
    1039. 

  1039.       			});
    1040. 

  1040.       			document.querySelector('[data-theme-toggle="' + key + ':' + value + '"]').classList.add('active');
    1041. 

  1041.       		}
    1042. 

  1042.       	};
    1043. 

  1043.       	applyConfig();
    1044. 

  1044.       	for (var name in events) {
    1045. 

  1045.       		var event = events[name];
    1046. 

  1046.       		(function (event, name) {
    1047. 

  1047.       			document.querySelector('[data-theme-toggle="' + name + '"]').addEventListener("click", function (e) {
    1048. 

  1048.       				updateThemeConfig(name);
    1049. 

  1049.       				event.call();
    1050. 

  1050.       				e.preventDefault();
    1051. 

  1051.       				return false;
    1052. 

  1052.       			});
    1053. 

  1053.       		})(event, name);
    1054. 

  1054.       	}
    1055. 

  1055.       })();
    1056. 

  1056.     </script>
    1057. 

  1057.     <script>
    1058. 

  1058.       document.body.style.display = "block"
    1059. 

  1059.     </script>
    1060. 

  1060.   </body>
    1061. 

  1061. </html>
    1062.