Home Explore Help
Sign In
SMusatov
/
tabler
mirror of https://github.com/tabler/tabler.git
1
0
Fork 0
Files
Tree: 59c4b2cdf9
Branches Tags
tabler
/
demo
/
profile.html

profile.html 60 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886 
  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-beta20
    5. 

  5. * @link https://tabler.io
    6. 

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

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

  8. * Licensed under MIT (https://github.com/tabler/tabler/blob/master/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>Profile - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
    16. 

  16.     <!-- CSS files -->
    17. 

  17.     <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
    18. 

  18.     <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
    19. 

  19.     <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
    20. 

  20.     <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
    21. 

  21.     <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
    22. 

  22.     <style>
    23. 

  23.       @import url('https://rsms.me/inter/inter.css');
    24. 

  24.       :root {
    25. 

  25.       	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    26. 

  26.       }
    27. 

  27.       body {
    28. 

  28.       	font-feature-settings: "cv03", "cv04", "cv11";
    29. 

  29.       }
    30. 

  30.     </style>
    31. 

  31.   </head>
    32. 

  32.   <body >
    33. 

  33.     <script src="./dist/js/demo-theme.min.js?1692870487"></script>
    34. 

  34.     <div class="page">
    35. 

  35.       <!-- Navbar -->
    36. 

  36.       <header class="navbar navbar-expand-md d-print-none" >
    37. 

  37.         <div class="container-xl">
    38. 

  38.           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
    39. 

  39.             <span class="navbar-toggler-icon"></span>
    40. 

  40.           </button>
    41. 

  41.           <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
    42. 

  42.             <a href=".">
    43. 

  43.               <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
    44. 

  44.             </a>
    45. 

  45.           </h1>
    46. 

  46.           <div class="navbar-nav flex-row order-md-last">
    47. 

  47.             <div class="nav-item d-none d-md-flex me-3">
    48. 

  48.               <div class="btn-list">
    49. 

  49.                 <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
    50. 

  50.                   <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
    51. 

  51.                   <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="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
    52. 

  52.                   Source code
    53. 

  53.                 </a>
    54. 

  54.                 <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
    55. 

  55.                   <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
    56. 

  56.                   <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
    57. 

  57.                   Sponsor
    58. 

  58.                 </a>
    59. 

  59.               </div>
    60. 

  60.             </div>
    61. 

  61.             <div class="d-none d-md-flex">
    62. 

  62.               <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
    63. 

  63. 		   data-bs-placement="bottom">
    64. 

  64.                 <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
    65. 

  65.                 <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 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
    66. 

  66.               </a>
    67. 

  67.               <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
    68. 

  68. 		   data-bs-placement="bottom">
    69. 

  69.                 <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
    70. 

  70.                 <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 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
    71. 

  71.               </a>
    72. 

  72.               <div class="nav-item dropdown d-none d-md-flex me-3">
    73. 

  73.                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
    74. 

  74.                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
    75. 

  75.                   <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 1 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>
    76. 

  76.                   <span class="badge bg-red"></span>
    77. 

  77.                 </a>
    78. 

  78.                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
    79. 

  79.                   <div class="card">
    80. 

  80.                     <div class="card-header">
    81. 

  81.                       <h3 class="card-title">Last updates</h3>
    82. 

  82.                     </div>
    83. 

  83.                     <div class="list-group list-group-flush list-group-hoverable">
    84. 

  84.                       <div class="list-group-item">
    85. 

  85.                         <div class="row align-items-center">
    86. 

  86.                           <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
    87. 

  87.                           <div class="col text-truncate">
    88. 

  88.                             <a href="#" class="text-body d-block">Example 1</a>
    89. 

  89.                             <div class="d-block text-secondary text-truncate mt-n1">
    90. 

  90.                               Change deprecated html tags to text decoration classes (#29604)
    91. 

  91.                             </div>
    92. 

  92.                           </div>
    93. 

  93.                           <div class="col-auto">
    94. 

  94.                             <a href="#" class="list-group-item-actions">
    95. 

  95.                               <!-- Download SVG icon from http://tabler-icons.io/i/star -->
    96. 

  96.                               <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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>
    97. 

  97.                             </a>
    98. 

  98.                           </div>
    99. 

  99.                         </div>
    100. 

  100.                       </div>
    101. 

  101.                       <div class="list-group-item">
    102. 

  102.                         <div class="row align-items-center">
    103. 

  103.                           <div class="col-auto"><span class="status-dot d-block"></span></div>
    104. 

  104.                           <div class="col text-truncate">
    105. 

  105.                             <a href="#" class="text-body d-block">Example 2</a>
    106. 

  106.                             <div class="d-block text-secondary text-truncate mt-n1">
    107. 

  107.                               justify-content:between ⇒ justify-content:space-between (#29734)
    108. 

  108.                             </div>
    109. 

  109.                           </div>
    110. 

  110.                           <div class="col-auto">
    111. 

  111.                             <a href="#" class="list-group-item-actions show">
    112. 

  112.                               <!-- Download SVG icon from http://tabler-icons.io/i/star -->
    113. 

  113.                               <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" 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>
    114. 

  114.                             </a>
    115. 

  115.                           </div>
    116. 

  116.                         </div>
    117. 

  117.                       </div>
    118. 

  118.                       <div class="list-group-item">
    119. 

  119.                         <div class="row align-items-center">
    120. 

  120.                           <div class="col-auto"><span class="status-dot d-block"></span></div>
    121. 

  121.                           <div class="col text-truncate">
    122. 

  122.                             <a href="#" class="text-body d-block">Example 3</a>
    123. 

  123.                             <div class="d-block text-secondary text-truncate mt-n1">
    124. 

  124.                               Update change-version.js (#29736)
    125. 

  125.                             </div>
    126. 

  126.                           </div>
    127. 

  127.                           <div class="col-auto">
    128. 

  128.                             <a href="#" class="list-group-item-actions">
    129. 

  129.                               <!-- Download SVG icon from http://tabler-icons.io/i/star -->
    130. 

  130.                               <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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>
    131. 

  131.                             </a>
    132. 

  132.                           </div>
    133. 

  133.                         </div>
    134. 

  134.                       </div>
    135. 

  135.                       <div class="list-group-item">
    136. 

  136.                         <div class="row align-items-center">
    137. 

  137.                           <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
    138. 

  138.                           <div class="col text-truncate">
    139. 

  139.                             <a href="#" class="text-body d-block">Example 4</a>
    140. 

  140.                             <div class="d-block text-secondary text-truncate mt-n1">
    141. 

  141.                               Regenerate package-lock.json (#29730)
    142. 

  142.                             </div>
    143. 

  143.                           </div>
    144. 

  144.                           <div class="col-auto">
    145. 

  145.                             <a href="#" class="list-group-item-actions">
    146. 

  146.                               <!-- Download SVG icon from http://tabler-icons.io/i/star -->
    147. 

  147.                               <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" 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>
    148. 

  148.                             </a>
    149. 

  149.                           </div>
    150. 

  150.                         </div>
    151. 

  151.                       </div>
    152. 

  152.                     </div>
    153. 

  153.                   </div>
    154. 

  154.                 </div>
    155. 

  155.               </div>
    156. 

  156.             </div>
    157. 

  157.             <div class="nav-item dropdown">
    158. 

  158.               <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
    159. 

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

  160.                 <div class="d-none d-xl-block ps-2">
    161. 

  161.                   <div>Paweł Kuna</div>
    162. 

  162.                   <div class="mt-1 small text-secondary">UI Designer</div>
    163. 

  163.                 </div>
    164. 

  164.               </a>
    165. 

  165.               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
    166. 

  166.                 <a href="#" class="dropdown-item">Status</a>
    167. 

  167.                 <a href="./profile.html" class="dropdown-item">Profile</a>
    168. 

  168.                 <a href="#" class="dropdown-item">Feedback</a>
    169. 

  169.                 <div class="dropdown-divider"></div>
    170. 

  170.                 <a href="./settings.html" class="dropdown-item">Settings</a>
    171. 

  171.                 <a href="./sign-in.html" class="dropdown-item">Logout</a>
    172. 

  172.               </div>
    173. 

  173.             </div>
    174. 

  174.           </div>
    175. 

  175.         </div>
    176. 

  176.       </header>
    177. 

  177.       <header class="navbar-expand-md">
    178. 

  178.         <div class="collapse navbar-collapse" id="navbar-menu">
    179. 

  179.           <div class="navbar">
    180. 

  180.             <div class="container-xl">
    181. 

  181.               <ul class="navbar-nav">
    182. 

  182.                 <li class="nav-item">
    183. 

  183.                   <a class="nav-link" href="./" >
    184. 

  184.                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
    185. 

  185.                       <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="M5 12l-2 0l9 -9l9 9l-2 0" /><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>
    186. 

  186.                     </span>
    187. 

  187.                     <span class="nav-link-title">
    188. 

  188.                       Home
    189. 

  189.                     </span>
    190. 

  190.                   </a>
    191. 

  191.                 </li>
    192. 

  192.                 <li class="nav-item dropdown">
    193. 

  193.                   <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
    194. 

  194.                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
    195. 

  195.                       <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 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
    196. 

  196.                     </span>
    197. 

  197.                     <span class="nav-link-title">
    198. 

  198.                       Interface
    199. 

  199.                     </span>
    200. 

  200.                   </a>
    201. 

  201.                   <div class="dropdown-menu">
    202. 

  202.                     <div class="dropdown-menu-columns">
    203. 

  203.                       <div class="dropdown-menu-column">
    204. 

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

  205.                           Alerts
    206. 

  206.                         </a>
    207. 

  207.                         <a class="dropdown-item" href="./accordion.html">
    208. 

  208.                           Accordion
    209. 

  209.                         </a>
    210. 

  210.                         <div class="dropend">
    211. 

  211.                           <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
    212. 

  212.                             Authentication
    213. 

  213.                           </a>
    214. 

  214.                           <div class="dropdown-menu">
    215. 

  215.                             <a href="./sign-in.html" class="dropdown-item">
    216. 

  216.                               Sign in
    217. 

  217.                             </a>
    218. 

  218.                             <a href="./sign-in-link.html" class="dropdown-item">
    219. 

  219.                               Sign in link
    220. 

  220.                             </a>
    221. 

  221.                             <a href="./sign-in-illustration.html" class="dropdown-item">
    222. 

  222.                               Sign in with illustration
    223. 

  223.                             </a>
    224. 

  224.                             <a href="./sign-in-cover.html" class="dropdown-item">
    225. 

  225.                               Sign in with cover
    226. 

  226.                             </a>
    227. 

  227.                             <a href="./sign-up.html" class="dropdown-item">
    228. 

  228.                               Sign up
    229. 

  229.                             </a>
    230. 

  230.                             <a href="./forgot-password.html" class="dropdown-item">
    231. 

  231.                               Forgot password
    232. 

  232.                             </a>
    233. 

  233.                             <a href="./terms-of-service.html" class="dropdown-item">
    234. 

  234.                               Terms of service
    235. 

  235.                             </a>
    236. 

  236.                             <a href="./auth-lock.html" class="dropdown-item">
    237. 

  237.                               Lock screen
    238. 

  238.                             </a>
    239. 

  239.                             <a href="./2-step-verification.html" class="dropdown-item">
    240. 

  240.                               2 step verification
    241. 

  241.                             </a>
    242. 

  242.                             <a href="./2-step-verification-code.html" class="dropdown-item">
    243. 

  243.                               2 step verification code
    244. 

  244.                             </a>
    245. 

  245.                           </div>
    246. 

  246.                         </div>
    247. 

  247.                         <a class="dropdown-item" href="./blank.html">
    248. 

  248.                           Blank page
    249. 

  249.                         </a>
    250. 

  250.                         <a class="dropdown-item" href="./badges.html">
    251. 

  251.                           Badges
    252. 

  252.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    253. 

  253.                         </a>
    254. 

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

  255.                           Buttons
    256. 

  256.                         </a>
    257. 

  257.                         <div class="dropend">
    258. 

  258.                           <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
    259. 

  259.                             Cards
    260. 

  260.                             <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    261. 

  261.                           </a>
    262. 

  262.                           <div class="dropdown-menu">
    263. 

  263.                             <a href="./cards.html" class="dropdown-item">
    264. 

  264.                               Sample cards
    265. 

  265.                             </a>
    266. 

  266.                             <a href="./card-actions.html" class="dropdown-item">
    267. 

  267.                               Card actions
    268. 

  268.                               <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    269. 

  269.                             </a>
    270. 

  270.                             <a href="./cards-masonry.html" class="dropdown-item">
    271. 

  271.                               Cards Masonry
    272. 

  272.                             </a>
    273. 

  273.                           </div>
    274. 

  274.                         </div>
    275. 

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

  276.                           Carousel
    277. 

  277.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    278. 

  278.                         </a>
    279. 

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

  280.                           Charts
    281. 

  281.                         </a>
    282. 

  282.                         <a class="dropdown-item" href="./colors.html">
    283. 

  283.                           Colors
    284. 

  284.                         </a>
    285. 

  285.                         <a class="dropdown-item" href="./colorpicker.html">
    286. 

  286.                           Color picker
    287. 

  287.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    288. 

  288.                         </a>
    289. 

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

  290.                           Data grid
    291. 

  291.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    292. 

  292.                         </a>
    293. 

  293.                         <a class="dropdown-item" href="./datatables.html">
    294. 

  294.                           Datatables
    295. 

  295.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    296. 

  296.                         </a>
    297. 

  297.                         <a class="dropdown-item" href="./dropdowns.html">
    298. 

  298.                           Dropdowns
    299. 

  299.                         </a>
    300. 

  300.                         <a class="dropdown-item" href="./dropzone.html">
    301. 

  301.                           Dropzone
    302. 

  302.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    303. 

  303.                         </a>
    304. 

  304.                         <div class="dropend">
    305. 

  305.                           <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
    306. 

  306.                             Error pages
    307. 

  307.                           </a>
    308. 

  308.                           <div class="dropdown-menu">
    309. 

  309.                             <a href="./error-404.html" class="dropdown-item">
    310. 

  310.                               404 page
    311. 

  311.                             </a>
    312. 

  312.                             <a href="./error-500.html" class="dropdown-item">
    313. 

  313.                               500 page
    314. 

  314.                             </a>
    315. 

  315.                             <a href="./error-maintenance.html" class="dropdown-item">
    316. 

  316.                               Maintenance page
    317. 

  317.                             </a>
    318. 

  318.                           </div>
    319. 

  319.                         </div>
    320. 

  320.                         <a class="dropdown-item" href="./flags.html">
    321. 

  321.                           Flags
    322. 

  322.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    323. 

  323.                         </a>
    324. 

  324.                         <a class="dropdown-item" href="./inline-player.html">
    325. 

  325.                           Inline player
    326. 

  326.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    327. 

  327.                         </a>
    328. 

  328.                       </div>
    329. 

  329.                       <div class="dropdown-menu-column">
    330. 

  330.                         <a class="dropdown-item" href="./lightbox.html">
    331. 

  331.                           Lightbox
    332. 

  332.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    333. 

  333.                         </a>
    334. 

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

  335.                           Lists
    336. 

  336.                         </a>
    337. 

  337.                         <a class="dropdown-item" href="./modals.html">
    338. 

  338.                           Modal
    339. 

  339.                         </a>
    340. 

  340.                         <a class="dropdown-item" href="./maps.html">
    341. 

  341.                           Map
    342. 

  342.                         </a>
    343. 

  343.                         <a class="dropdown-item" href="./map-fullsize.html">
    344. 

  344.                           Map fullsize
    345. 

  345.                         </a>
    346. 

  346.                         <a class="dropdown-item" href="./maps-vector.html">
    347. 

  347.                           Map vector
    348. 

  348.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    349. 

  349.                         </a>
    350. 

  350.                         <a class="dropdown-item" href="./markdown.html">
    351. 

  351.                           Markdown
    352. 

  352.                         </a>
    353. 

  353.                         <a class="dropdown-item" href="./navigation.html">
    354. 

  354.                           Navigation
    355. 

  355.                         </a>
    356. 

  356.                         <a class="dropdown-item" href="./offcanvas.html">
    357. 

  357.                           Offcanvas
    358. 

  358.                         </a>
    359. 

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

  360.                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
    361. 

  361.                           Pagination
    362. 

  362.                         </a>
    363. 

  363.                         <a class="dropdown-item" href="./placeholder.html">
    364. 

  364.                           Placeholder
    365. 

  365.                         </a>
    366. 

  366.                         <a class="dropdown-item" href="./steps.html">
    367. 

  367.                           Steps
    368. 

  368.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    369. 

  369.                         </a>
    370. 

  370.                         <a class="dropdown-item" href="./stars-rating.html">
    371. 

  371.                           Stars rating
    372. 

  372.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    373. 

  373.                         </a>
    374. 

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

  375.                           Tabs
    376. 

  376.                         </a>
    377. 

  377.                         <a class="dropdown-item" href="./tags.html">
    378. 

  378.                           Tags
    379. 

  379.                         </a>
    380. 

  380.                         <a class="dropdown-item" href="./tables.html">
    381. 

  381.                           Tables
    382. 

  382.                         </a>
    383. 

  383.                         <a class="dropdown-item" href="./typography.html">
    384. 

  384.                           Typography
    385. 

  385.                         </a>
    386. 

  386.                         <a class="dropdown-item" href="./tinymce.html">
    387. 

  387.                           TinyMCE
    388. 

  388.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    389. 

  389.                         </a>
    390. 

  390.                       </div>
    391. 

  391.                     </div>
    392. 

  392.                   </div>
    393. 

  393.                 </li>
    394. 

  394.                 <li class="nav-item">
    395. 

  395.                   <a class="nav-link" href="./form-elements.html" >
    396. 

  396.                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
    397. 

  397.                       <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="M9 11l3 3l8 -8" /><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>
    398. 

  398.                     </span>
    399. 

  399.                     <span class="nav-link-title">
    400. 

  400.                       Form elements
    401. 

  401.                     </span>
    402. 

  402.                   </a>
    403. 

  403.                 </li>
    404. 

  404.                 <li class="nav-item dropdown">
    405. 

  405.                   <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
    406. 

  406.                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
    407. 

  407.                       <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>
    408. 

  408.                     </span>
    409. 

  409.                     <span class="nav-link-title">
    410. 

  410.                       Extra
    411. 

  411.                     </span>
    412. 

  412.                   </a>
    413. 

  413.                   <div class="dropdown-menu">
    414. 

  414.                     <div class="dropdown-menu-columns">
    415. 

  415.                       <div class="dropdown-menu-column">
    416. 

  416.                         <a class="dropdown-item" href="./empty.html">
    417. 

  417.                           Empty page
    418. 

  418.                         </a>
    419. 

  419.                         <a class="dropdown-item" href="./cookie-banner.html">
    420. 

  420.                           Cookie banner
    421. 

  421.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    422. 

  422.                         </a>
    423. 

  423.                         <a class="dropdown-item" href="./chat.html">
    424. 

  424.                           Chat
    425. 

  425.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    426. 

  426.                         </a>
    427. 

  427.                         <a class="dropdown-item" href="./activity.html">
    428. 

  428.                           Activity
    429. 

  429.                         </a>
    430. 

  430.                         <a class="dropdown-item" href="./gallery.html">
    431. 

  431.                           Gallery
    432. 

  432.                         </a>
    433. 

  433.                         <a class="dropdown-item" href="./invoice.html">
    434. 

  434.                           Invoice
    435. 

  435.                         </a>
    436. 

  436.                         <a class="dropdown-item" href="./search-results.html">
    437. 

  437.                           Search results
    438. 

  438.                         </a>
    439. 

  439.                         <a class="dropdown-item" href="./pricing.html">
    440. 

  440.                           Pricing cards
    441. 

  441.                         </a>
    442. 

  442.                         <a class="dropdown-item" href="./pricing-table.html">
    443. 

  443.                           Pricing table
    444. 

  444.                         </a>
    445. 

  445.                         <a class="dropdown-item" href="./faq.html">
    446. 

  446.                           FAQ
    447. 

  447.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    448. 

  448.                         </a>
    449. 

  449.                         <a class="dropdown-item" href="./users.html">
    450. 

  450.                           Users
    451. 

  451.                         </a>
    452. 

  452.                         <a class="dropdown-item" href="./license.html">
    453. 

  453.                           License
    454. 

  454.                         </a>
    455. 

  455.                       </div>
    456. 

  456.                       <div class="dropdown-menu-column">
    457. 

  457.                         <a class="dropdown-item" href="./logs.html">
    458. 

  458.                           Logs
    459. 

  459.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    460. 

  460.                         </a>
    461. 

  461.                         <a class="dropdown-item" href="./music.html">
    462. 

  462.                           Music
    463. 

  463.                         </a>
    464. 

  464.                         <a class="dropdown-item" href="./photogrid.html">
    465. 

  465.                           Photogrid
    466. 

  466.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    467. 

  467.                         </a>
    468. 

  468.                         <a class="dropdown-item" href="./tasks.html">
    469. 

  469.                           Tasks
    470. 

  470.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    471. 

  471.                         </a>
    472. 

  472.                         <a class="dropdown-item" href="./uptime.html">
    473. 

  473.                           Uptime monitor
    474. 

  474.                         </a>
    475. 

  475.                         <a class="dropdown-item" href="./widgets.html">
    476. 

  476.                           Widgets
    477. 

  477.                         </a>
    478. 

  478.                         <a class="dropdown-item" href="./wizard.html">
    479. 

  479.                           Wizard
    480. 

  480.                         </a>
    481. 

  481.                         <a class="dropdown-item" href="./settings.html">
    482. 

  482.                           Settings
    483. 

  483.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    484. 

  484.                         </a>
    485. 

  485.                         <a class="dropdown-item" href="./trial-ended.html">
    486. 

  486.                           Trial ended
    487. 

  487.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    488. 

  488.                         </a>
    489. 

  489.                         <a class="dropdown-item" href="./job-listing.html">
    490. 

  490.                           Job listing
    491. 

  491.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    492. 

  492.                         </a>
    493. 

  493.                         <a class="dropdown-item" href="./page-loader.html">
    494. 

  494.                           Page loader
    495. 

  495.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    496. 

  496.                         </a>
    497. 

  497.                       </div>
    498. 

  498.                     </div>
    499. 

  499.                   </div>
    500. 

  500.                 </li>
    501. 

  501.                 <li class="nav-item dropdown">
    502. 

  502.                   <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
    503. 

  503.                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
    504. 

  504.                       <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="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
    505. 

  505.                     </span>
    506. 

  506.                     <span class="nav-link-title">
    507. 

  507.                       Layout
    508. 

  508.                     </span>
    509. 

  509.                   </a>
    510. 

  510.                   <div class="dropdown-menu">
    511. 

  511.                     <div class="dropdown-menu-columns">
    512. 

  512.                       <div class="dropdown-menu-column">
    513. 

  513.                         <a class="dropdown-item" href="./layout-horizontal.html">
    514. 

  514.                           Horizontal
    515. 

  515.                         </a>
    516. 

  516.                         <a class="dropdown-item" href="./layout-boxed.html">
    517. 

  517.                           Boxed
    518. 

  518.                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
    519. 

  519.                         </a>
    520. 

  520.                         <a class="dropdown-item" href="./layout-vertical.html">
    521. 

  521.                           Vertical
    522. 

  522.                         </a>
    523. 

  523.                         <a class="dropdown-item" href="./layout-vertical-transparent.html">
    524. 

  524.                           Vertical transparent
    525. 

  525.                         </a>
    526. 

  526.                         <a class="dropdown-item" href="./layout-vertical-right.html">
    527. 

  527.                           Right vertical
    528. 

  528.                         </a>
    529. 

  529.                         <a class="dropdown-item" href="./layout-condensed.html">
    530. 

  530.                           Condensed
    531. 

  531.                         </a>
    532. 

  532.                         <a class="dropdown-item" href="./layout-combo.html">
    533. 

  533.                           Combined
    534. 

  534.                         </a>
    535. 

  535.                       </div>
    536. 

  536.                       <div class="dropdown-menu-column">
    537. 

  537.                         <a class="dropdown-item" href="./layout-navbar-dark.html">
    538. 

  538.                           Navbar dark
    539. 

  539.                         </a>
    540. 

  540.                         <a class="dropdown-item" href="./layout-navbar-sticky.html">
    541. 

  541.                           Navbar sticky
    542. 

  542.                         </a>
    543. 

  543.                         <a class="dropdown-item" href="./layout-navbar-overlap.html">
    544. 

  544.                           Navbar overlap
    545. 

  545.                         </a>
    546. 

  546.                         <a class="dropdown-item" href="./layout-rtl.html">
    547. 

  547.                           RTL mode
    548. 

  548.                         </a>
    549. 

  549.                         <a class="dropdown-item" href="./layout-fluid.html">
    550. 

  550.                           Fluid
    551. 

  551.                         </a>
    552. 

  552.                         <a class="dropdown-item" href="./layout-fluid-vertical.html">
    553. 

  553.                           Fluid vertical
    554. 

  554.                         </a>
    555. 

  555.                       </div>
    556. 

  556.                     </div>
    557. 

  557.                   </div>
    558. 

  558.                 </li>
    559. 

  559.                 <li class="nav-item">
    560. 

  560.                   <a class="nav-link" href="./icons.html" >
    561. 

  561.                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
    562. 

  562.                       <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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
    563. 

  563.                     </span>
    564. 

  564.                     <span class="nav-link-title">
    565. 

  565.                       4637 icons
    566. 

  566.                     </span>
    567. 

  567.                   </a>
    568. 

  568.                 </li>
    569. 

  569.                 <li class="nav-item">
    570. 

  570.                   <a class="nav-link" href="./emails.html" >
    571. 

  571.                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
    572. 

  572.                       <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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
    573. 

  573.                     </span>
    574. 

  574.                     <span class="nav-link-title">
    575. 

  575.                       Email templates
    576. 

  576.                     </span>
    577. 

  577.                   </a>
    578. 

  578.                 </li>
    579. 

  579.                 <li class="nav-item dropdown">
    580. 

  580.                   <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
    581. 

  581.                     <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
    582. 

  582.                       <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 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
    583. 

  583.                     </span>
    584. 

  584.                     <span class="nav-link-title">
    585. 

  585.                       Help
    586. 

  586.                     </span>
    587. 

  587.                   </a>
    588. 

  588.                   <div class="dropdown-menu">
    589. 

  589.                     <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
    590. 

  590.                       Documentation
    591. 

  591.                     </a>
    592. 

  592.                     <a class="dropdown-item" href="./changelog.html">
    593. 

  593.                       Changelog
    594. 

  594.                     </a>
    595. 

  595.                     <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
    596. 

  596.                       Source code
    597. 

  597.                     </a>
    598. 

  598.                     <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
    599. 

  599.                       <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
    600. 

  600.                       <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
    601. 

  601.                       Sponsor project!
    602. 

  602.                     </a>
    603. 

  603.                   </div>
    604. 

  604.                 </li>
    605. 

  605.               </ul>
    606. 

  606.               <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
    607. 

  607.                 <form action="./" method="get" autocomplete="off" novalidate>
    608. 

  608.                   <div class="input-icon">
    609. 

  609.                     <span class="input-icon-addon">
    610. 

  610.                       <!-- Download SVG icon from http://tabler-icons.io/i/search -->
    611. 

  611.                       <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 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
    612. 

  612.                     </span>
    613. 

  613.                     <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
    614. 

  614.                   </div>
    615. 

  615.                 </form>
    616. 

  616.               </div>
    617. 

  617.             </div>
    618. 

  618.           </div>
    619. 

  619.         </div>
    620. 

  620.       </header>
    621. 

  621.       <div class="page-wrapper">
    622. 

  622.         <div class="page-header">
    623. 

  623.           <div class="container">
    624. 

  624.             <div class="row align-items-center">
    625. 

  625.               <div class="col-auto">
    626. 

  626.                 <span class="avatar avatar-lg rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
    627. 

  627.               </div>
    628. 

  628.               <div class="col">
    629. 

  629.                 <h1 class="fw-bold">Dunn Slane</h1>
    630. 

  630.                 <div class="my-2">Unemployed. Building a $1M solo business while traveling the world. Currently at $400k/yr.
    631. 

  631.                 </div>
    632. 

  632.                 <div class="list-inline list-inline-dots text-secondary">
    633. 

  633.                   <div class="list-inline-item">
    634. 

  634.                     <!-- Download SVG icon from http://tabler-icons.io/i/map -->
    635. 

  635.                     <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline" 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="M3 7l6 -3l6 3l6 -3v13l-6 3l-6 -3l-6 3v-13" /><path d="M9 4v13" /><path d="M15 7v13" /></svg>
    636. 

  636.                     Harbin University of Civil Engineering & Architecture, China
    637. 

  637.                   </div>
    638. 

  638.                   <div class="list-inline-item">
    639. 

  639.                     <!-- Download SVG icon from http://tabler-icons.io/i/mail -->
    640. 

  640.                     <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline" 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="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" /><path d="M3 7l9 6l9 -6" /></svg>
    641. 

  641.                     <a href="#" class="text-reset">dslane3@epa.gov</a>
    642. 

  642.                   </div>
    643. 

  643.                   <div class="list-inline-item">
    644. 

  644.                     <!-- Download SVG icon from http://tabler-icons.io/i/cake -->
    645. 

  645.                     <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline" 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="M3 20h18v-8a3 3 0 0 0 -3 -3h-12a3 3 0 0 0 -3 3v8z" /><path d="M3 14.803c.312 .135 .654 .204 1 .197a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1c.35 .007 .692 -.062 1 -.197" /><path d="M12 4l1.465 1.638a2 2 0 1 1 -3.015 .099l1.55 -1.737z" /></svg>
    646. 

  646.                     15/10/1972
    647. 

  647.                   </div>
    648. 

  648.                 </div>
    649. 

  649.               </div>
    650. 

  650.               <div class="col-auto ms-auto">
    651. 

  651.                 <div class="btn-list">
    652. 

  652.                   <a href="#" class="btn btn-icon" aria-label="Button">
    653. 

  653.                     <!-- Download SVG icon from http://tabler-icons.io/i/dots -->
    654. 

  654.                     <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="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>
    655. 

  655.                   </a>
    656. 

  656.                   <a href="#" class="btn btn-icon" aria-label="Button">
    657. 

  657.                     <!-- Download SVG icon from http://tabler-icons.io/i/message -->
    658. 

  658.                     <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="M8 9h8" /><path d="M8 13h6" /><path d="M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12z" /></svg>
    659. 

  659.                   </a>
    660. 

  660.                   <a href="#" class="btn btn-primary">
    661. 

  661.                     <!-- Download SVG icon from http://tabler-icons.io/i/check -->
    662. 

  662.                     <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="M5 12l5 5l10 -10" /></svg>
    663. 

  663.                     Following
    664. 

  664.                   </a>
    665. 

  665.                 </div>
    666. 

  666.               </div>
    667. 

  667.             </div>
    668. 

  668.           </div>
    669. 

  669.         </div>
    670. 

  670.         <!-- Page body -->
    671. 

  671.         <div class="page-body">
    672. 

  672.           <div class="container-xl">
    673. 

  673.             <div class="row g-3">
    674. 

  674.               <div class="col">
    675. 

  675.                 <ul class="timeline">
    676. 

  676.                   <li class="timeline-event">
    677. 

  677.                     <div class="timeline-event-icon bg-twitter-lt"><!-- Download SVG icon from http://tabler-icons.io/i/brand-twitter -->
    678. 

  678.                       <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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c0 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
    679. 

  679.                     </div>
    680. 

  680.                     <div class="card timeline-event-card">
    681. 

  681.                       <div class="card-body">
    682. 

  682.                         <div class="text-secondary float-end">10 hrs ago</div>
    683. 

  683.                         <h4>+1150 Followers</h4>
    684. 

  684.                         <p class="text-secondary">You’re getting more and more followers, keep it up!</p>
    685. 

  685.                       </div>
    686. 

  686.                     </div>
    687. 

  687.                   </li>
    688. 

  688.                   <li class="timeline-event">
    689. 

  689.                     <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/briefcase -->
    690. 

  690.                       <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="M3 7m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" /><path d="M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2" /><path d="M12 12l0 .01" /><path d="M3 13a20 20 0 0 0 18 0" /></svg>
    691. 

  691.                     </div>
    692. 

  692.                     <div class="card timeline-event-card">
    693. 

  693.                       <div class="card-body">
    694. 

  694.                         <div class="text-secondary float-end">2 hrs ago</div>
    695. 

  695.                         <h4>+3 New Products were added!</h4>
    696. 

  696.                         <p class="text-secondary">Congratulations!</p>
    697. 

  697.                       </div>
    698. 

  698.                     </div>
    699. 

  699.                   </li>
    700. 

  700.                   <li class="timeline-event">
    701. 

  701.                     <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/check -->
    702. 

  702.                       <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="M5 12l5 5l10 -10" /></svg>
    703. 

  703.                     </div>
    704. 

  704.                     <div class="card timeline-event-card">
    705. 

  705.                       <div class="card-body">
    706. 

  706.                         <div class="text-secondary float-end">1 day ago</div>
    707. 

  707.                         <h4>Database backup completed!</h4>
    708. 

  708.                         <p class="text-secondary">Download the <a href="#">latest backup</a>.</p>
    709. 

  709.                       </div>
    710. 

  710.                     </div>
    711. 

  711.                   </li>
    712. 

  712.                   <li class="timeline-event">
    713. 

  713.                     <div class="timeline-event-icon bg-facebook-lt"><!-- Download SVG icon from http://tabler-icons.io/i/brand-facebook -->
    714. 

  714.                       <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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
    715. 

  715.                     </div>
    716. 

  716.                     <div class="card timeline-event-card">
    717. 

  717.                       <div class="card-body">
    718. 

  718.                         <div class="text-secondary float-end">1 day ago</div>
    719. 

  719.                         <h4>+290 Page Likes</h4>
    720. 

  720.                         <p class="text-secondary">This is great, keep it up!</p>
    721. 

  721.                       </div>
    722. 

  722.                     </div>
    723. 

  723.                   </li>
    724. 

  724.                   <li class="timeline-event">
    725. 

  725.                     <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/user-plus -->
    726. 

  726.                       <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="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" /><path d="M16 19h6" /><path d="M19 16v6" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4" /></svg>
    727. 

  727.                     </div>
    728. 

  728.                     <div class="card timeline-event-card">
    729. 

  729.                       <div class="card-body">
    730. 

  730.                         <div class="text-secondary float-end">2 days ago</div>
    731. 

  731.                         <h4>+3 Friend Requests</h4>
    732. 

  732.                         <div class="avatar-list mt-3">
    733. 

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

  734.                             <span class="badge bg-success"></span></span>
    735. 

  735.                           <span class="avatar">
    736. 

  736.                             <span class="badge bg-success"></span>JL</span>
    737. 

  737.                           <span class="avatar" style="background-image: url(./static/avatars/002m.jpg)">
    738. 

  738.                             <span class="badge bg-success"></span></span>
    739. 

  739.                         </div>
    740. 

  740.                       </div>
    741. 

  741.                     </div>
    742. 

  742.                   </li>
    743. 

  743.                   <li class="timeline-event">
    744. 

  744.                     <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/photo -->
    745. 

  745.                       <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="M15 8h.01" /><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z" /><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5" /><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3" /></svg>
    746. 

  746.                     </div>
    747. 

  747.                     <div class="card timeline-event-card">
    748. 

  748.                       <div class="card-body">
    749. 

  749.                         <div class="text-secondary float-end">3 days ago</div>
    750. 

  750.                         <h4>+2 New photos</h4>
    751. 

  751.                         <div class="mt-3">
    752. 

  752.                           <div class="row g-2">
    753. 

  753.                             <div class="col-6">
    754. 

  754.                               <div class="media media-2x1 rounded">
    755. 

  755.                                 <a class="media-content" style="background-image: url(./static/photos/blue-sofa-with-pillows-in-a-designer-living-room-interior.jpg
    756. 

  756. )"></a>
    757. 

  757.                               </div>
    758. 

  758.                             </div>
    759. 

  759.                             <div class="col-6">
    760. 

  760.                               <div class="media media-2x1 rounded">
    761. 

  761.                                 <a class="media-content" style="background-image: url(./static/photos/home-office-desk-with-macbook-iphone-calendar-watch-and-organizer.jpg
    762. 

  762. )"></a>
    763. 

  763.                               </div>
    764. 

  764.                             </div>
    765. 

  765.                           </div>
    766. 

  766.                         </div>
    767. 

  767.                       </div>
    768. 

  768.                     </div>
    769. 

  769.                   </li>
    770. 

  770.                   <li class="timeline-event">
    771. 

  771.                     <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/settings -->
    772. 

  772.                       <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.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg>
    773. 

  773.                     </div>
    774. 

  774.                     <div class="card timeline-event-card">
    775. 

  775.                       <div class="card-body">
    776. 

  776.                         <div class="text-secondary float-end">2 weeks ago</div>
    777. 

  777.                         <h4>System updated to v2.02</h4>
    778. 

  778.                         <p class="text-secondary">Check the complete changelog at the <a href="#">activity
    779. 

  779.                             page</a>.</p>
    780. 

  780.                       </div>
    781. 

  781.                     </div>
    782. 

  782.                   </li>
    783. 

  783.                 </ul>
    784. 

  784.               </div>
    785. 

  785.               <div class="col-lg-4">
    786. 

  786.                 <div class="row row-cards">
    787. 

  787.                   <div class="col-12">
    788. 

  788.                     <div class="card">
    789. 

  789.                       <div class="card-body">
    790. 

  790.                         <div class="card-title">Basic info</div>
    791. 

  791.                         <div class="mb-2">
    792. 

  792.                           <!-- Download SVG icon from http://tabler-icons.io/i/book -->
    793. 

  793.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon me-2 text-secondary" 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="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /><path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /><path d="M3 6l0 13" /><path d="M12 6l0 13" /><path d="M21 6l0 13" /></svg>
    794. 

  794.                           Went to: <strong>University of Ljubljana</strong>
    795. 

  795.                         </div>
    796. 

  796.                         <div class="mb-2">
    797. 

  797.                           <!-- Download SVG icon from http://tabler-icons.io/i/briefcase -->
    798. 

  798.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon me-2 text-secondary" 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="M3 7m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" /><path d="M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2" /><path d="M12 12l0 .01" /><path d="M3 13a20 20 0 0 0 18 0" /></svg>
    799. 

  799.                           Worked at: <strong>Devpulse</strong>
    800. 

  800.                         </div>
    801. 

  801.                         <div class="mb-2">
    802. 

  802.                           <!-- Download SVG icon from http://tabler-icons.io/i/home -->
    803. 

  803.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon me-2 text-secondary" 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="M5 12l-2 0l9 -9l9 9l-2 0" /><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>
    804. 

  804.                           Lives in: <strong>Šentilj v Slov. Goricah, Slovenia</strong>
    805. 

  805.                         </div>
    806. 

  806.                         <div class="mb-2">
    807. 

  807.                           <!-- Download SVG icon from http://tabler-icons.io/i/map-pin -->
    808. 

  808.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon me-2 text-secondary" 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="M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /><path d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" /></svg>
    809. 

  809.                           From: <strong><span class="flag flag-country-si"></span>
    810. 

  810.                             Slovenia</strong>
    811. 

  811.                         </div>
    812. 

  812.                         <div class="mb-2">
    813. 

  813.                           <!-- Download SVG icon from http://tabler-icons.io/i/calendar -->
    814. 

  814.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon me-2 text-secondary" 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="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z" /><path d="M16 3v4" /><path d="M8 3v4" /><path d="M4 11h16" /><path d="M11 15h1" /><path d="M12 15v3" /></svg>
    815. 

  815.                           Birth date: <strong>13/01/1985</strong>
    816. 

  816.                         </div>
    817. 

  817.                         <div>
    818. 

  818.                           <!-- Download SVG icon from http://tabler-icons.io/i/clock -->
    819. 

  819.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon me-2 text-secondary" 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="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /><path d="M12 7v5l3 3" /></svg>
    820. 

  820.                           Time zone: <strong>Europe/Ljubljana</strong>
    821. 

  821.                         </div>
    822. 

  822.                       </div>
    823. 

  823.                     </div>
    824. 

  824.                   </div>
    825. 

  825.                   <div class="col-12">
    826. 

  826.                     <div class="card">
    827. 

  827.                       <div class="card-body">
    828. 

  828.                         <h2 class="card-title">About Me</h2>
    829. 

  829.                         <div>
    830. 

  830.                           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquid beatae eaque eius
    831. 

  831.                             esse fugit, hic id illo itaque modi molestias nemo perferendis quae rerum soluta. Blanditiis
    832. 

  832.                             laborum minima molestiae molestias nemo nesciunt nisi pariatur quae sapiente ut. Aut consectetur
    833. 

  833.                             doloremque, error impedit, ipsum labore laboriosam minima non omnis perspiciatis possimus
    834. 

  834.                             praesentium provident quo recusandae suscipit tempore totam.
    835. 

  835.                           </p>
    836. 

  836.                         </div>
    837. 

  837.                       </div>
    838. 

  838.                     </div>
    839. 

  839.                   </div>
    840. 

  840.                 </div>
    841. 

  841.               </div>
    842. 

  842.             </div>
    843. 

  843.           </div>
    844. 

  844.         </div>
    845. 

  845.         <footer class="footer footer-transparent d-print-none">
    846. 

  846.           <div class="container-xl">
    847. 

  847.             <div class="row text-center align-items-center flex-row-reverse">
    848. 

  848.               <div class="col-lg-auto ms-lg-auto">
    849. 

  849.                 <ul class="list-inline list-inline-dots mb-0">
    850. 

  850.                   <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
    851. 

  851.                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
    852. 

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

  853.                   <li class="list-inline-item">
    854. 

  854.                     <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
    855. 

  855.                       <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
    856. 

  856.                       <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" 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="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
    857. 

  857.                       Sponsor
    858. 

  858.                     </a>
    859. 

  859.                   </li>
    860. 

  860.                 </ul>
    861. 

  861.               </div>
    862. 

  862.               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
    863. 

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

  864.                   <li class="list-inline-item">
    865. 

  865.                     Copyright &copy; 2023
    866. 

  866.                     <a href="." class="link-secondary">Tabler</a>.
    867. 

  867.                     All rights reserved.
    868. 

  868.                   </li>
    869. 

  869.                   <li class="list-inline-item">
    870. 

  870.                     <a href="./changelog.html" class="link-secondary" rel="noopener">
    871. 

  871.                       v1.0.0-beta20
    872. 

  872.                     </a>
    873. 

  873.                   </li>
    874. 

  874.                 </ul>
    875. 

  875.               </div>
    876. 

  876.             </div>
    877. 

  877.           </div>
    878. 

  878.         </footer>
    879. 

  879.       </div>
    880. 

  880.     </div>
    881. 

  881.     <!-- Libs JS -->
    882. 

  882.     <!-- Tabler Core -->
    883. 

  883.     <script src="./dist/js/tabler.min.js?1692870487" defer></script>
    884. 

  884.     <script src="./dist/js/demo.min.js?1692870487" defer></script>
    885. 

  885.   </body>
    886. 

  886. </html>
    887.