Home Explore Help
Sign In
SMusatov
/
tabler
mirror of https://github.com/tabler/tabler.git
1
0
Fork 0
Files
Tree: 86af71de82
Branches Tags
tabler
/
demo
/
layout-navbar-sticky.html

layout-navbar-sticky.html 127 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451 
  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-beta4
    5. 

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

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

  7. * Copyright 2018-2021 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>Dashboard - 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" rel="stylesheet"/>
    18. 

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

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

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

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

  22.   </head>
    23. 

  23.   <body class="antialiased">
    24. 

  24.     <div class="wrapper">
    25. 

  25.       <div class="sticky-top">
    26. 

  26.         <header class="navbar navbar-expand-md navbar-light sticky-top d-print-none">
    27. 

  27.           <div class="container-xl">
    28. 

  28.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
    29. 

  29.               <span class="navbar-toggler-icon"></span>
    30. 

  30.             </button>
    31. 

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

  32.               <a href=".">
    33. 

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

  34.               </a>
    35. 

  35.             </h1>
    36. 

  36.             <div class="navbar-nav flex-row order-md-last">
    37. 

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

  38.                 <div class="btn-list">
    39. 

  39.                   <a href="https://github.com/tabler/tabler" class="btn btn-outline-white" target="_blank" rel="noreferrer">
    40. 

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

  41.                     <svg xmlns="http://www.w3.org/2000/svg" class="icon text-github" 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>
    42. 

  42.                     Source code
    43. 

  43.                   </a>
    44. 

  44.                   <a href="https://github.com/sponsors/codecalm" class="btn btn-outline-white" target="_blank" rel="noreferrer">
    45. 

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

  46.                     <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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
    47. 

  47.                     Sponsor
    48. 

  48.                   </a>
    49. 

  49.                 </div>
    50. 

  50.               </div>
    51. 

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

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

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

  54.                   <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
    55. 

  55.                   <span class="badge bg-red"></span>
    56. 

  56.                 </a>
    57. 

  57.                 <div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
    58. 

  58.                   <div class="card">
    59. 

  59.                     <div class="card-body">
    60. 

  60.                       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.
    61. 

  61.                     </div>
    62. 

  62.                   </div>
    63. 

  63.                 </div>
    64. 

  64.               </div>
    65. 

  65.               <div class="nav-item dropdown">
    66. 

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

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

  68.                   <div class="d-none d-xl-block ps-2">
    69. 

  69.                     <div>Paweł Kuna</div>
    70. 

  70.                     <div class="mt-1 small text-muted">UI Designer</div>
    71. 

  71.                   </div>
    72. 

  72.                 </a>
    73. 

  73.                 <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
    74. 

  74.                   <a href="#" class="dropdown-item">Set status</a>
    75. 

  75.                   <a href="#" class="dropdown-item">Profile & account</a>
    76. 

  76.                   <a href="#" class="dropdown-item">Feedback</a>
    77. 

  77.                   <div class="dropdown-divider"></div>
    78. 

  78.                   <a href="#" class="dropdown-item">Settings</a>
    79. 

  79.                   <a href="#" class="dropdown-item">Logout</a>
    80. 

  80.                 </div>
    81. 

  81.               </div>
    82. 

  82.             </div>
    83. 

  83.           </div>
    84. 

  84.         </header>
    85. 

  85.         <div class="navbar-expand-md">
    86. 

  86.           <div class="collapse navbar-collapse" id="navbar-menu">
    87. 

  87.             <div class="navbar navbar-light">
    88. 

  88.               <div class="container-xl">
    89. 

  89.                 <ul class="navbar-nav">
    90. 

  90.                   <li class="nav-item">
    91. 

  91.                     <a class="nav-link" href="./index.html" >
    92. 

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

  93.                         <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
    94. 

  94.                       </span>
    95. 

  95.                       <span class="nav-link-title">
    96. 

  96.                         Home
    97. 

  97.                       </span>
    98. 

  98.                     </a>
    99. 

  99.                   </li>
    100. 

  100.                   <li class="nav-item dropdown">
    101. 

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

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

  103.                         <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
    104. 

  104.                       </span>
    105. 

  105.                       <span class="nav-link-title">
    106. 

  106.                         Interface
    107. 

  107.                       </span>
    108. 

  108.                     </a>
    109. 

  109.                     <div class="dropdown-menu">
    110. 

  110.                       <div class="dropdown-menu-columns">
    111. 

  111.                         <div class="dropdown-menu-column">
    112. 

  112.                           <a class="dropdown-item" href="./empty.html" >
    113. 

  113.                             Empty page
    114. 

  114.                           </a>
    115. 

  115.                           <a class="dropdown-item" href="./accordion.html" >
    116. 

  116.                             Accordion
    117. 

  117.                           </a>
    118. 

  118.                           <a class="dropdown-item" href="./blank.html" >
    119. 

  119.                             Blank page
    120. 

  120.                           </a>
    121. 

  121.                           <a class="dropdown-item" href="./buttons.html" >
    122. 

  122.                             Buttons
    123. 

  123.                           </a>
    124. 

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

  125.                             Cards
    126. 

  126.                           </a>
    127. 

  127.                           <a class="dropdown-item" href="./cards-masonry.html" >
    128. 

  128.                             Cards Masonry
    129. 

  129.                           </a>
    130. 

  130.                           <a class="dropdown-item" href="./colors.html" >
    131. 

  131.                             Colors
    132. 

  132.                           </a>
    133. 

  133.                           <a class="dropdown-item" href="./dropdowns.html" >
    134. 

  134.                             Dropdowns
    135. 

  135.                           </a>
    136. 

  136.                           <a class="dropdown-item" href="./icons.html" >
    137. 

  137.                             Icons
    138. 

  138.                           </a>
    139. 

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

  140.                             Modals
    141. 

  141.                           </a>
    142. 

  142.                           <a class="dropdown-item" href="./maps.html" >
    143. 

  143.                             Maps
    144. 

  144.                           </a>
    145. 

  145.                           <a class="dropdown-item" href="./map-fullsize.html" >
    146. 

  146.                             Map fullsize
    147. 

  147.                           </a>
    148. 

  148.                           <a class="dropdown-item" href="./maps-vector.html" >
    149. 

  149.                             Vector maps
    150. 

  150.                           </a>
    151. 

  151.                         </div>
    152. 

  152.                         <div class="dropdown-menu-column">
    153. 

  153.                           <a class="dropdown-item" href="./navigation.html" >
    154. 

  154.                             Navigation
    155. 

  155.                           </a>
    156. 

  156.                           <a class="dropdown-item" href="./charts.html" >
    157. 

  157.                             Charts
    158. 

  158.                           </a>
    159. 

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

  160.                             Pagination
    161. 

  161.                           </a>
    162. 

  162.                           <a class="dropdown-item" href="./skeleton.html" >
    163. 

  163.                             Skeleton
    164. 

  164.                           </a>
    165. 

  165.                           <a class="dropdown-item" href="./tabs.html" >
    166. 

  166.                             Tabs
    167. 

  167.                           </a>
    168. 

  168.                           <a class="dropdown-item" href="./tables.html" >
    169. 

  169.                             Tables
    170. 

  170.                           </a>
    171. 

  171.                           <a class="dropdown-item" href="./carousel.html" >
    172. 

  172.                             Carousel
    173. 

  173.                           </a>
    174. 

  174.                           <a class="dropdown-item" href="./lists.html" >
    175. 

  175.                             Lists
    176. 

  176.                           </a>
    177. 

  177.                           <a class="dropdown-item" href="./typography.html" >
    178. 

  178.                             Typography
    179. 

  179.                           </a>
    180. 

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

  181.                             Offcanvas
    182. 

  182.                           </a>
    183. 

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

  184.                             Markdown
    185. 

  185.                           </a>
    186. 

  186.                           <div class="dropend">
    187. 

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

  188.                               Authentication
    189. 

  189.                             </a>
    190. 

  190.                             <div class="dropdown-menu">
    191. 

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

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

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

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

  195.                               <a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
    196. 

  196.                             </div>
    197. 

  197.                           </div>
    198. 

  198.                           <div class="dropend">
    199. 

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

  200.                               Error pages
    201. 

  201.                             </a>
    202. 

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

  203.                               <a href="./error-404.html" class="dropdown-item">404 page</a>
    204. 

  204.                               <a href="./error-500.html" class="dropdown-item">500 page</a>
    205. 

  205.                               <a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
    206. 

  206.                             </div>
    207. 

  207.                           </div>
    208. 

  208.                         </div>
    209. 

  209.                       </div>
    210. 

  210.                     </div>
    211. 

  211.                   </li>
    212. 

  212.                   <li class="nav-item">
    213. 

  213.                     <a class="nav-link" href="./form-elements.html" >
    214. 

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

  215.                         <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
    216. 

  216.                       </span>
    217. 

  217.                       <span class="nav-link-title">
    218. 

  218.                         Form elements
    219. 

  219.                       </span>
    220. 

  220.                     </a>
    221. 

  221.                   </li>
    222. 

  222.                   <li class="nav-item dropdown">
    223. 

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

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

  225.                         <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>
    226. 

  226.                       </span>
    227. 

  227.                       <span class="nav-link-title">
    228. 

  228.                         Extra
    229. 

  229.                       </span>
    230. 

  230.                     </a>
    231. 

  231.                     <div class="dropdown-menu">
    232. 

  232.                       <a class="dropdown-item" href="./activity.html" >
    233. 

  233.                         Activity
    234. 

  234.                       </a>
    235. 

  235.                       <a class="dropdown-item" href="./gallery.html" >
    236. 

  236.                         Gallery
    237. 

  237.                       </a>
    238. 

  238.                       <a class="dropdown-item" href="./invoice.html" >
    239. 

  239.                         Invoice
    240. 

  240.                       </a>
    241. 

  241.                       <a class="dropdown-item" href="./search-results.html" >
    242. 

  242.                         Search results
    243. 

  243.                       </a>
    244. 

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

  245.                         Pricing cards
    246. 

  246.                       </a>
    247. 

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

  248.                         Users
    249. 

  249.                       </a>
    250. 

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

  251.                         License
    252. 

  252.                       </a>
    253. 

  253.                       <a class="dropdown-item" href="./music.html" >
    254. 

  254.                         Music
    255. 

  255.                       </a>
    256. 

  256.                       <a class="dropdown-item" href="./widgets.html" >
    257. 

  257.                         Widgets
    258. 

  258.                       </a>
    259. 

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

  260.                         Wizard
    261. 

  261.                       </a>
    262. 

  262.                     </div>
    263. 

  263.                   </li>
    264. 

  264.                   <li class="nav-item active dropdown">
    265. 

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

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

  267.                         <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
    268. 

  268.                       </span>
    269. 

  269.                       <span class="nav-link-title">
    270. 

  270.                         Layout
    271. 

  271.                       </span>
    272. 

  272.                     </a>
    273. 

  273.                     <div class="dropdown-menu">
    274. 

  274.                       <div class="dropdown-menu-columns">
    275. 

  275.                         <div class="dropdown-menu-column">
    276. 

  276.                           <a class="dropdown-item" href="./layout-horizontal.html" >
    277. 

  277.                             Horizontal
    278. 

  278.                           </a>
    279. 

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

  280.                             Vertical
    281. 

  281.                           </a>
    282. 

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

  283.                             Vertical transparent
    284. 

  284.                           </a>
    285. 

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

  286.                             Right vertical
    287. 

  287.                           </a>
    288. 

  288.                           <a class="dropdown-item" href="./layout-condensed.html" >
    289. 

  289.                             Condensed
    290. 

  290.                           </a>
    291. 

  291.                           <a class="dropdown-item" href="./layout-condensed-dark.html" >
    292. 

  292.                             Condensed dark
    293. 

  293.                           </a>
    294. 

  294.                           <a class="dropdown-item" href="./layout-combo.html" >
    295. 

  295.                             Combined
    296. 

  296.                           </a>
    297. 

  297.                         </div>
    298. 

  298.                         <div class="dropdown-menu-column">
    299. 

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

  300.                             Navbar dark
    301. 

  301.                           </a>
    302. 

  302.                           <a class="dropdown-item active" href="./layout-navbar-sticky.html" >
    303. 

  303.                             Navbar sticky
    304. 

  304.                           </a>
    305. 

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

  306.                             Navbar overlap
    307. 

  307.                           </a>
    308. 

  308.                           <a class="dropdown-item" href="./layout-dark.html" >
    309. 

  309.                             Dark mode
    310. 

  310.                           </a>
    311. 

  311.                           <a class="dropdown-item" href="./layout-rtl.html" >
    312. 

  312.                             RTL mode
    313. 

  313.                           </a>
    314. 

  314.                           <a class="dropdown-item" href="./layout-fluid.html" >
    315. 

  315.                             Fluid
    316. 

  316.                           </a>
    317. 

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

  318.                             Fluid vertical
    319. 

  319.                           </a>
    320. 

  320.                         </div>
    321. 

  321.                       </div>
    322. 

  322.                     </div>
    323. 

  323.                   </li>
    324. 

  324.                   <li class="nav-item">
    325. 

  325.                     <a class="nav-link" href="./docs/index.html" >
    326. 

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

  327.                         <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
    328. 

  328.                       </span>
    329. 

  329.                       <span class="nav-link-title">
    330. 

  330.                         Documentation
    331. 

  331.                       </span>
    332. 

  332.                     </a>
    333. 

  333.                   </li>
    334. 

  334.                 </ul>
    335. 

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

  336.                   <form action="." method="get">
    337. 

  337.                     <div class="input-icon">
    338. 

  338.                       <span class="input-icon-addon">
    339. 

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

  340.                         <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
    341. 

  341.                       </span>
    342. 

  342.                       <input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
    343. 

  343.                     </div>
    344. 

  344.                   </form>
    345. 

  345.                 </div>
    346. 

  346.               </div>
    347. 

  347.             </div>
    348. 

  348.           </div>
    349. 

  349.         </div>
    350. 

  350.       </div>
    351. 

  351.       <div class="page-wrapper">
    352. 

  352.         <div class="container-xl">
    353. 

  353.           <!-- Page title -->
    354. 

  354.           <div class="page-header d-print-none">
    355. 

  355.             <div class="row align-items-center">
    356. 

  356.               <div class="col">
    357. 

  357.                 <!-- Page pre-title -->
    358. 

  358.                 <div class="page-pretitle">
    359. 

  359.                   Overview
    360. 

  360.                 </div>
    361. 

  361.                 <h2 class="page-title">
    362. 

  362.                   Navbar sticky
    363. 

  363.                 </h2>
    364. 

  364.               </div>
    365. 

  365.               <!-- Page title actions -->
    366. 

  366.               <div class="col-auto ms-auto d-print-none">
    367. 

  367.                 <div class="btn-list">
    368. 

  368.                   <span class="d-none d-sm-inline">
    369. 

  369.                     <a href="#" class="btn btn-white">
    370. 

  370.                       New view
    371. 

  371.                     </a>
    372. 

  372.                   </span>
    373. 

  373.                   <a href="#" class="btn btn-primary d-none d-sm-inline-block" data-bs-toggle="modal" data-bs-target="#modal-report">
    374. 

  374.                     <!-- Download SVG icon from http://tabler-icons.io/i/plus -->
    375. 

  375.                     <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
    376. 

  376.                     Create new report
    377. 

  377.                   </a>
    378. 

  378.                   <a href="#" class="btn btn-primary d-sm-none btn-icon" data-bs-toggle="modal" data-bs-target="#modal-report" aria-label="Create new report">
    379. 

  379.                     <!-- Download SVG icon from http://tabler-icons.io/i/plus -->
    380. 

  380.                     <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
    381. 

  381.                   </a>
    382. 

  382.                 </div>
    383. 

  383.               </div>
    384. 

  384.             </div>
    385. 

  385.           </div>
    386. 

  386.         </div>
    387. 

  387.         <div class="page-body">
    388. 

  388.           <div class="container-xl">
    389. 

  389.             <div class="row row-deck row-cards">
    390. 

  390.               <div class="col-sm-6 col-lg-3">
    391. 

  391.                 <div class="card">
    392. 

  392.                   <div class="card-body">
    393. 

  393.                     <div class="d-flex align-items-center">
    394. 

  394.                       <div class="subheader">Sales</div>
    395. 

  395.                       <div class="ms-auto lh-1">
    396. 

  396.                         <div class="dropdown">
    397. 

  397.                           <a class="dropdown-toggle text-muted" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
    398. 

  398.                           <div class="dropdown-menu dropdown-menu-end">
    399. 

  399.                             <a class="dropdown-item active" href="#">Last 7 days</a>
    400. 

  400.                             <a class="dropdown-item" href="#">Last 30 days</a>
    401. 

  401.                             <a class="dropdown-item" href="#">Last 3 months</a>
    402. 

  402.                           </div>
    403. 

  403.                         </div>
    404. 

  404.                       </div>
    405. 

  405.                     </div>
    406. 

  406.                     <div class="h1 mb-3">75%</div>
    407. 

  407.                     <div class="d-flex mb-2">
    408. 

  408.                       <div>Conversion rate</div>
    409. 

  409.                       <div class="ms-auto">
    410. 

  410.                         <span class="text-green d-inline-flex align-items-center lh-1">
    411. 

  411.                           7% <!-- Download SVG icon from http://tabler-icons.io/i/trending-up -->
    412. 

  412.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-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"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
    413. 

  413.                         </span>
    414. 

  414.                       </div>
    415. 

  415.                     </div>
    416. 

  416.                     <div class="progress progress-sm">
    417. 

  417.                       <div class="progress-bar bg-blue" style="width: 75%" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
    418. 

  418.                         <span class="visually-hidden">75% Complete</span>
    419. 

  419.                       </div>
    420. 

  420.                     </div>
    421. 

  421.                   </div>
    422. 

  422.                 </div>
    423. 

  423.               </div>
    424. 

  424.               <div class="col-sm-6 col-lg-3">
    425. 

  425.                 <div class="card">
    426. 

  426.                   <div class="card-body">
    427. 

  427.                     <div class="d-flex align-items-center">
    428. 

  428.                       <div class="subheader">Revenue</div>
    429. 

  429.                       <div class="ms-auto lh-1">
    430. 

  430.                         <div class="dropdown">
    431. 

  431.                           <a class="dropdown-toggle text-muted" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
    432. 

  432.                           <div class="dropdown-menu dropdown-menu-end">
    433. 

  433.                             <a class="dropdown-item active" href="#">Last 7 days</a>
    434. 

  434.                             <a class="dropdown-item" href="#">Last 30 days</a>
    435. 

  435.                             <a class="dropdown-item" href="#">Last 3 months</a>
    436. 

  436.                           </div>
    437. 

  437.                         </div>
    438. 

  438.                       </div>
    439. 

  439.                     </div>
    440. 

  440.                     <div class="d-flex align-items-baseline">
    441. 

  441.                       <div class="h1 mb-0 me-2">$4,300</div>
    442. 

  442.                       <div class="me-auto">
    443. 

  443.                         <span class="text-green d-inline-flex align-items-center lh-1">
    444. 

  444.                           8% <!-- Download SVG icon from http://tabler-icons.io/i/trending-up -->
    445. 

  445.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-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"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
    446. 

  446.                         </span>
    447. 

  447.                       </div>
    448. 

  448.                     </div>
    449. 

  449.                   </div>
    450. 

  450.                   <div id="chart-revenue-bg" class="chart-sm"></div>
    451. 

  451.                 </div>
    452. 

  452.               </div>
    453. 

  453.               <div class="col-sm-6 col-lg-3">
    454. 

  454.                 <div class="card">
    455. 

  455.                   <div class="card-body">
    456. 

  456.                     <div class="d-flex align-items-center">
    457. 

  457.                       <div class="subheader">New clients</div>
    458. 

  458.                       <div class="ms-auto lh-1">
    459. 

  459.                         <div class="dropdown">
    460. 

  460.                           <a class="dropdown-toggle text-muted" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
    461. 

  461.                           <div class="dropdown-menu dropdown-menu-end">
    462. 

  462.                             <a class="dropdown-item active" href="#">Last 7 days</a>
    463. 

  463.                             <a class="dropdown-item" href="#">Last 30 days</a>
    464. 

  464.                             <a class="dropdown-item" href="#">Last 3 months</a>
    465. 

  465.                           </div>
    466. 

  466.                         </div>
    467. 

  467.                       </div>
    468. 

  468.                     </div>
    469. 

  469.                     <div class="d-flex align-items-baseline">
    470. 

  470.                       <div class="h1 mb-3 me-2">6,782</div>
    471. 

  471.                       <div class="me-auto">
    472. 

  472.                         <span class="text-yellow d-inline-flex align-items-center lh-1">
    473. 

  473.                           0% <!-- Download SVG icon from http://tabler-icons.io/i/minus -->
    474. 

  474.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-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"/><line x1="5" y1="12" x2="19" y2="12" /></svg>
    475. 

  475.                         </span>
    476. 

  476.                       </div>
    477. 

  477.                     </div>
    478. 

  478.                     <div id="chart-new-clients" class="chart-sm"></div>
    479. 

  479.                   </div>
    480. 

  480.                 </div>
    481. 

  481.               </div>
    482. 

  482.               <div class="col-sm-6 col-lg-3">
    483. 

  483.                 <div class="card">
    484. 

  484.                   <div class="card-body">
    485. 

  485.                     <div class="d-flex align-items-center">
    486. 

  486.                       <div class="subheader">Active users</div>
    487. 

  487.                       <div class="ms-auto lh-1">
    488. 

  488.                         <div class="dropdown">
    489. 

  489.                           <a class="dropdown-toggle text-muted" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
    490. 

  490.                           <div class="dropdown-menu dropdown-menu-end">
    491. 

  491.                             <a class="dropdown-item active" href="#">Last 7 days</a>
    492. 

  492.                             <a class="dropdown-item" href="#">Last 30 days</a>
    493. 

  493.                             <a class="dropdown-item" href="#">Last 3 months</a>
    494. 

  494.                           </div>
    495. 

  495.                         </div>
    496. 

  496.                       </div>
    497. 

  497.                     </div>
    498. 

  498.                     <div class="d-flex align-items-baseline">
    499. 

  499.                       <div class="h1 mb-3 me-2">2,986</div>
    500. 

  500.                       <div class="me-auto">
    501. 

  501.                         <span class="text-green d-inline-flex align-items-center lh-1">
    502. 

  502.                           4% <!-- Download SVG icon from http://tabler-icons.io/i/trending-up -->
    503. 

  503.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-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"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
    504. 

  504.                         </span>
    505. 

  505.                       </div>
    506. 

  506.                     </div>
    507. 

  507.                     <div id="chart-active-users" class="chart-sm"></div>
    508. 

  508.                   </div>
    509. 

  509.                 </div>
    510. 

  510.               </div>
    511. 

  511.               <div class="col-lg-6">
    512. 

  512.                 <div class="row row-cards">
    513. 

  513.                   <div class="col-12">
    514. 

  514.                     <div class="card">
    515. 

  515.                       <div class="card-body">
    516. 

  516.                         <h3 class="card-title">Traffic summary</h3>
    517. 

  517.                         <div id="chart-mentions" class="chart-lg"></div>
    518. 

  518.                       </div>
    519. 

  519.                     </div>
    520. 

  520.                   </div>
    521. 

  521.                   <div class="col-12">
    522. 

  522.                     <div class="card">
    523. 

  523.                       <div class="card-body">
    524. 

  524.                         <p class="mb-3">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
    525. 

  525.                         <div class="progress progress-separated mb-3">
    526. 

  526.                           <div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
    527. 

  527.                           <div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
    528. 

  528.                           <div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
    529. 

  529.                         </div>
    530. 

  530.                         <div class="row">
    531. 

  531.                           <div class="col-auto d-flex align-items-center pe-2">
    532. 

  532.                             <span class="legend me-2 bg-primary"></span>
    533. 

  533.                             <span>Regular</span>
    534. 

  534.                             <span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-muted">915MB</span>
    535. 

  535.                           </div>
    536. 

  536.                           <div class="col-auto d-flex align-items-center px-2">
    537. 

  537.                             <span class="legend me-2 bg-info"></span>
    538. 

  538.                             <span>System</span>
    539. 

  539.                             <span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-muted">415MB</span>
    540. 

  540.                           </div>
    541. 

  541.                           <div class="col-auto d-flex align-items-center px-2">
    542. 

  542.                             <span class="legend me-2 bg-success"></span>
    543. 

  543.                             <span>Shared</span>
    544. 

  544.                             <span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-muted">201MB</span>
    545. 

  545.                           </div>
    546. 

  546.                           <div class="col-auto d-flex align-items-center ps-2">
    547. 

  547.                             <span class="legend me-2"></span>
    548. 

  548.                             <span>Free</span>
    549. 

  549.                             <span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-muted">612MB</span>
    550. 

  550.                           </div>
    551. 

  551.                         </div>
    552. 

  552.                       </div>
    553. 

  553.                     </div>
    554. 

  554.                   </div>
    555. 

  555.                   <div class="col-sm-4">
    556. 

  556.                     <div class="card">
    557. 

  557.                       <div class="card-body p-2 text-center">
    558. 

  558.                         <div class="text-end text-green">
    559. 

  559.                           <span class="text-green d-inline-flex align-items-center lh-1">
    560. 

  560.                             6% <!-- Download SVG icon from http://tabler-icons.io/i/trending-up -->
    561. 

  561.                             <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-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"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
    562. 

  562.                           </span>
    563. 

  563.                         </div>
    564. 

  564.                         <div class="h1 m-0">43</div>
    565. 

  565.                         <div class="text-muted mb-3">New Tickets</div>
    566. 

  566.                       </div>
    567. 

  567.                     </div>
    568. 

  568.                   </div>
    569. 

  569.                   <div class="col-sm-4">
    570. 

  570.                     <div class="card">
    571. 

  571.                       <div class="card-body p-2 text-center">
    572. 

  572.                         <div class="text-end text-red">
    573. 

  573.                           <span class="text-red d-inline-flex align-items-center lh-1">
    574. 

  574.                             -2% <!-- Download SVG icon from http://tabler-icons.io/i/trending-down -->
    575. 

  575.                             <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-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"/><polyline points="3 7 9 13 13 9 21 17" /><polyline points="21 10 21 17 14 17" /></svg>
    576. 

  576.                           </span>
    577. 

  577.                         </div>
    578. 

  578.                         <div class="h1 m-0">95</div>
    579. 

  579.                         <div class="text-muted mb-3">Daily Earnings</div>
    580. 

  580.                       </div>
    581. 

  581.                     </div>
    582. 

  582.                   </div>
    583. 

  583.                   <div class="col-sm-4">
    584. 

  584.                     <div class="card">
    585. 

  585.                       <div class="card-body p-2 text-center">
    586. 

  586.                         <div class="text-end text-green">
    587. 

  587.                           <span class="text-green d-inline-flex align-items-center lh-1">
    588. 

  588.                             9% <!-- Download SVG icon from http://tabler-icons.io/i/trending-up -->
    589. 

  589.                             <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-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"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
    590. 

  590.                           </span>
    591. 

  591.                         </div>
    592. 

  592.                         <div class="h1 m-0">7</div>
    593. 

  593.                         <div class="text-muted mb-3">New Replies</div>
    594. 

  594.                       </div>
    595. 

  595.                     </div>
    596. 

  596.                   </div>
    597. 

  597.                 </div>
    598. 

  598.               </div>
    599. 

  599.               <div class="col-lg-6">
    600. 

  600.                 <div class="card">
    601. 

  601.                   <div class="card-header border-0">
    602. 

  602.                     <div class="card-title">Development activity</div>
    603. 

  603.                   </div>
    604. 

  604.                   <div class="position-relative">
    605. 

  605.                     <div class="position-absolute top-0 left-0 px-3 mt-1 w-50">
    606. 

  606.                       <div class="row g-2">
    607. 

  607.                         <div class="col-auto">
    608. 

  608.                           <div class="chart-sparkline chart-sparkline-square" id="sparkline-activity"></div>
    609. 

  609.                         </div>
    610. 

  610.                         <div class="col">
    611. 

  611.                           <div>Today's Earning: $4,262.40</div>
    612. 

  612.                           <div class="text-muted"><!-- Download SVG icon from http://tabler-icons.io/i/trending-up -->
    613. 

  613.                             <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline text-green" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
    614. 

  614.                             +5% more than yesterday</div>
    615. 

  615.                         </div>
    616. 

  616.                       </div>
    617. 

  617.                     </div>
    618. 

  618.                     <div id="chart-development-activity"></div>
    619. 

  619.                   </div>
    620. 

  620.                   <div class="card-table table-responsive">
    621. 

  621.                     <table class="table table-vcenter">
    622. 

  622.                       <thead>
    623. 

  623.                         <tr>
    624. 

  624.                           <th>User</th>
    625. 

  625.                           <th>Commit</th>
    626. 

  626.                           <th>Date</th>
    627. 

  627.                         </tr>
    628. 

  628.                       </thead>
    629. 

  629.                       <tbody>
    630. 

  630.                         <tr>
    631. 

  631.                           <td class="w-1">
    632. 

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

  633.                           </td>
    634. 

  634.                           <td class="td-truncate">
    635. 

  635.                             <div class="text-truncate">
    636. 

  636.                               Fix dart Sass compatibility (#29755)
    637. 

  637.                             </div>
    638. 

  638.                           </td>
    639. 

  639.                           <td class="text-nowrap text-muted">28 Nov 2019</td>
    640. 

  640.                         </tr>
    641. 

  641.                         <tr>
    642. 

  642.                           <td class="w-1">
    643. 

  643.                             <span class="avatar avatar-sm">JL</span>
    644. 

  644.                           </td>
    645. 

  645.                           <td class="td-truncate">
    646. 

  646.                             <div class="text-truncate">
    647. 

  647.                               Change deprecated html tags to text decoration classes (#29604)
    648. 

  648.                             </div>
    649. 

  649.                           </td>
    650. 

  650.                           <td class="text-nowrap text-muted">27 Nov 2019</td>
    651. 

  651.                         </tr>
    652. 

  652.                         <tr>
    653. 

  653.                           <td class="w-1">
    654. 

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

  655.                           </td>
    656. 

  656.                           <td class="td-truncate">
    657. 

  657.                             <div class="text-truncate">
    658. 

  658.                               justify-content:between ⇒ justify-content:space-between (#29734)
    659. 

  659.                             </div>
    660. 

  660.                           </td>
    661. 

  661.                           <td class="text-nowrap text-muted">26 Nov 2019</td>
    662. 

  662.                         </tr>
    663. 

  663.                         <tr>
    664. 

  664.                           <td class="w-1">
    665. 

  665.                             <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
    666. 

  666.                           </td>
    667. 

  667.                           <td class="td-truncate">
    668. 

  668.                             <div class="text-truncate">
    669. 

  669.                               Update change-version.js (#29736)
    670. 

  670.                             </div>
    671. 

  671.                           </td>
    672. 

  672.                           <td class="text-nowrap text-muted">26 Nov 2019</td>
    673. 

  673.                         </tr>
    674. 

  674.                         <tr>
    675. 

  675.                           <td class="w-1">
    676. 

  676.                             <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
    677. 

  677.                           </td>
    678. 

  678.                           <td class="td-truncate">
    679. 

  679.                             <div class="text-truncate">
    680. 

  680.                               Regenerate package-lock.json (#29730)
    681. 

  681.                             </div>
    682. 

  682.                           </td>
    683. 

  683.                           <td class="text-nowrap text-muted">25 Nov 2019</td>
    684. 

  684.                         </tr>
    685. 

  685.                         <tr>
    686. 

  686.                           <td class="w-1">
    687. 

  687.                             <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
    688. 

  688.                           </td>
    689. 

  689.                           <td class="td-truncate">
    690. 

  690.                             <div class="text-truncate">
    691. 

  691.                               Some minor text tweaks
    692. 

  692.                             </div>
    693. 

  693.                           </td>
    694. 

  694.                           <td class="text-nowrap text-muted">24 Nov 2019</td>
    695. 

  695.                         </tr>
    696. 

  696.                       </tbody>
    697. 

  697.                     </table>
    698. 

  698.                   </div>
    699. 

  699.                 </div>
    700. 

  700.               </div>
    701. 

  701.               <div class="col-md-8">
    702. 

  702.                 <div class="card" style="height: calc(24rem + 10px)">
    703. 

  703.                   <div class="card-body card-body-scrollable card-body-scrollable-shadow">
    704. 

  704.                     <div class="divide-y">
    705. 

  705.                       <div>
    706. 

  706.                         <div class="row">
    707. 

  707.                           <div class="col-auto">
    708. 

  708.                             <span class="avatar">JL</span>
    709. 

  709.                           </div>
    710. 

  710.                           <div class="col">
    711. 

  711.                             <div class="text-truncate">
    712. 

  712.                               <strong>Jeffie Lewzey</strong> commented on your <strong>"I'm not a witch."</strong> post.
    713. 

  713.                             </div>
    714. 

  714.                             <div class="text-muted">yesterday</div>
    715. 

  715.                           </div>
    716. 

  716.                           <div class="col-auto align-self-center">
    717. 

  717.                             <div class="badge bg-primary"></div>
    718. 

  718.                           </div>
    719. 

  719.                         </div>
    720. 

  720.                       </div>
    721. 

  721.                       <div>
    722. 

  722.                         <div class="row">
    723. 

  723.                           <div class="col-auto">
    724. 

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

  725.                           </div>
    726. 

  726.                           <div class="col">
    727. 

  727.                             <div class="text-truncate">
    728. 

  728.                               It's <strong>Mallory Hulme</strong>'s birthday. Wish him well!
    729. 

  729.                             </div>
    730. 

  730.                             <div class="text-muted">2 days ago</div>
    731. 

  731.                           </div>
    732. 

  732.                           <div class="col-auto align-self-center">
    733. 

  733.                             <div class="badge bg-primary"></div>
    734. 

  734.                           </div>
    735. 

  735.                         </div>
    736. 

  736.                       </div>
    737. 

  737.                       <div>
    738. 

  738.                         <div class="row">
    739. 

  739.                           <div class="col-auto">
    740. 

  740.                             <span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
    741. 

  741.                           </div>
    742. 

  742.                           <div class="col">
    743. 

  743.                             <div class="text-truncate">
    744. 

  744.                               <strong>Dunn Slane</strong> posted <strong>"Well, what do you want?"</strong>.
    745. 

  745.                             </div>
    746. 

  746.                             <div class="text-muted">today</div>
    747. 

  747.                           </div>
    748. 

  748.                           <div class="col-auto align-self-center">
    749. 

  749.                             <div class="badge bg-primary"></div>
    750. 

  750.                           </div>
    751. 

  751.                         </div>
    752. 

  752.                       </div>
    753. 

  753.                       <div>
    754. 

  754.                         <div class="row">
    755. 

  755.                           <div class="col-auto">
    756. 

  756.                             <span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
    757. 

  757.                           </div>
    758. 

  758.                           <div class="col">
    759. 

  759.                             <div class="text-truncate">
    760. 

  760.                               <strong>Emmy Levet</strong> created a new project <strong>Morning alarm clock</strong>.
    761. 

  761.                             </div>
    762. 

  762.                             <div class="text-muted">4 days ago</div>
    763. 

  763.                           </div>
    764. 

  764.                           <div class="col-auto align-self-center">
    765. 

  765.                             <div class="badge bg-primary"></div>
    766. 

  766.                           </div>
    767. 

  767.                         </div>
    768. 

  768.                       </div>
    769. 

  769.                       <div>
    770. 

  770.                         <div class="row">
    771. 

  771.                           <div class="col-auto">
    772. 

  772.                             <span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
    773. 

  773.                           </div>
    774. 

  774.                           <div class="col">
    775. 

  775.                             <div class="text-truncate">
    776. 

  776.                               <strong>Maryjo Lebarree</strong> liked your photo.
    777. 

  777.                             </div>
    778. 

  778.                             <div class="text-muted">2 days ago</div>
    779. 

  779.                           </div>
    780. 

  780.                         </div>
    781. 

  781.                       </div>
    782. 

  782.                       <div>
    783. 

  783.                         <div class="row">
    784. 

  784.                           <div class="col-auto">
    785. 

  785.                             <span class="avatar">EP</span>
    786. 

  786.                           </div>
    787. 

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

  788.                             <div class="text-truncate">
    789. 

  789.                               <strong>Egan Poetz</strong> registered new client as <strong>Trilia</strong>.
    790. 

  790.                             </div>
    791. 

  791.                             <div class="text-muted">yesterday</div>
    792. 

  792.                           </div>
    793. 

  793.                         </div>
    794. 

  794.                       </div>
    795. 

  795.                       <div>
    796. 

  796.                         <div class="row">
    797. 

  797.                           <div class="col-auto">
    798. 

  798.                             <span class="avatar" style="background-image: url(./static/avatars/002f.jpg)"></span>
    799. 

  799.                           </div>
    800. 

  800.                           <div class="col">
    801. 

  801.                             <div class="text-truncate">
    802. 

  802.                               <strong>Kellie Skingley</strong> closed a new deal on project <strong>Pen Pineapple Apple Pen</strong>.
    803. 

  803.                             </div>
    804. 

  804.                             <div class="text-muted">2 days ago</div>
    805. 

  805.                           </div>
    806. 

  806.                         </div>
    807. 

  807.                       </div>
    808. 

  808.                       <div>
    809. 

  809.                         <div class="row">
    810. 

  810.                           <div class="col-auto">
    811. 

  811.                             <span class="avatar" style="background-image: url(./static/avatars/003f.jpg)"></span>
    812. 

  812.                           </div>
    813. 

  813.                           <div class="col">
    814. 

  814.                             <div class="text-truncate">
    815. 

  815.                               <strong>Christabel Charlwood</strong> created a new project for <strong>Wikibox</strong>.
    816. 

  816.                             </div>
    817. 

  817.                             <div class="text-muted">4 days ago</div>
    818. 

  818.                           </div>
    819. 

  819.                         </div>
    820. 

  820.                       </div>
    821. 

  821.                       <div>
    822. 

  822.                         <div class="row">
    823. 

  823.                           <div class="col-auto">
    824. 

  824.                             <span class="avatar">HS</span>
    825. 

  825.                           </div>
    826. 

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

  827.                             <div class="text-truncate">
    828. 

  828.                               <strong>Haskel Shelper</strong> change status of <strong>Tabler Icons</strong> from <strong>open</strong> to <strong>closed</strong>.
    829. 

  829.                             </div>
    830. 

  830.                             <div class="text-muted">today</div>
    831. 

  831.                           </div>
    832. 

  832.                         </div>
    833. 

  833.                       </div>
    834. 

  834.                       <div>
    835. 

  835.                         <div class="row">
    836. 

  836.                           <div class="col-auto">
    837. 

  837.                             <span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
    838. 

  838.                           </div>
    839. 

  839.                           <div class="col">
    840. 

  840.                             <div class="text-truncate">
    841. 

  841.                               <strong>Lorry Mion</strong> liked <strong>Tabler UI Kit</strong>.
    842. 

  842.                             </div>
    843. 

  843.                             <div class="text-muted">yesterday</div>
    844. 

  844.                           </div>
    845. 

  845.                         </div>
    846. 

  846.                       </div>
    847. 

  847.                       <div>
    848. 

  848.                         <div class="row">
    849. 

  849.                           <div class="col-auto">
    850. 

  850.                             <span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
    851. 

  851.                           </div>
    852. 

  852.                           <div class="col">
    853. 

  853.                             <div class="text-truncate">
    854. 

  854.                               <strong>Leesa Beaty</strong> posted new video.
    855. 

  855.                             </div>
    856. 

  856.                             <div class="text-muted">2 days ago</div>
    857. 

  857.                           </div>
    858. 

  858.                         </div>
    859. 

  859.                       </div>
    860. 

  860.                       <div>
    861. 

  861.                         <div class="row">
    862. 

  862.                           <div class="col-auto">
    863. 

  863.                             <span class="avatar" style="background-image: url(./static/avatars/007m.jpg)"></span>
    864. 

  864.                           </div>
    865. 

  865.                           <div class="col">
    866. 

  866.                             <div class="text-truncate">
    867. 

  867.                               <strong>Perren Keemar</strong> and 3 others followed you.
    868. 

  868.                             </div>
    869. 

  869.                             <div class="text-muted">2 days ago</div>
    870. 

  870.                           </div>
    871. 

  871.                         </div>
    872. 

  872.                       </div>
    873. 

  873.                       <div>
    874. 

  874.                         <div class="row">
    875. 

  875.                           <div class="col-auto">
    876. 

  876.                             <span class="avatar">SA</span>
    877. 

  877.                           </div>
    878. 

  878.                           <div class="col">
    879. 

  879.                             <div class="text-truncate">
    880. 

  880.                               <strong>Sunny Airey</strong> upload 3 new photos to category <strong>Inspirations</strong>.
    881. 

  881.                             </div>
    882. 

  882.                             <div class="text-muted">2 days ago</div>
    883. 

  883.                           </div>
    884. 

  884.                         </div>
    885. 

  885.                       </div>
    886. 

  886.                       <div>
    887. 

  887.                         <div class="row">
    888. 

  888.                           <div class="col-auto">
    889. 

  889.                             <span class="avatar" style="background-image: url(./static/avatars/009m.jpg)"></span>
    890. 

  890.                           </div>
    891. 

  891.                           <div class="col">
    892. 

  892.                             <div class="text-truncate">
    893. 

  893.                               <strong>Geoffry Flaunders</strong> made a <strong>$10</strong> donation.
    894. 

  894.                             </div>
    895. 

  895.                             <div class="text-muted">2 days ago</div>
    896. 

  896.                           </div>
    897. 

  897.                         </div>
    898. 

  898.                       </div>
    899. 

  899.                       <div>
    900. 

  900.                         <div class="row">
    901. 

  901.                           <div class="col-auto">
    902. 

  902.                             <span class="avatar" style="background-image: url(./static/avatars/010m.jpg)"></span>
    903. 

  903.                           </div>
    904. 

  904.                           <div class="col">
    905. 

  905.                             <div class="text-truncate">
    906. 

  906.                               <strong>Thatcher Keel</strong> created a profile.
    907. 

  907.                             </div>
    908. 

  908.                             <div class="text-muted">3 days ago</div>
    909. 

  909.                           </div>
    910. 

  910.                         </div>
    911. 

  911.                       </div>
    912. 

  912.                       <div>
    913. 

  913.                         <div class="row">
    914. 

  914.                           <div class="col-auto">
    915. 

  915.                             <span class="avatar" style="background-image: url(./static/avatars/005f.jpg)"></span>
    916. 

  916.                           </div>
    917. 

  917.                           <div class="col">
    918. 

  918.                             <div class="text-truncate">
    919. 

  919.                               <strong>Dyann Escala</strong> hosted the event <strong>Tabler UI Birthday</strong>.
    920. 

  920.                             </div>
    921. 

  921.                             <div class="text-muted">4 days ago</div>
    922. 

  922.                           </div>
    923. 

  923.                         </div>
    924. 

  924.                       </div>
    925. 

  925.                       <div>
    926. 

  926.                         <div class="row">
    927. 

  927.                           <div class="col-auto">
    928. 

  928.                             <span class="avatar" style="background-image: url(./static/avatars/006f.jpg)"></span>
    929. 

  929.                           </div>
    930. 

  930.                           <div class="col">
    931. 

  931.                             <div class="text-truncate">
    932. 

  932.                               <strong>Avivah Mugleston</strong> mentioned you on <strong>Best of 2020</strong>.
    933. 

  933.                             </div>
    934. 

  934.                             <div class="text-muted">2 days ago</div>
    935. 

  935.                           </div>
    936. 

  936.                         </div>
    937. 

  937.                       </div>
    938. 

  938.                       <div>
    939. 

  939.                         <div class="row">
    940. 

  940.                           <div class="col-auto">
    941. 

  941.                             <span class="avatar">AA</span>
    942. 

  942.                           </div>
    943. 

  943.                           <div class="col">
    944. 

  944.                             <div class="text-truncate">
    945. 

  945.                               <strong>Arlie Armstead</strong> sent a Review Request to <strong>Amanda Blake</strong>.
    946. 

  946.                             </div>
    947. 

  947.                             <div class="text-muted">2 days ago</div>
    948. 

  948.                           </div>
    949. 

  949.                         </div>
    950. 

  950.                       </div>
    951. 

  951.                     </div>
    952. 

  952.                   </div>
    953. 

  953.                 </div>
    954. 

  954.               </div>
    955. 

  955.               <div class="col-md-4">
    956. 

  956.                 <div class="row row-cards">
    957. 

  957.                   <div class="col-12">
    958. 

  958.                     <div class="card card-sm">
    959. 

  959.                       <div class="card-body">
    960. 

  960.                         <div class="row align-items-center">
    961. 

  961.                           <div class="col-auto">
    962. 

  962.                             <span class="bg-blue text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/currency-dollar -->
    963. 

  963.                               <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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
    964. 

  964.                             </span>
    965. 

  965.                           </div>
    966. 

  966.                           <div class="col">
    967. 

  967.                             <div class="font-weight-medium">
    968. 

  968.                               132 Sales
    969. 

  969.                             </div>
    970. 

  970.                             <div class="text-muted">
    971. 

  971.                               12 waiting payments
    972. 

  972.                             </div>
    973. 

  973.                           </div>
    974. 

  974.                         </div>
    975. 

  975.                       </div>
    976. 

  976.                     </div>
    977. 

  977.                   </div>
    978. 

  978.                   <div class="col-12">
    979. 

  979.                     <div class="card card-sm">
    980. 

  980.                       <div class="card-body">
    981. 

  981.                         <div class="row align-items-center">
    982. 

  982.                           <div class="col-auto">
    983. 

  983.                             <span class="bg-green text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/shopping-cart -->
    984. 

  984.                               <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M17 17h-11v-14h-2" /><path d="M6 5l14 1l-1 7h-13" /></svg>
    985. 

  985.                             </span>
    986. 

  986.                           </div>
    987. 

  987.                           <div class="col">
    988. 

  988.                             <div class="font-weight-medium">
    989. 

  989.                               78 Orders
    990. 

  990.                             </div>
    991. 

  991.                             <div class="text-muted">
    992. 

  992.                               32 shipped
    993. 

  993.                             </div>
    994. 

  994.                           </div>
    995. 

  995.                         </div>
    996. 

  996.                       </div>
    997. 

  997.                     </div>
    998. 

  998.                   </div>
    999. 

  999.                   <div class="col-12">
    1000. 

  1000.                     <div class="card card-sm">
    1001. 

  1001.                       <div class="card-body">
    1002. 

  1002.                         <div class="row align-items-center">
    1003. 

  1003.                           <div class="col-auto">
    1004. 

  1004.                             <span class="bg-yellow text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/users -->
    1005. 

  1005.                               <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
    1006. 

  1006.                             </span>
    1007. 

  1007.                           </div>
    1008. 

  1008.                           <div class="col">
    1009. 

  1009.                             <div class="font-weight-medium">
    1010. 

  1010.                               1352 Members
    1011. 

  1011.                             </div>
    1012. 

  1012.                             <div class="text-muted">
    1013. 

  1013.                               163 registered today
    1014. 

  1014.                             </div>
    1015. 

  1015.                           </div>
    1016. 

  1016.                         </div>
    1017. 

  1017.                       </div>
    1018. 

  1018.                     </div>
    1019. 

  1019.                   </div>
    1020. 

  1020.                   <div class="col-12">
    1021. 

  1021.                     <div class="card card-sm">
    1022. 

  1022.                       <div class="card-body">
    1023. 

  1023.                         <div class="row align-items-center">
    1024. 

  1024.                           <div class="col-auto">
    1025. 

  1025.                             <span class="bg-twitter text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/brand-twitter -->
    1026. 

  1026.                               <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.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
    1027. 

  1027.                             </span>
    1028. 

  1028.                           </div>
    1029. 

  1029.                           <div class="col">
    1030. 

  1030.                             <div class="font-weight-medium">
    1031. 

  1031.                               623 Shares
    1032. 

  1032.                             </div>
    1033. 

  1033.                             <div class="text-muted">
    1034. 

  1034.                               16 today
    1035. 

  1035.                             </div>
    1036. 

  1036.                           </div>
    1037. 

  1037.                         </div>
    1038. 

  1038.                       </div>
    1039. 

  1039.                     </div>
    1040. 

  1040.                   </div>
    1041. 

  1041.                   <div class="col-12">
    1042. 

  1042.                     <div class="card card-sm">
    1043. 

  1043.                       <div class="card-body">
    1044. 

  1044.                         <div class="row align-items-center">
    1045. 

  1045.                           <div class="col-auto">
    1046. 

  1046.                             <span class="bg-facebook text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/brand-facebook -->
    1047. 

  1047.                               <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>
    1048. 

  1048.                             </span>
    1049. 

  1049.                           </div>
    1050. 

  1050.                           <div class="col">
    1051. 

  1051.                             <div class="font-weight-medium">
    1052. 

  1052.                               132 Likes
    1053. 

  1053.                             </div>
    1054. 

  1054.                             <div class="text-muted">
    1055. 

  1055.                               21 today
    1056. 

  1056.                             </div>
    1057. 

  1057.                           </div>
    1058. 

  1058.                         </div>
    1059. 

  1059.                       </div>
    1060. 

  1060.                     </div>
    1061. 

  1061.                   </div>
    1062. 

  1062.                 </div>
    1063. 

  1063.               </div>
    1064. 

  1064.               <div class="col-md-12 col-lg-8">
    1065. 

  1065.                 <div class="card">
    1066. 

  1066.                   <div class="card-header">
    1067. 

  1067.                     <h3 class="card-title">Most Visited Pages</h3>
    1068. 

  1068.                   </div>
    1069. 

  1069.                   <div class="card-table table-responsive">
    1070. 

  1070.                     <table class="table table-vcenter">
    1071. 

  1071.                       <thead>
    1072. 

  1072.                         <tr>
    1073. 

  1073.                           <th>Page name</th>
    1074. 

  1074.                           <th>Visitors</th>
    1075. 

  1075.                           <th>Unique</th>
    1076. 

  1076.                           <th colspan="2">Bounce rate</th>
    1077. 

  1077.                         </tr>
    1078. 

  1078.                       </thead>
    1079. 

  1079.                       <tr>
    1080. 

  1080.                         <td>
    1081. 

  1081.                           /about.html
    1082. 

  1082.                           <a href="#" class="ms-1" aria-label="Open website"><!-- Download SVG icon from http://tabler-icons.io/i/link -->
    1083. 

  1083.                             <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 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
    1084. 

  1084.                           </a>
    1085. 

  1085.                         </td>
    1086. 

  1086.                         <td class="text-muted">4,896</td>
    1087. 

  1087.                         <td class="text-muted">3,654</td>
    1088. 

  1088.                         <td class="text-muted">82.54%</td>
    1089. 

  1089.                         <td class="text-end w-1">
    1090. 

  1090.                           <div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-1"></div>
    1091. 

  1091.                         </td>
    1092. 

  1092.                       </tr>
    1093. 

  1093.                       <tr>
    1094. 

  1094.                         <td>
    1095. 

  1095.                           /special-promo.html
    1096. 

  1096.                           <a href="#" class="ms-1" aria-label="Open website"><!-- Download SVG icon from http://tabler-icons.io/i/link -->
    1097. 

  1097.                             <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 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
    1098. 

  1098.                           </a>
    1099. 

  1099.                         </td>
    1100. 

  1100.                         <td class="text-muted">3,652</td>
    1101. 

  1101.                         <td class="text-muted">3,215</td>
    1102. 

  1102.                         <td class="text-muted">76.29%</td>
    1103. 

  1103.                         <td class="text-end w-1">
    1104. 

  1104.                           <div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-2"></div>
    1105. 

  1105.                         </td>
    1106. 

  1106.                       </tr>
    1107. 

  1107.                       <tr>
    1108. 

  1108.                         <td>
    1109. 

  1109.                           /news/1,new-ui-kit.html
    1110. 

  1110.                           <a href="#" class="ms-1" aria-label="Open website"><!-- Download SVG icon from http://tabler-icons.io/i/link -->
    1111. 

  1111.                             <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 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
    1112. 

  1112.                           </a>
    1113. 

  1113.                         </td>
    1114. 

  1114.                         <td class="text-muted">3,256</td>
    1115. 

  1115.                         <td class="text-muted">2,865</td>
    1116. 

  1116.                         <td class="text-muted">72.65%</td>
    1117. 

  1117.                         <td class="text-end w-1">
    1118. 

  1118.                           <div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-3"></div>
    1119. 

  1119.                         </td>
    1120. 

  1120.                       </tr>
    1121. 

  1121.                       <tr>
    1122. 

  1122.                         <td>
    1123. 

  1123.                           /lorem-ipsum-dolor-sit-amet-very-long-url.html
    1124. 

  1124.                           <a href="#" class="ms-1" aria-label="Open website"><!-- Download SVG icon from http://tabler-icons.io/i/link -->
    1125. 

  1125.                             <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 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
    1126. 

  1126.                           </a>
    1127. 

  1127.                         </td>
    1128. 

  1128.                         <td class="text-muted">986</td>
    1129. 

  1129.                         <td class="text-muted">865</td>
    1130. 

  1130.                         <td class="text-muted">44.89%</td>
    1131. 

  1131.                         <td class="text-end w-1">
    1132. 

  1132.                           <div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-4"></div>
    1133. 

  1133.                         </td>
    1134. 

  1134.                       </tr>
    1135. 

  1135.                       <tr>
    1136. 

  1136.                         <td>
    1137. 

  1137.                           /colors.html
    1138. 

  1138.                           <a href="#" class="ms-1" aria-label="Open website"><!-- Download SVG icon from http://tabler-icons.io/i/link -->
    1139. 

  1139.                             <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 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
    1140. 

  1140.                           </a>
    1141. 

  1141.                         </td>
    1142. 

  1142.                         <td class="text-muted">912</td>
    1143. 

  1143.                         <td class="text-muted">822</td>
    1144. 

  1144.                         <td class="text-muted">41.12%</td>
    1145. 

  1145.                         <td class="text-end w-1">
    1146. 

  1146.                           <div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-5"></div>
    1147. 

  1147.                         </td>
    1148. 

  1148.                       </tr>
    1149. 

  1149.                       <tr>
    1150. 

  1150.                         <td>
    1151. 

  1151.                           /docs/index.html
    1152. 

  1152.                           <a href="#" class="ms-1" aria-label="Open website"><!-- Download SVG icon from http://tabler-icons.io/i/link -->
    1153. 

  1153.                             <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 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
    1154. 

  1154.                           </a>
    1155. 

  1155.                         </td>
    1156. 

  1156.                         <td class="text-muted">855</td>
    1157. 

  1157.                         <td class="text-muted">798</td>
    1158. 

  1158.                         <td class="text-muted">32.65%</td>
    1159. 

  1159.                         <td class="text-end w-1">
    1160. 

  1160.                           <div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-6"></div>
    1161. 

  1161.                         </td>
    1162. 

  1162.                       </tr>
    1163. 

  1163.                     </table>
    1164. 

  1164.                   </div>
    1165. 

  1165.                 </div>
    1166. 

  1166.               </div>
    1167. 

  1167.               <div class="col-md-6 col-lg-4">
    1168. 

  1168.                 <a href="https://github.com/sponsors/codecalm" class="card card-sponsor" target="_blank" rel="noopener" style="background-image: url(./static/sponsor-banner-homepage.svg)" aria-label="Sponsor Tabler!">
    1169. 

  1169.                   <div class="card-body"></div>
    1170. 

  1170.                 </a>
    1171. 

  1171.               </div>
    1172. 

  1172.               <div class="col-md-6 col-lg-4">
    1173. 

  1173.                 <div class="card">
    1174. 

  1174.                   <div class="card-header">
    1175. 

  1175.                     <h3 class="card-title">Social Media Traffic</h3>
    1176. 

  1176.                   </div>
    1177. 

  1177.                   <table class="table card-table table-vcenter">
    1178. 

  1178.                     <thead>
    1179. 

  1179.                       <tr>
    1180. 

  1180.                         <th>Network</th>
    1181. 

  1181.                         <th colspan="2">Visitors</th>
    1182. 

  1182.                       </tr>
    1183. 

  1183.                     </thead>
    1184. 

  1184.                     <tbody>
    1185. 

  1185.                       <tr>
    1186. 

  1186.                         <td>Instagram</td>
    1187. 

  1187.                         <td>3,550</td>
    1188. 

  1188.                         <td class="w-50">
    1189. 

  1189.                           <div class="progress progress-xs">
    1190. 

  1190.                             <div class="progress-bar bg-primary" style="width: 71.0%"></div>
    1191. 

  1191.                           </div>
    1192. 

  1192.                         </td>
    1193. 

  1193.                       </tr>
    1194. 

  1194.                       <tr>
    1195. 

  1195.                         <td>Twitter</td>
    1196. 

  1196.                         <td>1,798</td>
    1197. 

  1197.                         <td class="w-50">
    1198. 

  1198.                           <div class="progress progress-xs">
    1199. 

  1199.                             <div class="progress-bar bg-primary" style="width: 35.96%"></div>
    1200. 

  1200.                           </div>
    1201. 

  1201.                         </td>
    1202. 

  1202.                       </tr>
    1203. 

  1203.                       <tr>
    1204. 

  1204.                         <td>Facebook</td>
    1205. 

  1205.                         <td>1,245</td>
    1206. 

  1206.                         <td class="w-50">
    1207. 

  1207.                           <div class="progress progress-xs">
    1208. 

  1208.                             <div class="progress-bar bg-primary" style="width: 24.9%"></div>
    1209. 

  1209.                           </div>
    1210. 

  1210.                         </td>
    1211. 

  1211.                       </tr>
    1212. 

  1212.                       <tr>
    1213. 

  1213.                         <td>TikTok</td>
    1214. 

  1214.                         <td>986</td>
    1215. 

  1215.                         <td class="w-50">
    1216. 

  1216.                           <div class="progress progress-xs">
    1217. 

  1217.                             <div class="progress-bar bg-primary" style="width: 19.72%"></div>
    1218. 

  1218.                           </div>
    1219. 

  1219.                         </td>
    1220. 

  1220.                       </tr>
    1221. 

  1221.                       <tr>
    1222. 

  1222.                         <td>Pinterest</td>
    1223. 

  1223.                         <td>854</td>
    1224. 

  1224.                         <td class="w-50">
    1225. 

  1225.                           <div class="progress progress-xs">
    1226. 

  1226.                             <div class="progress-bar bg-primary" style="width: 17.08%"></div>
    1227. 

  1227.                           </div>
    1228. 

  1228.                         </td>
    1229. 

  1229.                       </tr>
    1230. 

  1230.                       <tr>
    1231. 

  1231.                         <td>VK</td>
    1232. 

  1232.                         <td>650</td>
    1233. 

  1233.                         <td class="w-50">
    1234. 

  1234.                           <div class="progress progress-xs">
    1235. 

  1235.                             <div class="progress-bar bg-primary" style="width: 13.0%"></div>
    1236. 

  1236.                           </div>
    1237. 

  1237.                         </td>
    1238. 

  1238.                       </tr>
    1239. 

  1239.                       <tr>
    1240. 

  1240.                         <td>Pinterest</td>
    1241. 

  1241.                         <td>420</td>
    1242. 

  1242.                         <td class="w-50">
    1243. 

  1243.                           <div class="progress progress-xs">
    1244. 

  1244.                             <div class="progress-bar bg-primary" style="width: 8.4%"></div>
    1245. 

  1245.                           </div>
    1246. 

  1246.                         </td>
    1247. 

  1247.                       </tr>
    1248. 

  1248.                     </tbody>
    1249. 

  1249.                   </table>
    1250. 

  1250.                 </div>
    1251. 

  1251.               </div>
    1252. 

  1252.               <div class="col-md-12 col-lg-8">
    1253. 

  1253.                 <div class="card">
    1254. 

  1254.                   <div class="card-header">
    1255. 

  1255.                     <h3 class="card-title">Tasks</h3>
    1256. 

  1256.                   </div>
    1257. 

  1257.                   <div class="table-responsive">
    1258. 

  1258.                     <table class="table card-table table-vcenter">
    1259. 

  1259.                       <tr>
    1260. 

  1260.                         <td class="w-1 pe-0">
    1261. 

  1261.                           <input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" checked >
    1262. 

  1262.                         </td>
    1263. 

  1263.                         <td class="w-100">
    1264. 

  1264.                           <a href="#" class="text-reset">Extend the data model.</a>
    1265. 

  1265.                         </td>
    1266. 

  1266.                         <td class="text-nowrap text-muted">
    1267. 

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

  1268.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
    1269. 

  1269.                           January 01, 2019
    1270. 

  1270.                         </td>
    1271. 

  1271.                         <td class="text-nowrap">
    1272. 

  1272.                           <a href="#" class="text-muted">
    1273. 

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

  1274.                             <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>
    1275. 

  1275.                             2/7
    1276. 

  1276.                           </a>
    1277. 

  1277.                         </td>
    1278. 

  1278.                         <td class="text-nowrap">
    1279. 

  1279.                           <a href="#" class="text-muted">
    1280. 

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

  1281.                             <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 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
    1282. 

  1282.                             3</a>
    1283. 

  1283.                         </td>
    1284. 

  1284.                         <td>
    1285. 

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

  1286.                         </td>
    1287. 

  1287.                       </tr>
    1288. 

  1288.                       <tr>
    1289. 

  1289.                         <td class="w-1 pe-0">
    1290. 

  1290.                           <input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" >
    1291. 

  1291.                         </td>
    1292. 

  1292.                         <td class="w-100">
    1293. 

  1293.                           <a href="#" class="text-reset">Verify the event flow.</a>
    1294. 

  1294.                         </td>
    1295. 

  1295.                         <td class="text-nowrap text-muted">
    1296. 

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

  1297.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
    1298. 

  1298.                           January 01, 2019
    1299. 

  1299.                         </td>
    1300. 

  1300.                         <td class="text-nowrap">
    1301. 

  1301.                           <a href="#" class="text-muted">
    1302. 

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

  1303.                             <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>
    1304. 

  1304.                             3/10
    1305. 

  1305.                           </a>
    1306. 

  1306.                         </td>
    1307. 

  1307.                         <td class="text-nowrap">
    1308. 

  1308.                           <a href="#" class="text-muted">
    1309. 

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

  1310.                             <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 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
    1311. 

  1311.                             6</a>
    1312. 

  1312.                         </td>
    1313. 

  1313.                         <td>
    1314. 

  1314.                           <span class="avatar avatar-sm">JL</span>
    1315. 

  1315.                         </td>
    1316. 

  1316.                       </tr>
    1317. 

  1317.                       <tr>
    1318. 

  1318.                         <td class="w-1 pe-0">
    1319. 

  1319.                           <input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" >
    1320. 

  1320.                         </td>
    1321. 

  1321.                         <td class="w-100">
    1322. 

  1322.                           <a href="#" class="text-reset">Database backup and maintenance</a>
    1323. 

  1323.                         </td>
    1324. 

  1324.                         <td class="text-nowrap text-muted">
    1325. 

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

  1326.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
    1327. 

  1327.                           January 01, 2019
    1328. 

  1328.                         </td>
    1329. 

  1329.                         <td class="text-nowrap">
    1330. 

  1330.                           <a href="#" class="text-muted">
    1331. 

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

  1332.                             <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>
    1333. 

  1333.                             0/6
    1334. 

  1334.                           </a>
    1335. 

  1335.                         </td>
    1336. 

  1336.                         <td class="text-nowrap">
    1337. 

  1337.                           <a href="#" class="text-muted">
    1338. 

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

  1339.                             <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 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
    1340. 

  1340.                             1</a>
    1341. 

  1341.                         </td>
    1342. 

  1342.                         <td>
    1343. 

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

  1344.                         </td>
    1345. 

  1345.                       </tr>
    1346. 

  1346.                       <tr>
    1347. 

  1347.                         <td class="w-1 pe-0">
    1348. 

  1348.                           <input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" checked >
    1349. 

  1349.                         </td>
    1350. 

  1350.                         <td class="w-100">
    1351. 

  1351.                           <a href="#" class="text-reset">Identify the implementation team.</a>
    1352. 

  1352.                         </td>
    1353. 

  1353.                         <td class="text-nowrap text-muted">
    1354. 

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

  1355.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
    1356. 

  1356.                           January 01, 2019
    1357. 

  1357.                         </td>
    1358. 

  1358.                         <td class="text-nowrap">
    1359. 

  1359.                           <a href="#" class="text-muted">
    1360. 

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

  1361.                             <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>
    1362. 

  1362.                             6/10
    1363. 

  1363.                           </a>
    1364. 

  1364.                         </td>
    1365. 

  1365.                         <td class="text-nowrap">
    1366. 

  1366.                           <a href="#" class="text-muted">
    1367. 

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

  1368.                             <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 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
    1369. 

  1369.                             12</a>
    1370. 

  1370.                         </td>
    1371. 

  1371.                         <td>
    1372. 

  1372.                           <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
    1373. 

  1373.                         </td>
    1374. 

  1374.                       </tr>
    1375. 

  1375.                       <tr>
    1376. 

  1376.                         <td class="w-1 pe-0">
    1377. 

  1377.                           <input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" >
    1378. 

  1378.                         </td>
    1379. 

  1379.                         <td class="w-100">
    1380. 

  1380.                           <a href="#" class="text-reset">Define users and workflow</a>
    1381. 

  1381.                         </td>
    1382. 

  1382.                         <td class="text-nowrap text-muted">
    1383. 

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

  1384.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
    1385. 

  1385.                           January 01, 2019
    1386. 

  1386.                         </td>
    1387. 

  1387.                         <td class="text-nowrap">
    1388. 

  1388.                           <a href="#" class="text-muted">
    1389. 

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

  1390.                             <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>
    1391. 

  1391.                             3/7
    1392. 

  1392.                           </a>
    1393. 

  1393.                         </td>
    1394. 

  1394.                         <td class="text-nowrap">
    1395. 

  1395.                           <a href="#" class="text-muted">
    1396. 

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

  1397.                             <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 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
    1398. 

  1398.                             5</a>
    1399. 

  1399.                         </td>
    1400. 

  1400.                         <td>
    1401. 

  1401.                           <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000f.jpg)"></span>
    1402. 

  1402.                         </td>
    1403. 

  1403.                       </tr>
    1404. 

  1404.                       <tr>
    1405. 

  1405.                         <td class="w-1 pe-0">
    1406. 

  1406.                           <input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" checked >
    1407. 

  1407.                         </td>
    1408. 

  1408.                         <td class="w-100">
    1409. 

  1409.                           <a href="#" class="text-reset">Check Pull Requests</a>
    1410. 

  1410.                         </td>
    1411. 

  1411.                         <td class="text-nowrap text-muted">
    1412. 

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

  1413.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
    1414. 

  1414.                           January 01, 2019
    1415. 

  1415.                         </td>
    1416. 

  1416.                         <td class="text-nowrap">
    1417. 

  1417.                           <a href="#" class="text-muted">
    1418. 

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

  1419.                             <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>
    1420. 

  1420.                             2/9
    1421. 

  1421.                           </a>
    1422. 

  1422.                         </td>
    1423. 

  1423.                         <td class="text-nowrap">
    1424. 

  1424.                           <a href="#" class="text-muted">
    1425. 

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

  1426.                             <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 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
    1427. 

  1427.                             3</a>
    1428. 

  1428.                         </td>
    1429. 

  1429.                         <td>
    1430. 

  1430.                           <span class="avatar avatar-sm" style="background-image: url(./static/avatars/001f.jpg)"></span>
    1431. 

  1431.                         </td>
    1432. 

  1432.                       </tr>
    1433. 

  1433.                     </table>
    1434. 

  1434.                   </div>
    1435. 

  1435.                 </div>
    1436. 

  1436.               </div>
    1437. 

  1437.               <div class="col-12">
    1438. 

  1438.                 <div class="card">
    1439. 

  1439.                   <div class="card-header">
    1440. 

  1440.                     <h3 class="card-title">Invoices</h3>
    1441. 

  1441.                   </div>
    1442. 

  1442.                   <div class="card-body border-bottom py-3">
    1443. 

  1443.                     <div class="d-flex">
    1444. 

  1444.                       <div class="text-muted">
    1445. 

  1445.                         Show
    1446. 

  1446.                         <div class="mx-2 d-inline-block">
    1447. 

  1447.                           <input type="text" class="form-control form-control-sm" value="8" size="3" aria-label="Invoices count">
    1448. 

  1448.                         </div>
    1449. 

  1449.                         entries
    1450. 

  1450.                       </div>
    1451. 

  1451.                       <div class="ms-auto text-muted">
    1452. 

  1452.                         Search:
    1453. 

  1453.                         <div class="ms-2 d-inline-block">
    1454. 

  1454.                           <input type="text" class="form-control form-control-sm" aria-label="Search invoice">
    1455. 

  1455.                         </div>
    1456. 

  1456.                       </div>
    1457. 

  1457.                     </div>
    1458. 

  1458.                   </div>
    1459. 

  1459.                   <div class="table-responsive">
    1460. 

  1460.                     <table class="table card-table table-vcenter text-nowrap datatable">
    1461. 

  1461.                       <thead>
    1462. 

  1462.                         <tr>
    1463. 

  1463.                           <th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select all invoices"></th>
    1464. 

  1464.                           <th class="w-1">No. <!-- Download SVG icon from http://tabler-icons.io/i/chevron-up -->
    1465. 

  1465.                             <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
    1466. 

  1466.                           </th>
    1467. 

  1467.                           <th>Invoice Subject</th>
    1468. 

  1468.                           <th>Client</th>
    1469. 

  1469.                           <th>VAT No.</th>
    1470. 

  1470.                           <th>Created</th>
    1471. 

  1471.                           <th>Status</th>
    1472. 

  1472.                           <th>Price</th>
    1473. 

  1473.                           <th></th>
    1474. 

  1474.                         </tr>
    1475. 

  1475.                       </thead>
    1476. 

  1476.                       <tbody>
    1477. 

  1477.                         <tr>
    1478. 

  1478.                           <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
    1479. 

  1479.                           <td><span class="text-muted">001401</span></td>
    1480. 

  1480.                           <td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
    1481. 

  1481.                           <td>
    1482. 

  1482.                             <span class="flag flag-country-us"></span>
    1483. 

  1483.                             Carlson Limited
    1484. 

  1484.                           </td>
    1485. 

  1485.                           <td>
    1486. 

  1486.                             87956621
    1487. 

  1487.                           </td>
    1488. 

  1488.                           <td>
    1489. 

  1489.                             15 Dec 2017
    1490. 

  1490.                           </td>
    1491. 

  1491.                           <td>
    1492. 

  1492.                             <span class="badge bg-success me-1"></span> Paid
    1493. 

  1493.                           </td>
    1494. 

  1494.                           <td>$887</td>
    1495. 

  1495.                           <td class="text-end">
    1496. 

  1496.                             <span class="dropdown">
    1497. 

  1497.                               <button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
    1498. 

  1498.                               <div class="dropdown-menu dropdown-menu-end">
    1499. 

  1499.                                 <a class="dropdown-item" href="#">
    1500. 

  1500.                                   Action
    1501. 

  1501.                                 </a>
    1502. 

  1502.                                 <a class="dropdown-item" href="#">
    1503. 

  1503.                                   Another action
    1504. 

  1504.                                 </a>
    1505. 

  1505.                               </div>
    1506. 

  1506.                             </span>
    1507. 

  1507.                           </td>
    1508. 

  1508.                         </tr>
    1509. 

  1509.                         <tr>
    1510. 

  1510.                           <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
    1511. 

  1511.                           <td><span class="text-muted">001402</span></td>
    1512. 

  1512.                           <td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
    1513. 

  1513.                           <td>
    1514. 

  1514.                             <span class="flag flag-country-gb"></span>
    1515. 

  1515.                             Adobe
    1516. 

  1516.                           </td>
    1517. 

  1517.                           <td>
    1518. 

  1518.                             87956421
    1519. 

  1519.                           </td>
    1520. 

  1520.                           <td>
    1521. 

  1521.                             12 Apr 2017
    1522. 

  1522.                           </td>
    1523. 

  1523.                           <td>
    1524. 

  1524.                             <span class="badge bg-warning me-1"></span> Pending
    1525. 

  1525.                           </td>
    1526. 

  1526.                           <td>$1200</td>
    1527. 

  1527.                           <td class="text-end">
    1528. 

  1528.                             <span class="dropdown">
    1529. 

  1529.                               <button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
    1530. 

  1530.                               <div class="dropdown-menu dropdown-menu-end">
    1531. 

  1531.                                 <a class="dropdown-item" href="#">
    1532. 

  1532.                                   Action
    1533. 

  1533.                                 </a>
    1534. 

  1534.                                 <a class="dropdown-item" href="#">
    1535. 

  1535.                                   Another action
    1536. 

  1536.                                 </a>
    1537. 

  1537.                               </div>
    1538. 

  1538.                             </span>
    1539. 

  1539.                           </td>
    1540. 

  1540.                         </tr>
    1541. 

  1541.                         <tr>
    1542. 

  1542.                           <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
    1543. 

  1543.                           <td><span class="text-muted">001403</span></td>
    1544. 

  1544.                           <td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
    1545. 

  1545.                           <td>
    1546. 

  1546.                             <span class="flag flag-country-de"></span>
    1547. 

  1547.                             Bluewolf
    1548. 

  1548.                           </td>
    1549. 

  1549.                           <td>
    1550. 

  1550.                             87952621
    1551. 

  1551.                           </td>
    1552. 

  1552.                           <td>
    1553. 

  1553.                             23 Oct 2017
    1554. 

  1554.                           </td>
    1555. 

  1555.                           <td>
    1556. 

  1556.                             <span class="badge bg-warning me-1"></span> Pending
    1557. 

  1557.                           </td>
    1558. 

  1558.                           <td>$534</td>
    1559. 

  1559.                           <td class="text-end">
    1560. 

  1560.                             <span class="dropdown">
    1561. 

  1561.                               <button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
    1562. 

  1562.                               <div class="dropdown-menu dropdown-menu-end">
    1563. 

  1563.                                 <a class="dropdown-item" href="#">
    1564. 

  1564.                                   Action
    1565. 

  1565.                                 </a>
    1566. 

  1566.                                 <a class="dropdown-item" href="#">
    1567. 

  1567.                                   Another action
    1568. 

  1568.                                 </a>
    1569. 

  1569.                               </div>
    1570. 

  1570.                             </span>
    1571. 

  1571.                           </td>
    1572. 

  1572.                         </tr>
    1573. 

  1573.                         <tr>
    1574. 

  1574.                           <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
    1575. 

  1575.                           <td><span class="text-muted">001404</span></td>
    1576. 

  1576.                           <td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
    1577. 

  1577.                           <td>
    1578. 

  1578.                             <span class="flag flag-country-br"></span>
    1579. 

  1579.                             Salesforce
    1580. 

  1580.                           </td>
    1581. 

  1581.                           <td>
    1582. 

  1582.                             87953421
    1583. 

  1583.                           </td>
    1584. 

  1584.                           <td>
    1585. 

  1585.                             2 Sep 2017
    1586. 

  1586.                           </td>
    1587. 

  1587.                           <td>
    1588. 

  1588.                             <span class="badge bg-secondary me-1"></span> Due in 2 Weeks
    1589. 

  1589.                           </td>
    1590. 

  1590.                           <td>$1500</td>
    1591. 

  1591.                           <td class="text-end">
    1592. 

  1592.                             <span class="dropdown">
    1593. 

  1593.                               <button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
    1594. 

  1594.                               <div class="dropdown-menu dropdown-menu-end">
    1595. 

  1595.                                 <a class="dropdown-item" href="#">
    1596. 

  1596.                                   Action
    1597. 

  1597.                                 </a>
    1598. 

  1598.                                 <a class="dropdown-item" href="#">
    1599. 

  1599.                                   Another action
    1600. 

  1600.                                 </a>
    1601. 

  1601.                               </div>
    1602. 

  1602.                             </span>
    1603. 

  1603.                           </td>
    1604. 

  1604.                         </tr>
    1605. 

  1605.                         <tr>
    1606. 

  1606.                           <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
    1607. 

  1607.                           <td><span class="text-muted">001405</span></td>
    1608. 

  1608.                           <td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a></td>
    1609. 

  1609.                           <td>
    1610. 

  1610.                             <span class="flag flag-country-pl"></span>
    1611. 

  1611.                             Printic
    1612. 

  1612.                           </td>
    1613. 

  1613.                           <td>
    1614. 

  1614.                             87956621
    1615. 

  1615.                           </td>
    1616. 

  1616.                           <td>
    1617. 

  1617.                             29 Jan 2018
    1618. 

  1618.                           </td>
    1619. 

  1619.                           <td>
    1620. 

  1620.                             <span class="badge bg-danger me-1"></span> Paid Today
    1621. 

  1621.                           </td>
    1622. 

  1622.                           <td>$648</td>
    1623. 

  1623.                           <td class="text-end">
    1624. 

  1624.                             <span class="dropdown">
    1625. 

  1625.                               <button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
    1626. 

  1626.                               <div class="dropdown-menu dropdown-menu-end">
    1627. 

  1627.                                 <a class="dropdown-item" href="#">
    1628. 

  1628.                                   Action
    1629. 

  1629.                                 </a>
    1630. 

  1630.                                 <a class="dropdown-item" href="#">
    1631. 

  1631.                                   Another action
    1632. 

  1632.                                 </a>
    1633. 

  1633.                               </div>
    1634. 

  1634.                             </span>
    1635. 

  1635.                           </td>
    1636. 

  1636.                         </tr>
    1637. 

  1637.                         <tr>
    1638. 

  1638.                           <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
    1639. 

  1639.                           <td><span class="text-muted">001406</span></td>
    1640. 

  1640.                           <td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a></td>
    1641. 

  1641.                           <td>
    1642. 

  1642.                             <span class="flag flag-country-br"></span>
    1643. 

  1643.                             Tabdaq
    1644. 

  1644.                           </td>
    1645. 

  1645.                           <td>
    1646. 

  1646.                             87956621
    1647. 

  1647.                           </td>
    1648. 

  1648.                           <td>
    1649. 

  1649.                             4 Feb 2018
    1650. 

  1650.                           </td>
    1651. 

  1651.                           <td>
    1652. 

  1652.                             <span class="badge bg-secondary me-1"></span> Due in 3 Weeks
    1653. 

  1653.                           </td>
    1654. 

  1654.                           <td>$300</td>
    1655. 

  1655.                           <td class="text-end">
    1656. 

  1656.                             <span class="dropdown">
    1657. 

  1657.                               <button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
    1658. 

  1658.                               <div class="dropdown-menu dropdown-menu-end">
    1659. 

  1659.                                 <a class="dropdown-item" href="#">
    1660. 

  1660.                                   Action
    1661. 

  1661.                                 </a>
    1662. 

  1662.                                 <a class="dropdown-item" href="#">
    1663. 

  1663.                                   Another action
    1664. 

  1664.                                 </a>
    1665. 

  1665.                               </div>
    1666. 

  1666.                             </span>
    1667. 

  1667.                           </td>
    1668. 

  1668.                         </tr>
    1669. 

  1669.                         <tr>
    1670. 

  1670.                           <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
    1671. 

  1671.                           <td><span class="text-muted">001407</span></td>
    1672. 

  1672.                           <td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
    1673. 

  1673.                           <td>
    1674. 

  1674.                             <span class="flag flag-country-us"></span>
    1675. 

  1675.                             Apple
    1676. 

  1676.                           </td>
    1677. 

  1677.                           <td>
    1678. 

  1678.                             87956621
    1679. 

  1679.                           </td>
    1680. 

  1680.                           <td>
    1681. 

  1681.                             22 Mar 2018
    1682. 

  1682.                           </td>
    1683. 

  1683.                           <td>
    1684. 

  1684.                             <span class="badge bg-success me-1"></span> Paid Today
    1685. 

  1685.                           </td>
    1686. 

  1686.                           <td>$2500</td>
    1687. 

  1687.                           <td class="text-end">
    1688. 

  1688.                             <span class="dropdown">
    1689. 

  1689.                               <button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
    1690. 

  1690.                               <div class="dropdown-menu dropdown-menu-end">
    1691. 

  1691.                                 <a class="dropdown-item" href="#">
    1692. 

  1692.                                   Action
    1693. 

  1693.                                 </a>
    1694. 

  1694.                                 <a class="dropdown-item" href="#">
    1695. 

  1695.                                   Another action
    1696. 

  1696.                                 </a>
    1697. 

  1697.                               </div>
    1698. 

  1698.                             </span>
    1699. 

  1699.                           </td>
    1700. 

  1700.                         </tr>
    1701. 

  1701.                         <tr>
    1702. 

  1702.                           <td><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select invoice"></td>
    1703. 

  1703.                           <td><span class="text-muted">001408</span></td>
    1704. 

  1704.                           <td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
    1705. 

  1705.                           <td>
    1706. 

  1706.                             <span class="flag flag-country-pl"></span>
    1707. 

  1707.                             Tookapic
    1708. 

  1708.                           </td>
    1709. 

  1709.                           <td>
    1710. 

  1710.                             87956621
    1711. 

  1711.                           </td>
    1712. 

  1712.                           <td>
    1713. 

  1713.                             13 May 2018
    1714. 

  1714.                           </td>
    1715. 

  1715.                           <td>
    1716. 

  1716.                             <span class="badge bg-success me-1"></span> Paid Today
    1717. 

  1717.                           </td>
    1718. 

  1718.                           <td>$940</td>
    1719. 

  1719.                           <td class="text-end">
    1720. 

  1720.                             <span class="dropdown">
    1721. 

  1721.                               <button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
    1722. 

  1722.                               <div class="dropdown-menu dropdown-menu-end">
    1723. 

  1723.                                 <a class="dropdown-item" href="#">
    1724. 

  1724.                                   Action
    1725. 

  1725.                                 </a>
    1726. 

  1726.                                 <a class="dropdown-item" href="#">
    1727. 

  1727.                                   Another action
    1728. 

  1728.                                 </a>
    1729. 

  1729.                               </div>
    1730. 

  1730.                             </span>
    1731. 

  1731.                           </td>
    1732. 

  1732.                         </tr>
    1733. 

  1733.                       </tbody>
    1734. 

  1734.                     </table>
    1735. 

  1735.                   </div>
    1736. 

  1736.                   <div class="card-footer d-flex align-items-center">
    1737. 

  1737.                     <p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
    1738. 

  1738.                     <ul class="pagination m-0 ms-auto">
    1739. 

  1739.                       <li class="page-item disabled">
    1740. 

  1740.                         <a class="page-link" href="#" tabindex="-1" aria-disabled="true">
    1741. 

  1741.                           <!-- Download SVG icon from http://tabler-icons.io/i/chevron-left -->
    1742. 

  1742.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
    1743. 

  1743.                           prev
    1744. 

  1744.                         </a>
    1745. 

  1745.                       </li>
    1746. 

  1746.                       <li class="page-item"><a class="page-link" href="#">1</a></li>
    1747. 

  1747.                       <li class="page-item active"><a class="page-link" href="#">2</a></li>
    1748. 

  1748.                       <li class="page-item"><a class="page-link" href="#">3</a></li>
    1749. 

  1749.                       <li class="page-item"><a class="page-link" href="#">4</a></li>
    1750. 

  1750.                       <li class="page-item"><a class="page-link" href="#">5</a></li>
    1751. 

  1751.                       <li class="page-item">
    1752. 

  1752.                         <a class="page-link" href="#">
    1753. 

  1753.                           next <!-- Download SVG icon from http://tabler-icons.io/i/chevron-right -->
    1754. 

  1754.                           <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
    1755. 

  1755.                         </a>
    1756. 

  1756.                       </li>
    1757. 

  1757.                     </ul>
    1758. 

  1758.                   </div>
    1759. 

  1759.                 </div>
    1760. 

  1760.               </div>
    1761. 

  1761.             </div>
    1762. 

  1762.           </div>
    1763. 

  1763.         </div>
    1764. 

  1764.         <footer class="footer footer-transparent d-print-none">
    1765. 

  1765.           <div class="container">
    1766. 

  1766.             <div class="row text-center align-items-center flex-row-reverse">
    1767. 

  1767.               <div class="col-lg-auto ms-lg-auto">
    1768. 

  1768.                 <ul class="list-inline list-inline-dots mb-0">
    1769. 

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

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

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

  1772.                   <li class="list-inline-item">
    1773. 

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

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

  1775.                       <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 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
    1776. 

  1776.                       Sponsor
    1777. 

  1777.                     </a>
    1778. 

  1778.                   </li>
    1779. 

  1779.                 </ul>
    1780. 

  1780.               </div>
    1781. 

  1781.               <div class="col-12 col-lg-auto mt-3 mt-lg-0">
    1782. 

  1782.                 <ul class="list-inline list-inline-dots mb-0">
    1783. 

  1783.                   <li class="list-inline-item">
    1784. 

  1784.                     Copyright &copy; 2021
    1785. 

  1785.                     <a href="." class="link-secondary">Tabler</a>.
    1786. 

  1786.                     All rights reserved.
    1787. 

  1787.                   </li>
    1788. 

  1788.                   <li class="list-inline-item">
    1789. 

  1789.                     <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta4</a>
    1790. 

  1790.                   </li>
    1791. 

  1791.                 </ul>
    1792. 

  1792.               </div>
    1793. 

  1793.             </div>
    1794. 

  1794.           </div>
    1795. 

  1795.         </footer>
    1796. 

  1796.       </div>
    1797. 

  1797.     </div>
    1798. 

  1798.     <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
    1799. 

  1799.       <div class="modal-dialog modal-lg" role="document">
    1800. 

  1800.         <div class="modal-content">
    1801. 

  1801.           <div class="modal-header">
    1802. 

  1802.             <h5 class="modal-title">New report</h5>
    1803. 

  1803.             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
    1804. 

  1804.           </div>
    1805. 

  1805.           <div class="modal-body">
    1806. 

  1806.             <div class="mb-3">
    1807. 

  1807.               <label class="form-label">Name</label>
    1808. 

  1808.               <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
    1809. 

  1809.             </div>
    1810. 

  1810.             <label class="form-label">Report type</label>
    1811. 

  1811.             <div class="form-selectgroup-boxes row mb-3">
    1812. 

  1812.               <div class="col-lg-6">
    1813. 

  1813.                 <label class="form-selectgroup-item">
    1814. 

  1814.                   <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
    1815. 

  1815.                   <span class="form-selectgroup-label d-flex align-items-center p-3">
    1816. 

  1816.                     <span class="me-3">
    1817. 

  1817.                       <span class="form-selectgroup-check"></span>
    1818. 

  1818.                     </span>
    1819. 

  1819.                     <span class="form-selectgroup-label-content">
    1820. 

  1820.                       <span class="form-selectgroup-title strong mb-1">Simple</span>
    1821. 

  1821.                       <span class="d-block text-muted">Provide only basic data needed for the report</span>
    1822. 

  1822.                     </span>
    1823. 

  1823.                   </span>
    1824. 

  1824.                 </label>
    1825. 

  1825.               </div>
    1826. 

  1826.               <div class="col-lg-6">
    1827. 

  1827.                 <label class="form-selectgroup-item">
    1828. 

  1828.                   <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
    1829. 

  1829.                   <span class="form-selectgroup-label d-flex align-items-center p-3">
    1830. 

  1830.                     <span class="me-3">
    1831. 

  1831.                       <span class="form-selectgroup-check"></span>
    1832. 

  1832.                     </span>
    1833. 

  1833.                     <span class="form-selectgroup-label-content">
    1834. 

  1834.                       <span class="form-selectgroup-title strong mb-1">Advanced</span>
    1835. 

  1835.                       <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
    1836. 

  1836.                     </span>
    1837. 

  1837.                   </span>
    1838. 

  1838.                 </label>
    1839. 

  1839.               </div>
    1840. 

  1840.             </div>
    1841. 

  1841.             <div class="row">
    1842. 

  1842.               <div class="col-lg-8">
    1843. 

  1843.                 <div class="mb-3">
    1844. 

  1844.                   <label class="form-label">Report url</label>
    1845. 

  1845.                   <div class="input-group input-group-flat">
    1846. 

  1846.                     <span class="input-group-text">
    1847. 

  1847.                       https://tabler.io/reports/
    1848. 

  1848.                     </span>
    1849. 

  1849.                     <input type="text" class="form-control ps-0"  value="report-01" autocomplete="off">
    1850. 

  1850.                   </div>
    1851. 

  1851.                 </div>
    1852. 

  1852.               </div>
    1853. 

  1853.               <div class="col-lg-4">
    1854. 

  1854.                 <div class="mb-3">
    1855. 

  1855.                   <label class="form-label">Visibility</label>
    1856. 

  1856.                   <select class="form-select">
    1857. 

  1857.                     <option value="1" selected>Private</option>
    1858. 

  1858.                     <option value="2">Public</option>
    1859. 

  1859.                     <option value="3">Hidden</option>
    1860. 

  1860.                   </select>
    1861. 

  1861.                 </div>
    1862. 

  1862.               </div>
    1863. 

  1863.             </div>
    1864. 

  1864.           </div>
    1865. 

  1865.           <div class="modal-body">
    1866. 

  1866.             <div class="row">
    1867. 

  1867.               <div class="col-lg-6">
    1868. 

  1868.                 <div class="mb-3">
    1869. 

  1869.                   <label class="form-label">Client name</label>
    1870. 

  1870.                   <input type="text" class="form-control">
    1871. 

  1871.                 </div>
    1872. 

  1872.               </div>
    1873. 

  1873.               <div class="col-lg-6">
    1874. 

  1874.                 <div class="mb-3">
    1875. 

  1875.                   <label class="form-label">Reporting period</label>
    1876. 

  1876.                   <input type="date" class="form-control">
    1877. 

  1877.                 </div>
    1878. 

  1878.               </div>
    1879. 

  1879.               <div class="col-lg-12">
    1880. 

  1880.                 <div>
    1881. 

  1881.                   <label class="form-label">Additional information</label>
    1882. 

  1882.                   <textarea class="form-control" rows="3"></textarea>
    1883. 

  1883.                 </div>
    1884. 

  1884.               </div>
    1885. 

  1885.             </div>
    1886. 

  1886.           </div>
    1887. 

  1887.           <div class="modal-footer">
    1888. 

  1888.             <a href="#" class="btn btn-link link-secondary" data-bs-dismiss="modal">
    1889. 

  1889.               Cancel
    1890. 

  1890.             </a>
    1891. 

  1891.             <a href="#" class="btn btn-primary ms-auto" data-bs-dismiss="modal">
    1892. 

  1892.               <!-- Download SVG icon from http://tabler-icons.io/i/plus -->
    1893. 

  1893.               <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
    1894. 

  1894.               Create new report
    1895. 

  1895.             </a>
    1896. 

  1896.           </div>
    1897. 

  1897.         </div>
    1898. 

  1898.       </div>
    1899. 

  1899.     </div>
    1900. 

  1900.     <!-- Libs JS -->
    1901. 

  1901.     <script src="./dist/libs/apexcharts/dist/apexcharts.min.js"></script>
    1902. 

  1902.     <!-- Tabler Core -->
    1903. 

  1903.     <script src="./dist/js/tabler.min.js"></script>
    1904. 

  1904.     <script>
    1905. 

  1905.       // @formatter:off
    1906. 

  1906.       document.addEventListener("DOMContentLoaded", function () {
    1907. 

  1907.       	window.ApexCharts && (new ApexCharts(document.getElementById('chart-revenue-bg'), {
    1908. 

  1908.       		chart: {
    1909. 

  1909.       			type: "area",
    1910. 

  1910.       			fontFamily: 'inherit',
    1911. 

  1911.       			height: 40.0,
    1912. 

  1912.       			sparkline: {
    1913. 

  1913.       				enabled: true
    1914. 

  1914.       			},
    1915. 

  1915.       			animations: {
    1916. 

  1916.       				enabled: false
    1917. 

  1917.       			},
    1918. 

  1918.       		},
    1919. 

  1919.       		dataLabels: {
    1920. 

  1920.       			enabled: false,
    1921. 

  1921.       		},
    1922. 

  1922.       		fill: {
    1923. 

  1923.       			opacity: .16,
    1924. 

  1924.       			type: 'solid'
    1925. 

  1925.       		},
    1926. 

  1926.       		stroke: {
    1927. 

  1927.       			width: 2,
    1928. 

  1928.       			lineCap: "round",
    1929. 

  1929.       			curve: "smooth",
    1930. 

  1930.       		},
    1931. 

  1931.       		series: [{
    1932. 

  1932.       			name: "Profits",
    1933. 

  1933.       			data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]
    1934. 

  1934.       		}],
    1935. 

  1935.       		grid: {
    1936. 

  1936.       			strokeDashArray: 4,
    1937. 

  1937.       		},
    1938. 

  1938.       		xaxis: {
    1939. 

  1939.       			labels: {
    1940. 

  1940.       				padding: 0,
    1941. 

  1941.       			},
    1942. 

  1942.       			tooltip: {
    1943. 

  1943.       				enabled: false
    1944. 

  1944.       			},
    1945. 

  1945.       			axisBorder: {
    1946. 

  1946.       				show: false,
    1947. 

  1947.       			},
    1948. 

  1948.       			type: 'datetime',
    1949. 

  1949.       		},
    1950. 

  1950.       		yaxis: {
    1951. 

  1951.       			labels: {
    1952. 

  1952.       				padding: 4
    1953. 

  1953.       			},
    1954. 

  1954.       		},
    1955. 

  1955.       		labels: [
    1956. 

  1956.       			'2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19'
    1957. 

  1957.       		],
    1958. 

  1958.       		colors: ["#206bc4"],
    1959. 

  1959.       		legend: {
    1960. 

  1960.       			show: false,
    1961. 

  1961.       		},
    1962. 

  1962.       	})).render();
    1963. 

  1963.       });
    1964. 

  1964.       // @formatter:on
    1965. 

  1965.     </script>
    1966. 

  1966.     <script>
    1967. 

  1967.       // @formatter:off
    1968. 

  1968.       document.addEventListener("DOMContentLoaded", function () {
    1969. 

  1969.       	window.ApexCharts && (new ApexCharts(document.getElementById('chart-new-clients'), {
    1970. 

  1970.       		chart: {
    1971. 

  1971.       			type: "line",
    1972. 

  1972.       			fontFamily: 'inherit',
    1973. 

  1973.       			height: 40.0,
    1974. 

  1974.       			sparkline: {
    1975. 

  1975.       				enabled: true
    1976. 

  1976.       			},
    1977. 

  1977.       			animations: {
    1978. 

  1978.       				enabled: false
    1979. 

  1979.       			},
    1980. 

  1980.       		},
    1981. 

  1981.       		fill: {
    1982. 

  1982.       			opacity: 1,
    1983. 

  1983.       		},
    1984. 

  1984.       		stroke: {
    1985. 

  1985.       			width: [2, 1],
    1986. 

  1986.       			dashArray: [0, 3],
    1987. 

  1987.       			lineCap: "round",
    1988. 

  1988.       			curve: "smooth",
    1989. 

  1989.       		},
    1990. 

  1990.       		series: [{
    1991. 

  1991.       			name: "May",
    1992. 

  1992.       			data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 4, 46, 39, 62, 51, 35, 41, 67]
    1993. 

  1993.       		},{
    1994. 

  1994.       			name: "April",
    1995. 

  1995.       			data: [93, 54, 51, 24, 35, 35, 31, 67, 19, 43, 28, 36, 62, 61, 27, 39, 35, 41, 27, 35, 51, 46, 62, 37, 44, 53, 41, 65, 39, 37]
    1996. 

  1996.       		}],
    1997. 

  1997.       		grid: {
    1998. 

  1998.       			strokeDashArray: 4,
    1999. 

  1999.       		},
    2000. 

  2000.       		xaxis: {
    2001. 

  2001.       			labels: {
    2002. 

  2002.       				padding: 0,
    2003. 

  2003.       			},
    2004. 

  2004.       			tooltip: {
    2005. 

  2005.       				enabled: false
    2006. 

  2006.       			},
    2007. 

  2007.       			type: 'datetime',
    2008. 

  2008.       		},
    2009. 

  2009.       		yaxis: {
    2010. 

  2010.       			labels: {
    2011. 

  2011.       				padding: 4
    2012. 

  2012.       			},
    2013. 

  2013.       		},
    2014. 

  2014.       		labels: [
    2015. 

  2015.       			'2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19'
    2016. 

  2016.       		],
    2017. 

  2017.       		colors: ["#206bc4", "#a8aeb7"],
    2018. 

  2018.       		legend: {
    2019. 

  2019.       			show: false,
    2020. 

  2020.       		},
    2021. 

  2021.       	})).render();
    2022. 

  2022.       });
    2023. 

  2023.       // @formatter:on
    2024. 

  2024.     </script>
    2025. 

  2025.     <script>
    2026. 

  2026.       // @formatter:off
    2027. 

  2027.       document.addEventListener("DOMContentLoaded", function () {
    2028. 

  2028.       	window.ApexCharts && (new ApexCharts(document.getElementById('chart-active-users'), {
    2029. 

  2029.       		chart: {
    2030. 

  2030.       			type: "bar",
    2031. 

  2031.       			fontFamily: 'inherit',
    2032. 

  2032.       			height: 40.0,
    2033. 

  2033.       			sparkline: {
    2034. 

  2034.       				enabled: true
    2035. 

  2035.       			},
    2036. 

  2036.       			animations: {
    2037. 

  2037.       				enabled: false
    2038. 

  2038.       			},
    2039. 

  2039.       		},
    2040. 

  2040.       		plotOptions: {
    2041. 

  2041.       			bar: {
    2042. 

  2042.       				columnWidth: '50%',
    2043. 

  2043.       			}
    2044. 

  2044.       		},
    2045. 

  2045.       		dataLabels: {
    2046. 

  2046.       			enabled: false,
    2047. 

  2047.       		},
    2048. 

  2048.       		fill: {
    2049. 

  2049.       			opacity: 1,
    2050. 

  2050.       		},
    2051. 

  2051.       		series: [{
    2052. 

  2052.       			name: "Profits",
    2053. 

  2053.       			data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]
    2054. 

  2054.       		}],
    2055. 

  2055.       		grid: {
    2056. 

  2056.       			strokeDashArray: 4,
    2057. 

  2057.       		},
    2058. 

  2058.       		xaxis: {
    2059. 

  2059.       			labels: {
    2060. 

  2060.       				padding: 0,
    2061. 

  2061.       			},
    2062. 

  2062.       			tooltip: {
    2063. 

  2063.       				enabled: false
    2064. 

  2064.       			},
    2065. 

  2065.       			axisBorder: {
    2066. 

  2066.       				show: false,
    2067. 

  2067.       			},
    2068. 

  2068.       			type: 'datetime',
    2069. 

  2069.       		},
    2070. 

  2070.       		yaxis: {
    2071. 

  2071.       			labels: {
    2072. 

  2072.       				padding: 4
    2073. 

  2073.       			},
    2074. 

  2074.       		},
    2075. 

  2075.       		labels: [
    2076. 

  2076.       			'2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19'
    2077. 

  2077.       		],
    2078. 

  2078.       		colors: ["#206bc4"],
    2079. 

  2079.       		legend: {
    2080. 

  2080.       			show: false,
    2081. 

  2081.       		},
    2082. 

  2082.       	})).render();
    2083. 

  2083.       });
    2084. 

  2084.       // @formatter:on
    2085. 

  2085.     </script>
    2086. 

  2086.     <script>
    2087. 

  2087.       // @formatter:off
    2088. 

  2088.       document.addEventListener("DOMContentLoaded", function () {
    2089. 

  2089.       	window.ApexCharts && (new ApexCharts(document.getElementById('chart-mentions'), {
    2090. 

  2090.       		chart: {
    2091. 

  2091.       			type: "bar",
    2092. 

  2092.       			fontFamily: 'inherit',
    2093. 

  2093.       			height: 240,
    2094. 

  2094.       			parentHeightOffset: 0,
    2095. 

  2095.       			toolbar: {
    2096. 

  2096.       				show: false,
    2097. 

  2097.       			},
    2098. 

  2098.       			animations: {
    2099. 

  2099.       				enabled: false
    2100. 

  2100.       			},
    2101. 

  2101.       			stacked: true,
    2102. 

  2102.       		},
    2103. 

  2103.       		plotOptions: {
    2104. 

  2104.       			bar: {
    2105. 

  2105.       				columnWidth: '50%',
    2106. 

  2106.       			}
    2107. 

  2107.       		},
    2108. 

  2108.       		dataLabels: {
    2109. 

  2109.       			enabled: false,
    2110. 

  2110.       		},
    2111. 

  2111.       		fill: {
    2112. 

  2112.       			opacity: 1,
    2113. 

  2113.       		},
    2114. 

  2114.       		series: [{
    2115. 

  2115.       			name: "Web",
    2116. 

  2116.       			data: [1, 0, 0, 0, 0, 1, 1, 0, 0, 0, 2, 12, 5, 8, 22, 6, 8, 6, 4, 1, 8, 24, 29, 51, 40, 47, 23, 26, 50, 26, 41, 22, 46, 47, 81, 46, 6]
    2117. 

  2117.       		},{
    2118. 

  2118.       			name: "Social",
    2119. 

  2119.       			data: [2, 5, 4, 3, 3, 1, 4, 7, 5, 1, 2, 5, 3, 2, 6, 7, 7, 1, 5, 5, 2, 12, 4, 6, 18, 3, 5, 2, 13, 15, 20, 47, 18, 15, 11, 10, 0]
    2120. 

  2120.       		},{
    2121. 

  2121.       			name: "Other",
    2122. 

  2122.       			data: [2, 9, 1, 7, 8, 3, 6, 5, 5, 4, 6, 4, 1, 9, 3, 6, 7, 5, 2, 8, 4, 9, 1, 2, 6, 7, 5, 1, 8, 3, 2, 3, 4, 9, 7, 1, 6]
    2123. 

  2123.       		}],
    2124. 

  2124.       		grid: {
    2125. 

  2125.       			padding: {
    2126. 

  2126.       				top: -20,
    2127. 

  2127.       				right: 0,
    2128. 

  2128.       				left: -4,
    2129. 

  2129.       				bottom: -4
    2130. 

  2130.       			},
    2131. 

  2131.       			strokeDashArray: 4,
    2132. 

  2132.       			xaxis: {
    2133. 

  2133.       				lines: {
    2134. 

  2134.       					show: true
    2135. 

  2135.       				}
    2136. 

  2136.       			},
    2137. 

  2137.       		},
    2138. 

  2138.       		xaxis: {
    2139. 

  2139.       			labels: {
    2140. 

  2140.       				padding: 0,
    2141. 

  2141.       			},
    2142. 

  2142.       			tooltip: {
    2143. 

  2143.       				enabled: false
    2144. 

  2144.       			},
    2145. 

  2145.       			axisBorder: {
    2146. 

  2146.       				show: false,
    2147. 

  2147.       			},
    2148. 

  2148.       			type: 'datetime',
    2149. 

  2149.       		},
    2150. 

  2150.       		yaxis: {
    2151. 

  2151.       			labels: {
    2152. 

  2152.       				padding: 4
    2153. 

  2153.       			},
    2154. 

  2154.       		},
    2155. 

  2155.       		labels: [
    2156. 

  2156.       			'2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19', '2020-07-20', '2020-07-21', '2020-07-22', '2020-07-23', '2020-07-24', '2020-07-25', '2020-07-26'
    2157. 

  2157.       		],
    2158. 

  2158.       		colors: ["#206bc4", "#79a6dc", "#bfe399"],
    2159. 

  2159.       		legend: {
    2160. 

  2160.       			show: false,
    2161. 

  2161.       		},
    2162. 

  2162.       	})).render();
    2163. 

  2163.       });
    2164. 

  2164.       // @formatter:on
    2165. 

  2165.     </script>
    2166. 

  2166.     <script>
    2167. 

  2167.       // @formatter:off
    2168. 

  2168.       document.addEventListener("DOMContentLoaded", function () {
    2169. 

  2169.       	window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-activity'), {
    2170. 

  2170.       		chart: {
    2171. 

  2171.       			type: "radialBar",
    2172. 

  2172.       			fontFamily: 'inherit',
    2173. 

  2173.       			height: 40,
    2174. 

  2174.       			width: 40,
    2175. 

  2175.       			animations: {
    2176. 

  2176.       				enabled: false
    2177. 

  2177.       			},
    2178. 

  2178.       			sparkline: {
    2179. 

  2179.       				enabled: true
    2180. 

  2180.       			},
    2181. 

  2181.       		},
    2182. 

  2182.       		tooltip: {
    2183. 

  2183.       			enabled: false,
    2184. 

  2184.       		},
    2185. 

  2185.       		plotOptions: {
    2186. 

  2186.       			radialBar: {
    2187. 

  2187.       				hollow: {
    2188. 

  2188.       					margin: 0,
    2189. 

  2189.       					size: '75%'
    2190. 

  2190.       				},
    2191. 

  2191.       				track: {
    2192. 

  2192.       					margin: 0
    2193. 

  2193.       				},
    2194. 

  2194.       				dataLabels: {
    2195. 

  2195.       					show: false
    2196. 

  2196.       				}
    2197. 

  2197.       			}
    2198. 

  2198.       		},
    2199. 

  2199.       		colors: ["#206bc4"],
    2200. 

  2200.       		series: [35],
    2201. 

  2201.       	})).render();
    2202. 

  2202.       });
    2203. 

  2203.       // @formatter:on
    2204. 

  2204.     </script>
    2205. 

  2205.     <script>
    2206. 

  2206.       // @formatter:off
    2207. 

  2207.       document.addEventListener("DOMContentLoaded", function () {
    2208. 

  2208.       	window.ApexCharts && (new ApexCharts(document.getElementById('chart-development-activity'), {
    2209. 

  2209.       		chart: {
    2210. 

  2210.       			type: "area",
    2211. 

  2211.       			fontFamily: 'inherit',
    2212. 

  2212.       			height: 192,
    2213. 

  2213.       			sparkline: {
    2214. 

  2214.       				enabled: true
    2215. 

  2215.       			},
    2216. 

  2216.       			animations: {
    2217. 

  2217.       				enabled: false
    2218. 

  2218.       			},
    2219. 

  2219.       		},
    2220. 

  2220.       		dataLabels: {
    2221. 

  2221.       			enabled: false,
    2222. 

  2222.       		},
    2223. 

  2223.       		fill: {
    2224. 

  2224.       			opacity: .16,
    2225. 

  2225.       			type: 'solid'
    2226. 

  2226.       		},
    2227. 

  2227.       		stroke: {
    2228. 

  2228.       			width: 2,
    2229. 

  2229.       			lineCap: "round",
    2230. 

  2230.       			curve: "smooth",
    2231. 

  2231.       		},
    2232. 

  2232.       		series: [{
    2233. 

  2233.       			name: "Purchases",
    2234. 

  2234.       			data: [3, 5, 4, 6, 7, 5, 6, 8, 24, 7, 12, 5, 6, 3, 8, 4, 14, 30, 17, 19, 15, 14, 25, 32, 40, 55, 60, 48, 52, 70]
    2235. 

  2235.       		}],
    2236. 

  2236.       		grid: {
    2237. 

  2237.       			strokeDashArray: 4,
    2238. 

  2238.       		},
    2239. 

  2239.       		xaxis: {
    2240. 

  2240.       			labels: {
    2241. 

  2241.       				padding: 0,
    2242. 

  2242.       			},
    2243. 

  2243.       			tooltip: {
    2244. 

  2244.       				enabled: false
    2245. 

  2245.       			},
    2246. 

  2246.       			axisBorder: {
    2247. 

  2247.       				show: false,
    2248. 

  2248.       			},
    2249. 

  2249.       			type: 'datetime',
    2250. 

  2250.       		},
    2251. 

  2251.       		yaxis: {
    2252. 

  2252.       			labels: {
    2253. 

  2253.       				padding: 4
    2254. 

  2254.       			},
    2255. 

  2255.       		},
    2256. 

  2256.       		labels: [
    2257. 

  2257.       			'2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19'
    2258. 

  2258.       		],
    2259. 

  2259.       		colors: ["#206bc4"],
    2260. 

  2260.       		legend: {
    2261. 

  2261.       			show: false,
    2262. 

  2262.       		},
    2263. 

  2263.       		point: {
    2264. 

  2264.       			show: false
    2265. 

  2265.       		},
    2266. 

  2266.       	})).render();
    2267. 

  2267.       });
    2268. 

  2268.       // @formatter:on
    2269. 

  2269.     </script>
    2270. 

  2270.     <script>
    2271. 

  2271.       // @formatter:off
    2272. 

  2272.       document.addEventListener("DOMContentLoaded", function () {
    2273. 

  2273.       	window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-1'), {
    2274. 

  2274.       		chart: {
    2275. 

  2275.       			type: "line",
    2276. 

  2276.       			fontFamily: 'inherit',
    2277. 

  2277.       			height: 24,
    2278. 

  2278.       			animations: {
    2279. 

  2279.       				enabled: false
    2280. 

  2280.       			},
    2281. 

  2281.       			sparkline: {
    2282. 

  2282.       				enabled: true
    2283. 

  2283.       			},
    2284. 

  2284.       		},
    2285. 

  2285.       		tooltip: {
    2286. 

  2286.       			enabled: false,
    2287. 

  2287.       		},
    2288. 

  2288.       		stroke: {
    2289. 

  2289.       			width: 2,
    2290. 

  2290.       			lineCap: "round",
    2291. 

  2291.       		},
    2292. 

  2292.       		series: [{
    2293. 

  2293.       			color: "#206bc4",
    2294. 

  2294.       			data: [17, 24, 20, 10, 5, 1, 4, 18, 13]
    2295. 

  2295.       		}],
    2296. 

  2296.       	})).render();
    2297. 

  2297.       });
    2298. 

  2298.       // @formatter:on
    2299. 

  2299.     </script>
    2300. 

  2300.     <script>
    2301. 

  2301.       // @formatter:off
    2302. 

  2302.       document.addEventListener("DOMContentLoaded", function () {
    2303. 

  2303.       	window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-2'), {
    2304. 

  2304.       		chart: {
    2305. 

  2305.       			type: "line",
    2306. 

  2306.       			fontFamily: 'inherit',
    2307. 

  2307.       			height: 24,
    2308. 

  2308.       			animations: {
    2309. 

  2309.       				enabled: false
    2310. 

  2310.       			},
    2311. 

  2311.       			sparkline: {
    2312. 

  2312.       				enabled: true
    2313. 

  2313.       			},
    2314. 

  2314.       		},
    2315. 

  2315.       		tooltip: {
    2316. 

  2316.       			enabled: false,
    2317. 

  2317.       		},
    2318. 

  2318.       		stroke: {
    2319. 

  2319.       			width: 2,
    2320. 

  2320.       			lineCap: "round",
    2321. 

  2321.       		},
    2322. 

  2322.       		series: [{
    2323. 

  2323.       			color: "#206bc4",
    2324. 

  2324.       			data: [13, 11, 19, 22, 12, 7, 14, 3, 21]
    2325. 

  2325.       		}],
    2326. 

  2326.       	})).render();
    2327. 

  2327.       });
    2328. 

  2328.       // @formatter:on
    2329. 

  2329.     </script>
    2330. 

  2330.     <script>
    2331. 

  2331.       // @formatter:off
    2332. 

  2332.       document.addEventListener("DOMContentLoaded", function () {
    2333. 

  2333.       	window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-3'), {
    2334. 

  2334.       		chart: {
    2335. 

  2335.       			type: "line",
    2336. 

  2336.       			fontFamily: 'inherit',
    2337. 

  2337.       			height: 24,
    2338. 

  2338.       			animations: {
    2339. 

  2339.       				enabled: false
    2340. 

  2340.       			},
    2341. 

  2341.       			sparkline: {
    2342. 

  2342.       				enabled: true
    2343. 

  2343.       			},
    2344. 

  2344.       		},
    2345. 

  2345.       		tooltip: {
    2346. 

  2346.       			enabled: false,
    2347. 

  2347.       		},
    2348. 

  2348.       		stroke: {
    2349. 

  2349.       			width: 2,
    2350. 

  2350.       			lineCap: "round",
    2351. 

  2351.       		},
    2352. 

  2352.       		series: [{
    2353. 

  2353.       			color: "#206bc4",
    2354. 

  2354.       			data: [10, 13, 10, 4, 17, 3, 23, 22, 19]
    2355. 

  2355.       		}],
    2356. 

  2356.       	})).render();
    2357. 

  2357.       });
    2358. 

  2358.       // @formatter:on
    2359. 

  2359.     </script>
    2360. 

  2360.     <script>
    2361. 

  2361.       // @formatter:off
    2362. 

  2362.       document.addEventListener("DOMContentLoaded", function () {
    2363. 

  2363.       	window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-4'), {
    2364. 

  2364.       		chart: {
    2365. 

  2365.       			type: "line",
    2366. 

  2366.       			fontFamily: 'inherit',
    2367. 

  2367.       			height: 24,
    2368. 

  2368.       			animations: {
    2369. 

  2369.       				enabled: false
    2370. 

  2370.       			},
    2371. 

  2371.       			sparkline: {
    2372. 

  2372.       				enabled: true
    2373. 

  2373.       			},
    2374. 

  2374.       		},
    2375. 

  2375.       		tooltip: {
    2376. 

  2376.       			enabled: false,
    2377. 

  2377.       		},
    2378. 

  2378.       		stroke: {
    2379. 

  2379.       			width: 2,
    2380. 

  2380.       			lineCap: "round",
    2381. 

  2381.       		},
    2382. 

  2382.       		series: [{
    2383. 

  2383.       			color: "#206bc4",
    2384. 

  2384.       			data: [6, 15, 13, 13, 5, 7, 17, 20, 19]
    2385. 

  2385.       		}],
    2386. 

  2386.       	})).render();
    2387. 

  2387.       });
    2388. 

  2388.       // @formatter:on
    2389. 

  2389.     </script>
    2390. 

  2390.     <script>
    2391. 

  2391.       // @formatter:off
    2392. 

  2392.       document.addEventListener("DOMContentLoaded", function () {
    2393. 

  2393.       	window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-5'), {
    2394. 

  2394.       		chart: {
    2395. 

  2395.       			type: "line",
    2396. 

  2396.       			fontFamily: 'inherit',
    2397. 

  2397.       			height: 24,
    2398. 

  2398.       			animations: {
    2399. 

  2399.       				enabled: false
    2400. 

  2400.       			},
    2401. 

  2401.       			sparkline: {
    2402. 

  2402.       				enabled: true
    2403. 

  2403.       			},
    2404. 

  2404.       		},
    2405. 

  2405.       		tooltip: {
    2406. 

  2406.       			enabled: false,
    2407. 

  2407.       		},
    2408. 

  2408.       		stroke: {
    2409. 

  2409.       			width: 2,
    2410. 

  2410.       			lineCap: "round",
    2411. 

  2411.       		},
    2412. 

  2412.       		series: [{
    2413. 

  2413.       			color: "#206bc4",
    2414. 

  2414.       			data: [2, 11, 15, 14, 21, 20, 8, 23, 18, 14]
    2415. 

  2415.       		}],
    2416. 

  2416.       	})).render();
    2417. 

  2417.       });
    2418. 

  2418.       // @formatter:on
    2419. 

  2419.     </script>
    2420. 

  2420.     <script>
    2421. 

  2421.       // @formatter:off
    2422. 

  2422.       document.addEventListener("DOMContentLoaded", function () {
    2423. 

  2423.       	window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-6'), {
    2424. 

  2424.       		chart: {
    2425. 

  2425.       			type: "line",
    2426. 

  2426.       			fontFamily: 'inherit',
    2427. 

  2427.       			height: 24,
    2428. 

  2428.       			animations: {
    2429. 

  2429.       				enabled: false
    2430. 

  2430.       			},
    2431. 

  2431.       			sparkline: {
    2432. 

  2432.       				enabled: true
    2433. 

  2433.       			},
    2434. 

  2434.       		},
    2435. 

  2435.       		tooltip: {
    2436. 

  2436.       			enabled: false,
    2437. 

  2437.       		},
    2438. 

  2438.       		stroke: {
    2439. 

  2439.       			width: 2,
    2440. 

  2440.       			lineCap: "round",
    2441. 

  2441.       		},
    2442. 

  2442.       		series: [{
    2443. 

  2443.       			color: "#206bc4",
    2444. 

  2444.       			data: [22, 12, 7, 14, 3, 21, 8, 23, 18, 14]
    2445. 

  2445.       		}],
    2446. 

  2446.       	})).render();
    2447. 

  2447.       });
    2448. 

  2448.       // @formatter:on
    2449. 

  2449.     </script>
    2450. 

  2450.   </body>
    2451. 

  2451. </html>
    2452.