Skip to content

T
Tabler

Dashboards / Tabler
11 个月 前同步成功

通知 0
Star 0
Fork 0
T
Tabler

体验新版 GitCode，发现更多精彩内容 >>

切换分支/标签
查找文件 普通视图历史永久链接Permalink
snippets.html 86.2 KB
Newer Older
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1 2 3 
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
C
version 1.0.0-alpha.4  
codecalm 已提交
4 
* @version 1.0.0-alpha.4
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
5 6 7 8 9 10 11 12 13 14 
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
* Licensed under MIT (https://tabler.io/license)
-->
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
C
dist new version  
codecalm 已提交
15 16 
    <title>Snippets - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
17 18 19 20 21 22 23 24 25 26 27 
    <meta name="msapplication-TileColor" content="#206bc4"/>
    <meta name="theme-color" content="#206bc4"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="mobile-web-app-capable" content="yes"/>
    <meta name="HandheldFriendly" content="True"/>
    <meta name="MobileOptimized" content="320"/>
    <meta name="robots" content="noindex,nofollow,noarchive"/>
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
    <!-- Libs CSS -->
C
version 1.0.0-alpha.4  
codecalm 已提交
28 29 30 31 32 33 34 35 36 
    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
    <link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
    <link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
    <link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
    <link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
    <link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
    <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
37 
    <!-- Tabler Core -->
C
version 1.0.0-alpha.4  
codecalm 已提交
38 
    <link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
39 
    <!-- Tabler Plugins -->
C
version 1.0.0-alpha.4  
codecalm 已提交
40 41 42 43 
    <link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
    <link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
    <link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
    <link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
C
dist new version  
codecalm 已提交
44 45 46 47 48 
    <style>
      body {
      	display: none;
      }
    </style>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
49 
  </head>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
50 
  <body class="antialiased">
C
dist new version  
codecalm 已提交
51 
    <div class="page">
C
dist new version  
codecalm 已提交
52 
      <nav class="navbar navbar-expand-lg navbar-light navbar-primary" id="navbar-primary">
C
version v1.0.0-alpha.3  
codecalm 已提交
53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 
        <div class="container">
          <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal">
            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-large">
            <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
          </a>
          <div class="navbar-collapse collapse">
            <h6 class="navbar-heading">Navigation</h6>
            <ul class="navbar-nav">
              <li class="nav-item">
                <a class="nav-link" href="./index.html" >
                  <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                  </span>
                  <span class="nav-link-title">Home</span>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="./form-elements.html" >
                  <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
                  </span>
C
dist new version  
codecalm 已提交
72 
                  <span class="nav-link-title">Form elements</span>
C
version v1.0.0-alpha.3  
codecalm 已提交
73 74 75 76 77 78 79 80 81 82 
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
			   aria-expanded="false" >
                  <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
                  </span>
                  <span class="nav-link-title">Base</span>
                </a>
                <ul class="dropdown-menu dropdown-menu-arrow dropdown-menu-columns  dropdown-menu-columns-2">
C
dist new version  
codecalm 已提交
83 84 85 86 87 
                  <li >
                    <a class="dropdown-item" href="./empty.html" >
                      Empty page
                    </a>
                  </li>
C
version v1.0.0-alpha.3  
codecalm 已提交
88 89 
                  <li >
                    <a class="dropdown-item" href="./blank.html" >
C
dist new version  
codecalm 已提交
90 
                      Blank page
C
version v1.0.0-alpha.3  
codecalm 已提交
91 92 93 94 95 96 97 98 99 100 101 102 
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./buttons.html" >
                      Buttons
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./cards.html" >
                      Cards
                    </a>
                  </li>
C
dist new version  
codecalm 已提交
103 104 105 106 107 
                  <li >
                    <a class="dropdown-item" href="./modals.html" >
                      Modals
                    </a>
                  </li>
C
version 1.0.0-alpha.4  
codecalm 已提交
108 109 110 111 112 113 114 115 116 117 
                  <li >
                    <a class="dropdown-item" href="./maps.html" >
                      Maps
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./maps-vector.html" >
                      Vector maps
                    </a>
                  </li>
C
version v1.0.0-alpha.3  
codecalm 已提交
118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 
                  <li >
                    <a class="dropdown-item" href="./charts.html" >
                      Charts
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./datatables.html" >
                      Data Tables
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./calendar.html" >
                      Calendar
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./carousel.html" >
                      Carousel
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./lists.html" >
                      Lists
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./users.html" >
                      Users
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./gallery.html" >
                      Gallery
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./profile.html" >
C
tabler build - 21.12  
codecalm 已提交
155 
                      Profile
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
156 
                    </a>
C
version v1.0.0-alpha.3  
codecalm 已提交
157 158 159 160 
                  </li>
                  <li >
                    <a class="dropdown-item" href="./music.html" >
                      Music
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
161 
                    </a>
C
version v1.0.0-alpha.3  
codecalm 已提交
162 163 164 165 
                  </li>
                  <li class="dropright">
                    <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
                      Authentication
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
166 
                    </a>
C
version v1.0.0-alpha.3  
codecalm 已提交
167 168 169 170 171 172 173 174 175 176 
                    <div class="dropdown-menu">
                      <a href="./sign-in.html" class="dropdown-item">Sign in</a>
                      <a href="./sign-up.html" class="dropdown-item">Sign up</a>
                      <a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
                      <a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
                    </div>
                  </li>
                  <li class="dropright">
                    <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
                      Error pages
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
177 
                    </a>
C
version v1.0.0-alpha.3  
codecalm 已提交
178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 
                    <div class="dropdown-menu">
                      <a href="./400.html" class="dropdown-item">400 page</a>
                      <a href="./401.html" class="dropdown-item">401 page</a>
                      <a href="./403.html" class="dropdown-item">403 page</a>
                      <a href="./404.html" class="dropdown-item">404 page</a>
                      <a href="./500.html" class="dropdown-item">500 page</a>
                      <a href="./503.html" class="dropdown-item">503 page</a>
                      <a href="./maintenance.html" class="dropdown-item">Maintenance page</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav-item active">
                <a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button"
			   aria-expanded="true" >
                  <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
                  </span>
                  <span class="nav-link-title">Extra</span>
                </a>
                <ul class="dropdown-menu dropdown-menu-arrow">
                  <li >
                    <a class="dropdown-item" href="./invoice.html" >
                      Invoice
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
201 
                    </a>
C
version v1.0.0-alpha.3  
codecalm 已提交
202 203 204 205 
                  </li>
                  <li >
                    <a class="dropdown-item" href="./blog.html" >
                      Blog cards
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
206 
                    </a>
C
version v1.0.0-alpha.3  
codecalm 已提交
207 208 209 210 211 212 213 214 215 216 217 
                  </li>
                  <li >
                    <a class="dropdown-item active" href="./snippets.html" >
                      Snippets
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./search-results.html" >
                      Search results
                    </a>
                  </li>
C
dist new version  
codecalm 已提交
218 219 220 221 222 
                  <li >
                    <a class="dropdown-item" href="./pricing.html" >
                      Pricing cards
                    </a>
                  </li>
C
version v1.0.0-alpha.3  
codecalm 已提交
223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 
                </ul>
              </li>
              <li class="nav-item">
                <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
			   aria-expanded="false" >
                  <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
                  </span>
                  <span class="nav-link-title">Docs</span>
                </a>
                <ul class="dropdown-menu dropdown-menu-arrow dropdown-menu-columns  dropdown-menu-columns-3">
                  <li >
                    <a class="dropdown-item" href="./docs/index.html" >
                      Introduction
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/alerts.html" >
                      Alerts
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/autosize.html" >
                      Autosize
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/avatars.html" >
                      Avatars
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/badges.html" >
                      Badges
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/breadcrumb.html" >
                      Breadcrumb
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/buttons.html" >
                      Buttons
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/cards.html" >
                      Cards
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/carousel.html" >
                      Carousel
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/colors.html" >
                      Colors
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/countup.html" >
                      Countup
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/cursors.html" >
                      Cursors
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/charts.html" >
                      Charts
                    </a>
                  </li>
C
dist new version  
codecalm 已提交
298 299 300 301 302 
                  <li >
                    <a class="dropdown-item" href="./docs/dropdowns.html" >
                      Dropdowns
                    </a>
                  </li>
C
version v1.0.0-alpha.3  
codecalm 已提交
303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 
                  <li >
                    <a class="dropdown-item" href="./docs/divider.html" >
                      Divider
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/empty.html" >
                      Empty states
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/flags.html" >
                      Flags
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/form-elements.html" >
                      Form elements
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/form-helpers.html" >
                      Form helpers
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/input-mask.html" >
                      Form input mask
                    </a>
                  </li>
                  <li >
C
dist new version  
codecalm 已提交
334 335 
                    <a class="dropdown-item" href="./docs/modals.html" >
                      Modals
C
version v1.0.0-alpha.3  
codecalm 已提交
336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/progress.html" >
                      Progress
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/payments.html" >
                      Payments
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/range-slider.html" >
                      Range slider
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/ribbons.html" >
                      Ribbons
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/spinners.html" >
                      Spinners
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/steps.html" >
                      Steps
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/tables.html" >
                      Tables
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/tabs.html" >
                      Tabs
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/timelines.html" >
                      Timelines
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/toasts.html" >
                      Toasts
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/tooltips.html" >
                      Tooltips
                    </a>
                  </li>
                  <li >
                    <a class="dropdown-item" href="./docs/typography.html" >
                      Typography
                    </a>
                  </li>
                </ul>
              </li>
C
dist new version  
codecalm 已提交
400 401 
              <li class="nav-item d-none-navbar-vertical">
                <a href="#" class="nav-link" data-toggle="modal" data-target="#modal-customize">
C
version v1.0.0-alpha.3  
codecalm 已提交
402 403 404 405 406 407 408 
                  <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="4" y1="21" x2="4" y2="14"></line><line x1="4" y1="10" x2="4" y2="3"></line><line x1="12" y1="21" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="3"></line><line x1="20" y1="21" x2="20" y2="16"></line><line x1="20" y1="12" x2="20" y2="3"></line><line x1="1" y1="14" x2="7" y2="14"></line><line x1="9" y1="8" x2="15" y2="8"></line><line x1="17" y1="16" x2="23" y2="16"></line></svg>
                  </span>
                  <span class="nav-link-title">Customize</span>
                </a>
              </li>
            </ul>
            <h6 class="navbar-heading mt-4">Tools</h6>
C
dist new version  
codecalm 已提交
409 410 
            <div class="navbar-side">
              <div class="d-none d-xl-block ml-auto d-none-navbar-vertical-narrow">
C
new package version  
codecalm 已提交
411 412 413 414 415 
                <form action="." method="get">
                  <div class="input-icon">
                    <span class="input-icon-addon">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
                    </span>
C
dist new version  
codecalm 已提交
416 
                    <input type="text" class="form-control" placeholder="Search…">
C
new package version  
codecalm 已提交
417 418 419 
                  </div>
                </form>
              </div>
C
dist new version  
codecalm 已提交
420 
              <a href="#" class="btn btn-primary d-none-navbar-horizontal d-none-navbar-vertical-narrow btn-block" data-toggle="modal" data-target="#modal-customize">
C
version v1.0.0-alpha.3  
codecalm 已提交
421 422 423 
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="4" y1="21" x2="4" y2="14"></line><line x1="4" y1="10" x2="4" y2="3"></line><line x1="12" y1="21" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="3"></line><line x1="20" y1="21" x2="20" y2="16"></line><line x1="20" y1="12" x2="20" y2="3"></line><line x1="1" y1="14" x2="7" y2="14"></line><line x1="9" y1="8" x2="15" y2="8"></line><line x1="17" y1="16" x2="23" y2="16"></line></svg>
                Customize
              </a>
C
dist new version  
codecalm 已提交
424 425 426 
              <a href="#" class="btn btn-primary d-none-navbar-horizontal d-none-navbar-vertical-wide btn-block btn-icon" data-toggle="modal" data-target="#modal-customize" aria-label="Button">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="4" y1="21" x2="4" y2="14"></line><line x1="4" y1="10" x2="4" y2="3"></line><line x1="12" y1="21" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="3"></line><line x1="20" y1="21" x2="20" y2="16"></line><line x1="20" y1="12" x2="20" y2="3"></line><line x1="1" y1="14" x2="7" y2="14"></line><line x1="9" y1="8" x2="15" y2="8"></line><line x1="17" y1="16" x2="23" y2="16"></line></svg>
              </a>
C
new package version  
codecalm 已提交
427 428 
            </div>
          </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
429 430 431 432 433 434 435 436 
        </div>
      </nav>
      <nav class="navbar navbar-light navbar-secondary navbar-expand" id="navbar-secondary">
        <div class="container">
          <a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-vertical">
            <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-large">
            <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
          </a>
C
dist new version  
codecalm 已提交
437 
          <form class="form-inline w-50 mr-4 d-none d-md-flex">
C
version 1.0.0-alpha.4  
codecalm 已提交
438 
            <div class="input-icon w-100">
C
dist new version  
codecalm 已提交
439 440 441 
              <span class="input-icon-addon">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
              </span>
C
version 1.0.0-alpha.4  
codecalm 已提交
442 
              <input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
C
dist new version  
codecalm 已提交
443 444 
            </div>
          </form>
C
version v1.0.0-alpha.3  
codecalm 已提交
445 
          <ul class="navbar-nav ml-auto">
C
dist new version  
codecalm 已提交
446 
            <li class="nav-item dropdown">
C
version 1.0.0-alpha.4  
codecalm 已提交
447 
              <a href="#" class="nav-link px-0" data-toggle="dropdown">
C
dist new version  
codecalm 已提交
448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
              </a>
              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                <a class="dropdown-item" href="#">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-item-icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
                  Action
                </a>
                <a class="dropdown-item" href="#">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-item-icon"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
                  Another action
                </a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-item-icon"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
                  Separated link</a>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
463 464 
            </li>
            <li class="nav-item dropdown">
C
dist new version  
codecalm 已提交
465 466 
              <a href="#" class="nav-link" data-toggle="dropdown">
                <span class="flag flag-country-us mr-1"></span>
C
version 1.0.0-alpha.4  
codecalm 已提交
467 
                <span class="d-none d-lg-inline">English</span>
C
dist new version  
codecalm 已提交
468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 
              </a>
              <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
                <a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
                  German</a>
                <a href="#" class="dropdown-item"><span class="flag flag-country-pl mr-1"></span>
                  Polish</a>
                <a href="#" class="dropdown-item"><span class="flag flag-country-jp mr-1"></span>
                  Japan</a>
                <a href="#" class="dropdown-item"><span class="flag flag-country-ru mr-1"></span>
                  Russian</a>
              </div>
            </li>
            <li class="nav-item dropdown">
              <a href="#" class="nav-link" data-toggle="dropdown">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>
              </a>
              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow dropdown-menu-card" style="max-width: 20rem;">
                <div class="card">
                  <div class="card-body">
                    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.
                  </div>
                </div>
              </div>
            </li>
            <li class="nav-item dropdown pl-2">
C
version 1.0.0-alpha.4  
codecalm 已提交
493 
              <a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
C
dist new version  
codecalm 已提交
494 
                <span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
C
version 1.0.0-alpha.4  
codecalm 已提交
495 
                <div class="d-none d-lg-block pl-2">
C
dist new version  
codecalm 已提交
496 497 498 
                  <div>Paweł Kuna</div>
                  <div class="mt-1 small text-muted">Founder</div>
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 
              </a>
              <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                <a class="dropdown-item" href="#">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-item-icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
                  Action
                </a>
                <a class="dropdown-item" href="#">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-item-icon"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
                  Another action
                </a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-item-icon"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
                  Separated link</a>
              </div>
            </li>
          </ul>
        </div>
      </nav>
      <div class="content">
C
dist new version  
codecalm 已提交
518 
        <div class="container">
C
version v1.0.0-alpha.3  
codecalm 已提交
519 520 521 522 523 524 525 526 527 528 
          <!-- Page title -->
          <div class="page-header">
            <div class="row align-items-center">
              <div class="col-auto">
                <h2 class="page-title">
                  Snippets
                </h2>
              </div>
              <!-- Page title actions -->
              <div class="col-auto ml-auto d-print-none">
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
529 
              </div>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
530 
            </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
531 532 533 534 535 536 537 
          </div>
          <div class="row">
            <div class="col-md-6 col-xl-3">
              <a class="card card-link" href="#">
                <div class="card-body">
                  <div class="float-left mr-3">
                    <span class="avatar rounded" style="background-image: url(./static/avatars/001f.jpg)"></span>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
538 
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
539 540 541 
                  <div class="lh-sm">
                    <div class="strong">Maryjo Lebarree</div>
                    <div class="text-muted">Civil Engineer</div>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
542 
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
543 544 545 546 547 548 549 550 
                </div>
              </a>
            </div>
            <div class="col-md-6 col-xl-3">
              <a class="card card-link" href="#">
                <div class="card-body">
                  <div class="float-left mr-3">
                    <span class="avatar rounded">EP</span>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
551 
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
552 553 554 
                  <div class="lh-sm">
                    <div class="strong">Egan Poetz</div>
                    <div class="text-muted">Research Nurse</div>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
555 
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
556 557 558 559 560 561 562 563 564 565 566 567 
                </div>
              </a>
            </div>
            <div class="col-md-6 col-xl-3">
              <a class="card card-link" href="#">
                <div class="card-body">
                  <div class="float-right">
                    <span class="avatar rounded" style="background-image: url(./static/avatars/002f.jpg)"></span>
                  </div>
                  <div class="lh-sm">
                    <div class="strong">Kellie Skingley</div>
                    <div class="text-muted">Teacher</div>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
568 
                  </div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
569 
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
570 571 572 573 574 575 576 577 578 579 580 
              </a>
            </div>
            <div class="col-md-6 col-xl-3">
              <a class="card card-link" href="#">
                <div class="card-body">
                  <div class="float-right">
                    <span class="avatar rounded" style="background-image: url(./static/avatars/003f.jpg)"></span>
                  </div>
                  <div class="lh-sm">
                    <div class="strong">Christabel Charlwood</div>
                    <div class="text-muted">Tax Accountant</div>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
581 
                  </div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
582 
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
583 584 585 586 587 588 589 
              </a>
            </div>
            <div class="col-md-6 col-xl-3">
              <div class="card">
                <div class="card-body text-center">
                  <div class="mb-3">
                    <span class="avatar avatar-xl" style="background-image: url(./static/avatars/010m.jpg)"></span>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
590 
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
591 592 
                  <div class="card-title mb-1">Thatcher Keel</div>
                  <div class="text-muted">VP Sales</div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
593 
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
594 
                <a href="#" class="card-btn">View full profile</a>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
595 
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
596 597 598 599 600 601 
            </div>
            <div class="col-md-6 col-xl-3">
              <div class="card">
                <div class="card-body text-center">
                  <div class="mb-3">
                    <span class="avatar avatar-xl" style="background-image: url(./static/avatars/005f.jpg)"></span>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
602 
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
603 604 
                  <div class="card-title mb-1">Dyann Escala</div>
                  <div class="text-muted">Mechanical Systems Engineer</div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
605 
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
606 
                <a href="#" class="card-btn">View full profile</a>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
607 
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
608 609 610 611 612 613 
            </div>
            <div class="col-md-6 col-xl-3">
              <div class="card">
                <div class="card-body text-center">
                  <div class="mb-3">
                    <span class="avatar avatar-xl" style="background-image: url(./static/avatars/006f.jpg)"></span>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
614 
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
615 616 617 618 
                  <div class="card-title mb-1">Avivah Mugleston</div>
                  <div class="text-muted">Actuary</div>
                </div>
                <a href="#" class="card-btn">View full profile</a>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
619 
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
620 621 622 623 624 625 
            </div>
            <div class="col-md-6 col-xl-3">
              <div class="card">
                <div class="card-body text-center">
                  <div class="mb-3">
                    <span class="avatar avatar-xl">AA</span>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
626 
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
627 628 629 630 
                  <div class="card-title mb-1">Arlie Armstead</div>
                  <div class="text-muted">VP Quality Control</div>
                </div>
                <a href="#" class="card-btn">View full profile</a>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
631 
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
632 633 634 635 
            </div>
            <div class="col-md-6 col-xl-3">
              <a class="card card-link" href="#">
                <div class="card-cover text-center" style="background-image: url(./static/photos/2854fd67ddbd6217.jpg
C
new build  
codecalm 已提交
636 
)">
C
version v1.0.0-alpha.3  
codecalm 已提交
637 638 639 640 641 642 643 644 645 646 647 
                  <span class="avatar avatar-xl avatar-thumb" style="background-image: url(./static/avatars/012f.jpg)"></span>
                </div>
                <div class="card-body text-center">
                  <div class="card-title mb-1">Marsha Labat</div>
                  <div class="text-muted">Research Associate</div>
                </div>
              </a>
            </div>
            <div class="col-md-6 col-xl-3">
              <a class="card card-link" href="#">
                <div class="card-cover text-center" style="background-image: url(./static/photos/5358d787242861c4.jpg
C
new build  
codecalm 已提交
648 
)">
C
version v1.0.0-alpha.3  
codecalm 已提交
649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 
                  <span class="avatar avatar-xl avatar-thumb" style="background-image: url(./static/avatars/013m.jpg)"></span>
                </div>
                <div class="card-body text-center">
                  <div class="card-title mb-1">Elston Muffett</div>
                  <div class="text-muted">Account Coordinator</div>
                </div>
              </a>
            </div>
            <div class="col-md-6 col-xl-3">
              <a class="card card-link" href="#">
                <div class="card-cover text-center card-cover-blurred" style="background-image: url(./static/photos/5614ec7eb9034d04.jpg
)">
                  <span class="avatar avatar-xl avatar-thumb" style="background-image: url(./static/avatars/013f.jpg)"></span>
                </div>
                <div class="card-body text-center">
                  <div class="card-title mb-1">Leigha Gorce</div>
                  <div class="text-muted">Geologist II</div>
                </div>
              </a>
            </div>
            <div class="col-md-6 col-xl-3">
              <a class="card card-link" href="#">
                <div class="card-cover text-center card-cover-blurred" style="background-image: url(./static/photos/5749e5c54a61a45e.jpg
)">
                  <span class="avatar avatar-xl avatar-thumb">TB</span>
                </div>
                <div class="card-body text-center">
                  <div class="card-title mb-1">Tallie Bettis</div>
                  <div class="text-muted">Director of Sales</div>
                </div>
              </a>
            </div>
            <div class="col-xl-6">
              <div class="card">
                <div class="card-body">
                  <div class="row row-sm align-items-center">
                    <div class="col-auto">
                      <span class="avatar avatar-lg" style="background-image: url(./static/avatars/000m.jpg)"></span>
                    </div>
                    <div class="col">
                      <h4 class="card-title m-0">
                        <a href="#">Paweł Kuna</a>
                      </h4>
                      <div class="text-muted">
                        Working in Yombu
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
694 
                      </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
695 696 
                      <div class="small mt-1">
                        <span class="text-success">●</span> Online
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
697 
                      </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 
                    </div>
                    <div class="col-auto">
                      <a href="#" class="btn btn-sm btn-secondary d-none d-md-inline-block">
                        Subscribe
                      </a>
                    </div>
                    <div class="col-auto">
                      <div class="dropdown">
                        <button class="btn-options" type="button" data-toggle="dropdown">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg>
                        </button>
                        <div class="dropdown-menu dropdown-menu-right">
                          <a class="dropdown-item" href="#">
                            Action
                          </a>
                          <a class="dropdown-item" href="#">
                            Another action
                          </a>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
716 717 718 719 720 721 
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
722 723 724 725 726 727 728 729 730 731 732 733 734 735 
            </div>
            <div class="col-xl-6">
              <div class="card">
                <div class="card-body">
                  <div class="row row-sm align-items-center">
                    <div class="col-auto">
                      <span class="avatar avatar-lg" style="background-image: url(./static/avatars/002m.jpg)"></span>
                    </div>
                    <div class="col">
                      <h4 class="card-title m-0">
                        <a href="#">Mallory Hulme</a>
                      </h4>
                      <div class="text-muted">
                        Working in Kare
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
736 
                      </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
737 738 
                      <div class="small mt-1">
                        <span class="text-success">●</span> Online
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
739 
                      </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 
                    </div>
                    <div class="col-auto">
                      <a href="#" class="btn btn-sm btn-secondary d-none d-md-inline-block">
                        Subscribe
                      </a>
                    </div>
                    <div class="col-auto">
                      <div class="dropdown">
                        <button class="btn-options" type="button" data-toggle="dropdown">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg>
                        </button>
                        <div class="dropdown-menu dropdown-menu-right">
                          <a class="dropdown-item" href="#">
                            Action
                          </a>
                          <a class="dropdown-item" href="#">
                            Another action
                          </a>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
758 759 760 761 762 763 
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
764 765 
            </div>
            <div class="col-md-6 col-xl-3">
C
dist new version  
codecalm 已提交
766 767 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
768 769 770 771 772 
                  <span class="bg-blue text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
                  </span>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      132 Sales
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
773 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
774 
                    <div class="text-muted">12 waiting payments</div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
775 776 777 
                  </div>
                </div>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
778 779 
            </div>
            <div class="col-md-6 col-xl-3">
C
dist new version  
codecalm 已提交
780 781 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
782 783 784 785 786 
                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><line x1="3" y1="6" x2="21" y2="6"></line><path d="M16 10a4 4 0 0 1-8 0"></path></svg>
                  </span>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      78 Orders
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
787 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
788 
                    <div class="text-muted">32 shipped</div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
789 790 791 
                  </div>
                </div>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
792 793 
            </div>
            <div class="col-md-6 col-xl-3">
C
dist new version  
codecalm 已提交
794 795 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
796 797 798 799 800 
                  <span class="bg-red text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                  </span>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      1,352 Members
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
801 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
802 
                    <div class="text-muted">163 registered today</div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
803 804 805 
                  </div>
                </div>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
806 807 
            </div>
            <div class="col-md-6 col-xl-3">
C
dist new version  
codecalm 已提交
808 809 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
810 811 812 813 814 
                  <span class="bg-yellow text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
                  </span>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      132 Comments
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
815 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
816 
                    <div class="text-muted">16 waitings</div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
817 818 819 
                  </div>
                </div>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
820 821 
            </div>
            <div class="col-md-6 col-xl-3">
C
dist new version  
codecalm 已提交
822 823 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
824 
                  <div class="mr-3">
C
dist new version  
codecalm 已提交
825 
                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-16"></div>
C
version v1.0.0-alpha.3  
codecalm 已提交
826 827 828 829 
                  </div>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      132 Sales
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
830 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
831 
                    <div class="text-muted">12 waiting payments</div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
832 833 834 
                  </div>
                </div>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
835 836 
            </div>
            <div class="col-md-6 col-xl-3">
C
dist new version  
codecalm 已提交
837 838 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
839 
                  <div class="mr-3">
C
dist new version  
codecalm 已提交
840 
                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-17"></div>
C
version v1.0.0-alpha.3  
codecalm 已提交
841 842 843 844 
                  </div>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      78 Orders
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
845 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
846 
                    <div class="text-muted">32 shipped</div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
847 848 849 
                  </div>
                </div>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
850 851 
            </div>
            <div class="col-md-6 col-xl-3">
C
dist new version  
codecalm 已提交
852 853 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
854 
                  <div class="mr-3">
C
dist new version  
codecalm 已提交
855 
                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-18"></div>
C
version v1.0.0-alpha.3  
codecalm 已提交
856 857 858 859 
                  </div>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      1,352 Members
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
860 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
861 
                    <div class="text-muted">163 registered today</div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
862 863 864 
                  </div>
                </div>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
865 866 
            </div>
            <div class="col-md-6 col-xl-3">
C
dist new version  
codecalm 已提交
867 868 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
869 
                  <div class="mr-3">
C
dist new version  
codecalm 已提交
870 
                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-19"></div>
C
version v1.0.0-alpha.3  
codecalm 已提交
871 872 873 874 
                  </div>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      132 Comments
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
875 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
876 
                    <div class="text-muted">16 waitings</div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
877 878 879 
                  </div>
                </div>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
880 881 
            </div>
            <div class="col-md-6 col-lg-4">
C
dist new version  
codecalm 已提交
882 883 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
884 885 886 
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      1,700
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
887 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
888 889 890 
                    <div class="text-muted">Users</div>
                  </div>
                  <div class="ml-auto">
C
dist new version  
codecalm 已提交
891 
                    <div class="chart-sparkline" id="sparkline-20"></div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
892 893 
                  </div>
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
894 
              </div>
C
dist new version  
codecalm 已提交
895 896 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
897 898 899 900 901 
                  <span class="bg-red text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
                  </span>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      1,700
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
902 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
903 904 905 
                    <div class="text-muted">Users</div>
                  </div>
                  <div class="ml-auto">
C
dist new version  
codecalm 已提交
906 
                    <div class="chart-sparkline" id="sparkline-21"></div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
907 908 
                  </div>
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
909 
              </div>
C
dist new version  
codecalm 已提交
910 911 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
912 913 914 915 916 
                  <span class="bg-green text-white stamp mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
                  </span>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      1,700
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
917 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
918 919 920 
                    <div class="text-muted">Users</div>
                  </div>
                  <div class="ml-auto">
C
dist new version  
codecalm 已提交
921 
                    <div class="chart-sparkline" id="sparkline-22"></div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
922 923 
                  </div>
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
924 
              </div>
C
dist new version  
codecalm 已提交
925 926 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
927 928 929 930 
                  <span class="avatar mr-3 rounded">HS</span>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      1,700
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
931 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
932 933 934 
                    <div class="text-muted">Users</div>
                  </div>
                  <div class="ml-auto">
C
dist new version  
codecalm 已提交
935 
                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-23"></div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
936 937 
                  </div>
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
938 
              </div>
C
dist new version  
codecalm 已提交
939 940 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
941 942 943 944 
                  <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      1,700
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
945 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
946 947 948 
                    <div class="text-muted">Users</div>
                  </div>
                  <div class="ml-auto">
C
dist new version  
codecalm 已提交
949 
                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-24"></div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
950 951 
                  </div>
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
952 
              </div>
C
dist new version  
codecalm 已提交
953 954 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
955 956 957 958 
                  <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      1,700
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
959 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
960 961 962 
                    <div class="text-muted">Users</div>
                  </div>
                  <div class="ml-auto">
C
dist new version  
codecalm 已提交
963 
                    <div class="chart-sparkline chart-sparkline-square" id="sparkline-25"></div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
964 965 
                  </div>
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
966 
              </div>
C
dist new version  
codecalm 已提交
967 968 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
969 970 971 972 
                  <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      1,700
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
973 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
974 
                    <div class="text-muted">Users</div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
975 976 
                  </div>
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
977 
              </div>
C
dist new version  
codecalm 已提交
978 979 
              <div class="card card-sm">
                <div class="card-body d-flex align-items-center">
C
version v1.0.0-alpha.3  
codecalm 已提交
980 981 982 983 984 
                  <span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
                  <div class="mr-3 lh-sm">
                    <div class="strong">
                      1,700 
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-sm ml-1 text-red"><polyline points="23 18 13.5 8.5 8.5 13.5 1 6"></polyline><polyline points="17 18 23 18 23 12"></polyline></svg>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
985 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
986 
                    <div class="text-muted">Users</div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
987 988 
                  </div>
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
989 990 991 992 993 994 995 996 
              </div>
              <div class="card">
                <div class="card-header">
                  <h3 class="card-title">Code block</h3>
                </div>
                <div class="card-code">
                  <figure class="highlight">
                    <pre><code class="language-scss" data-lang="scss"><span class="nc">.card-footer</span> <span class="p">{</span>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
997 998 999 1000 1001 1002 
	<span class="nl">background</span><span class="p">:</span> <span class="nb">transparent</span><span class="p">;</span>

	<span class="k">&amp;</span><span class="nd">:last-child</span> <span class="p">{</span>
		<span class="nl">border-radius</span><span class="p">:</span> <span class="m">0</span> <span class="m">0</span> <span class="m">1</span> <span class="m">2</span><span class="p">;</span>
	<span class="p">}</span>
<span class="p">}</span></code></pre>
C
version v1.0.0-alpha.3  
codecalm 已提交
1003 
                  </figure>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1004 1005 
                </div>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1006 1007 1008 1009 1010 1011 
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="card" data-color=green>
                <div class="card-body">
                  <div class="float-right stamp bg-yellow text-white">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
1012 
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1013 1014 1015 1016 1017 1018 1019 1020 
                  <div class="text-muted font-weight-normal mt-0">Customers</div>
                  <h3 class="h2 mt-2 mb-3">1,950</h3>
                  <p class="mb-0 text-muted">
                    <span class="text-green d-inline-flex align-items-center lh-1">
                      5.2% <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon ml-1"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg>
                    </span>
                    <span class="text-nowrap">Since last month</span>
                  </p>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1021 
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1022 1023 1024 1025 1026 
              </div>
              <div class="card" data-color=grey>
                <div class="card-body">
                  <div class="float-right stamp bg-green text-white">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1027 
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1028 1029 1030 1031 1032 1033 1034 1035 
                  <div class="text-muted font-weight-normal mt-0">Orders</div>
                  <h3 class="h2 mt-2 mb-3">8256</h3>
                  <p class="mb-0 text-muted">
                    <span class="text-yellow d-inline-flex align-items-center lh-1">
                      0% <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon ml-1"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
                    </span>
                    <span class="text-nowrap">Since last month</span>
                  </p>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1036 
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1037 1038 1039 1040 1041 
              </div>
              <div class="card" data-color=red>
                <div class="card-body">
                  <div class="float-right stamp bg-red-lt">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1042 
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1043 1044 1045 1046 1047 1048 1049 1050 
                  <div class="text-muted font-weight-normal mt-0">Revenue</div>
                  <h3 class="h2 mt-2 mb-3">$58,924</h3>
                  <p class="mb-0 text-muted">
                    <span class="text-red d-inline-flex align-items-center lh-1">
                      -3.1% <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon ml-1"><polyline points="23 18 13.5 8.5 8.5 13.5 1 6"></polyline><polyline points="17 18 23 18 23 12"></polyline></svg>
                    </span>
                    <span class="text-nowrap">Since last month</span>
                  </p>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1051 1052 
                </div>
              </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1053 1054 1055 1056 1057 1058 
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="card">
                <div class="progress card-progress">
                  <div class="progress-bar bg-red" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                    <span class="sr-only">20% Complete</span>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1059 1060 
                  </div>
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 
                <div class="card-body">
                  <div class="dropdown card-options">
                    <button class="btn-options" type="button" data-toggle="dropdown">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg>
                    </button>
                    <div class="dropdown-menu dropdown-menu-right">
                      <a class="dropdown-item" href="#">
                        Action
                      </a>
                      <a class="dropdown-item" href="#">
                        Another action
                      </a>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
1073 1074 
                    </div>
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 
                  <div class="card-title">
                    <h6 class="h4 mb-3"><a href="#">Tabler UI</a> <span class="badge">v1.0</span></h6>
                  </div>
                  <div class="avatar-list avatar-list-stacked mb-3">
                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
                    <span class="avatar avatar-sm">JL</span>
                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/002m.jpg)"></span>
                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/003m.jpg)"></span>
                  </div>
                  <div class="card-meta d-flex justify-content-between">
                    <div class="d-flex align-items-center">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
                      <span>5/10</span>
C
build, demo, editorconfig fixes, flat fallback  
codecalm 已提交
1088 
                    </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1089 
                    <span>Due 72 days</span>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1090 1091 
                  </div>
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1092 1093 1094 1095 1096 
              </div>
              <div class="card">
                <div class="progress card-progress">
                  <div class="progress-bar bg-green" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                    <span class="sr-only">20% Complete</span>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1097 1098 
                  </div>
                </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 
                <div class="card-body">
                  <div class="dropdown card-options">
                    <button class="btn-options" type="button" data-toggle="dropdown">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg>
                    </button>
                    <div class="dropdown-menu dropdown-menu-right">
                      <a class="dropdown-item" href="#">
                        Action
                      </a>
                      <a class="dropdown-item" href="#">
                        Another action
C
dist new version  
codecalm 已提交
1110 1111 1112 
                      </a>
                    </div>
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 
                  <div class="card-title">
                    <h6 class="h4 mb-3"><a href="#">Tabler React</a></h6>
                  </div>
                  <div class="avatar-list avatar-list-stacked mb-3">
                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/009f.jpg)"></span>
                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/010f.jpg)"></span>
                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/011m.jpg)"></span>
                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/012m.jpg)"></span>
                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/011f.jpg)"></span>
                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/012f.jpg)"></span>
                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/013m.jpg)"></span>
                  </div>
                  <div class="card-meta d-flex justify-content-between">
                    <div class="d-flex align-items-center">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
                      <span>5/10</span>
                    </div>
                    <span>Due 2 days</span>
                  </div>
                </div>
              </div>
              <div class="card">
                <div class="card-body">
                  <div class="card-title">Basic info</div>
                  <div class="mb-2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2 text-muted"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>
                    Went to: <strong>University of Ljubljana</strong>
                  </div>
                  <div class="mb-2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2 text-muted"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>
                    Worked at: <strong>Devpulse</strong>
                  </div>
                  <div class="mb-2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2 text-muted"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                    Lives in: <strong>Šentilj v Slov. Goricah, Slovenia</strong>
C
dist new version  
codecalm 已提交
1148 
                  </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 
                  <div class="mb-2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2 text-muted"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
                    From: <strong><span class="flag flag-country-si"></span>
                      Slovenia</strong>
                  </div>
                  <div class="mb-2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2 text-muted"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
                    Birth date: <strong>13/01/1985</strong>
                  </div>
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2 text-muted"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
                    Time zone: <strong>Europe/Ljubljana</strong>
                  </div>
                </div>
              </div>
              <div class="card">
                <div class="card-header">
                  <h3 class="card-title">
                    Configuration
                  </h3>
                  <div class="card-actions">
                    <a href="#">
                      Edit configuration<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon ml-1"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
                    </a>
                  </div>
                </div>
                <div class="card-body">
                  <dl class="row">
                    <dt class="col-5">Date:</dt>
                    <dd class="col-7">2020-01-05 16:42:29 UTC</dd>
                    <dt class="col-5">Account:</dt>
                    <dd class="col-7">tabler</dd>
                    <dt class="col-5">Location:</dt>
                    <dd class="col-7"><span class="flag flag-country-pl"></span>
                      Poland</dd>
                    <dt class="col-5">IP Address:</dt>
                    <dd class="col-7">46.113.11.3</dd>
                    <dt class="col-5">Operating system:</dt>
                    <dd class="col-7">OS X 10.15.2 64-bit</dd>
                    <dt class="col-5">Browser:</dt>
                    <dd class="col-7">Chrome</dd>
                  </dl>
C
dist new version  
codecalm 已提交
1191 
                </div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1192 1193 
              </div>
            </div>
C
version v1.0.0-alpha.3  
codecalm 已提交
1194 
          </div>
C
dist new version  
codecalm 已提交
1195 1196 1197 
        </div>
        <footer class="footer footer-transparent">
          <div class="container">
C
version 1.0.0-alpha.4  
codecalm 已提交
1198 1199 1200 1201 1202 1203 1204 
            <div class="row text-center align-items-center flex-row-reverse">
              <div class="col-lg-auto ml-lg-auto">
                <ul class="list-inline list-inline-dots mb-0">
                  <li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
                  <li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
                </ul>
C
dist new version  
codecalm 已提交
1205 
              </div>
C
version 1.0.0-alpha.4  
codecalm 已提交
1206 
              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
C
dist new version  
codecalm 已提交
1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 
                Copyright © 2020
                <a href="." class="link-secondary">Tabler</a>.
                All rights reserved.
              </div>
            </div>
          </div>
        </footer>
      </div>
    </div>
    <div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">New report</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
            </button>
          </div>
          <div class="modal-body">
            <div class="mb-3">
              <label class="form-label">Name</label>
              <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
            </div>
            <label class="form-label">Report type</label>
            <div class="form-selectgroup-boxes row mb-3">
              <div class="col-lg-6">
                <label class="form-selectgroup-item">
                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
                  <div class="form-selectgroup-box d-flex align-items-center p-3">
                    <div class="mr-3">
                      <span class="form-selectgroup-check"></span>
                    </div>
                    <div class="form-selectgroup-box-content">
                      <div class="form-selectgroup-title strong mb-1">Simple</div>
                      <div class="text-muted">Provide only basic data needed for the report</div>
                    </div>
                  </div>
                </label>
              </div>
              <div class="col-lg-6">
                <label class="form-selectgroup-item">
                  <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
                  <div class="form-selectgroup-box d-flex align-items-center p-3">
                    <div class="mr-3">
                      <span class="form-selectgroup-check"></span>
                    </div>
                    <div class="form-selectgroup-box-content">
                      <div class="form-selectgroup-title strong mb-1">Advanced</div>
                      <div class="text-muted">Insert charts and additional advanced analyses to be inserted in the report</div>
                    </div>
                  </div>
                </label>
              </div>
            </div>
            <div class="row">
              <div class="col-lg-8">
                <div class="mb-3">
                  <label class="form-label">Report url</label>
                  <div class="input-group input-group-flat">
                    <div class="input-group-prepend">
                      <span class="input-group-text">
                        https://tabler.io/reports/
                      </span>
                    </div>
                    <input type="text" class="form-control pl-0"  value="report-01">
                  </div>
                </div>
              </div>
              <div class="col-lg-4">
                <div class="mb-3">
                  <label class="form-label">Visibility</label>
                  <select class="form-select">
                    <option value="1" selected>Private</option>
                    <option value="2">Public</option>
                    <option value="3">Hidden</option>
                  </select>
                </div>
              </div>
            </div>
          </div>
          <div class="modal-body">
            <div class="row">
              <div class="col-lg-6">
                <div class="mb-3">
                  <label class="form-label">Client name</label>
                  <input type="text" class="form-control">
                </div>
              </div>
              <div class="col-lg-6">
                <div class="mb-3">
                  <label class="form-label">Reporting period</label>
                  <input type="date" class="form-control">
                </div>
              </div>
              <div class="col-lg-12">
                <div>
                  <label class="form-label">Additional information</label>
                  <textarea class="form-control" rows="3"></textarea>
                </div>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
              Cancel
            </a>
            <a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
              Create new report
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="modal modal-blur fade" id="modal-customize" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">Customize Tabler</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
            </button>
          </div>
          <div class="modal-body">
            <p class="text-muted">Set preferences that will be saved for your live preview.</p>
            <div class="mb-3">
              <label class="form-label">Color scheme</label>
              <div class="form-hint">Light or dark presentation.</div>
              <div class="btn-group w-100">
                <button class="btn btn-secondary" data-theme-toggle="theme:light"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
                  Light</button>
                <button class="btn btn-secondary" data-theme-toggle="theme:dark"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
                  Dark</button>
              </div>
            </div>
            <div class="mb-4 text-muted">
              You can use the <code>.theme-dark-auto</code> class to automatically adjust the color version to the system settings.
            </div>
            <div class="mb-3">
              <label class="form-label">Navigation position</label>
              <div class="form-hint">Choose where the main navigation in your project should be located.</div>
              <div class="btn-group w-100">
                <button class="btn btn-secondary" data-theme-toggle="navbar-position:horizontal">Topnav</button>
                <button class="btn btn-secondary" data-theme-toggle="navbar-position:vertical">Sidenav</button>
                <button class="btn btn-secondary" data-theme-toggle="navbar-position:both">Both</button>
              </div>
            </div>
            <div class="mb-3">
              <label class="form-label">Sidebar size</label>
              <div class="form-hint">Standard sidebar width or narrow version with icons only.</div>
              <div class="btn-group w-100">
                <button class="btn btn-secondary" data-theme-toggle="navbar-size:wide">Wide</button>
                <button class="btn btn-secondary" data-theme-toggle="navbar-size:narrow">Narrow</button>
              </div>
            </div>
            <div class="mb-3">
              <label class="form-label">Sidebar position</label>
              <div class="form-hint">Choose whether the sidebar should appear on the left or on the right.</div>
              <div class="btn-group w-100">
                <button class="btn btn-secondary" data-theme-toggle="navbar-side:left">Left</button>
                <button class="btn btn-secondary" data-theme-toggle="navbar-side:right">Right</button>
              </div>
            </div>
            <div>
              <label class="form-label">Navigation color</label>
              <div class="form-hint">Light or dark version of the sidebar </div>
              <div class="btn-group w-100">
                <button class="btn btn-secondary" data-theme-toggle="navbar-color:light">Light</button>
                <button class="btn btn-secondary" data-theme-toggle="navbar-color:dark">Dark</button>
              </div>
            </div>
          </div>
        </div>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1380 1381 1382 
      </div>
    </div>
    <!-- Libs JS -->
C
version 1.0.0-alpha.4  
codecalm 已提交
1383 1384 1385 
    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
    <script src="./dist/libs/peity/jquery.peity.min.js?1582373134"></script>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1386 
    <!-- Tabler Core -->
C
version 1.0.0-alpha.4  
codecalm 已提交
1387 
    <script src="./dist/js/tabler.min.js?1582373134"></script>
C
tabler build - 21.12  
codecalm 已提交
1388 1389 
    <script>
      document.addEventListener("DOMContentLoaded", function () {
C
dist new version  
codecalm 已提交
1390 
      	$().peity && $('#sparkline-16').text("56/100").peity("pie", {
C
tabler build - 21.12  
codecalm 已提交
1391 1392 1393 1394 
      		width: 40,
      		height: 40,
      		stroke: "#206bc4",
      		strokeWidth: 2,
C
version v1.0.0-alpha.3  
codecalm 已提交
1395 
      		fill: ["#206bc4", "rgba(126, 133, 144, 0.24)"],
C
tabler build - 21.12  
codecalm 已提交
1396 
      		padding: .2,
C
new build  
codecalm 已提交
1397 
      		innerRadius: 17,
C
tabler build - 21.12  
codecalm 已提交
1398 1399 1400 1401 1402 
      	});
      });
    </script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
C
dist new version  
codecalm 已提交
1403 
      	$().peity && $('#sparkline-17').text("56/100").peity("pie", {
C
tabler build - 21.12  
codecalm 已提交
1404 1405 1406 1407 
      		width: 40,
      		height: 40,
      		stroke: "#5eba00",
      		strokeWidth: 2,
C
version v1.0.0-alpha.3  
codecalm 已提交
1408 
      		fill: ["#5eba00", "rgba(126, 133, 144, 0.24)"],
C
tabler build - 21.12  
codecalm 已提交
1409 
      		padding: .2,
C
new build  
codecalm 已提交
1410 
      		innerRadius: 17,
C
tabler build - 21.12  
codecalm 已提交
1411 1412 1413 1414 1415 
      	});
      });
    </script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
C
dist new version  
codecalm 已提交
1416 
      	$().peity && $('#sparkline-18').text("56/100").peity("pie", {
C
tabler build - 21.12  
codecalm 已提交
1417 1418 1419 1420 
      		width: 40,
      		height: 40,
      		stroke: "#fa4654",
      		strokeWidth: 2,
C
version v1.0.0-alpha.3  
codecalm 已提交
1421 
      		fill: ["#fa4654", "rgba(126, 133, 144, 0.24)"],
C
tabler build - 21.12  
codecalm 已提交
1422 
      		padding: .2,
C
new build  
codecalm 已提交
1423 
      		innerRadius: 17,
C
tabler build - 21.12  
codecalm 已提交
1424 1425 1426 1427 1428 
      	});
      });
    </script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
C
dist new version  
codecalm 已提交
1429 
      	$().peity && $('#sparkline-19').text("56/100").peity("pie", {
C
tabler build - 21.12  
codecalm 已提交
1430 1431 1432 1433 
      		width: 40,
      		height: 40,
      		stroke: "#fab005",
      		strokeWidth: 2,
C
version v1.0.0-alpha.3  
codecalm 已提交
1434 
      		fill: ["#fab005", "rgba(126, 133, 144, 0.24)"],
C
tabler build - 21.12  
codecalm 已提交
1435 
      		padding: .2,
C
new build  
codecalm 已提交
1436 
      		innerRadius: 17,
C
tabler build - 21.12  
codecalm 已提交
1437 1438 1439 1440 1441 
      	});
      });
    </script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
C
dist new version  
codecalm 已提交
1442 
      	$().peity && $('#sparkline-20').text("20,0,40,30,40,30,80,60").peity("line", {
C
tabler build - 21.12  
codecalm 已提交
1443 1444 1445 1446 
      		width: 64,
      		height: 40,
      		stroke: "#206bc4",
      		strokeWidth: 2,
C
dist new version  
codecalm 已提交
1447 
      		fill: ["#d2e1f3"],
C
tabler build - 21.12  
codecalm 已提交
1448 1449 1450 1451 1452 1453 
      		padding: .2,
      	});
      });
    </script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
C
dist new version  
codecalm 已提交
1454 
      	$().peity && $('#sparkline-21').text("20,40,30,10,40,60,80,70").peity("bar", {
C
tabler build - 21.12  
codecalm 已提交
1455 1456 1457 1458 
      		width: 64,
      		height: 40,
      		stroke: "#fa4654",
      		strokeWidth: 2,
C
dist new version  
codecalm 已提交
1459 
      		fill: "transparent",
C
tabler build - 21.12  
codecalm 已提交
1460 1461 1462 1463 1464 1465 
      		padding: .2,
      	});
      });
    </script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
C
dist new version  
codecalm 已提交
1466 
      	$().peity && $('#sparkline-22').text("20,40,20,-10,-30,10,40,60,80,70").peity("bar", {
C
tabler build - 21.12  
codecalm 已提交
1467 1468 1469 1470 
      		width: 64,
      		height: 40,
      		stroke: "#5eba00",
      		strokeWidth: 2,
C
dist new version  
codecalm 已提交
1471 
      		fill: "transparent",
C
tabler build - 21.12  
codecalm 已提交
1472 1473 1474 1475 1476 1477 
      		padding: .2,
      	});
      });
    </script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
C
dist new version  
codecalm 已提交
1478 
      	$().peity && $('#sparkline-23').text("12/100").peity("pie", {
C
tabler build - 21.12  
codecalm 已提交
1479 1480 1481 1482 
      		width: 40,
      		height: 40,
      		stroke: "#206bc4",
      		strokeWidth: 2,
C
version v1.0.0-alpha.3  
codecalm 已提交
1483 
      		fill: ["#206bc4", "rgba(126, 133, 144, 0.24)"],
C
tabler build - 21.12  
codecalm 已提交
1484 
      		padding: .2,
C
new build  
codecalm 已提交
1485 
      		innerRadius: 17,
C
tabler build - 21.12  
codecalm 已提交
1486 1487 1488 1489 1490 
      	});
      });
    </script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
C
dist new version  
codecalm 已提交
1491 
      	$().peity && $('#sparkline-24').text("12/100").peity("pie", {
C
tabler build - 21.12  
codecalm 已提交
1492 1493 1494 1495 
      		width: 40,
      		height: 40,
      		stroke: "#206bc4",
      		strokeWidth: 2,
C
version v1.0.0-alpha.3  
codecalm 已提交
1496 
      		fill: ["#206bc4", "rgba(126, 133, 144, 0.24)"],
C
tabler build - 21.12  
codecalm 已提交
1497 
      		padding: .2,
C
new build  
codecalm 已提交
1498 
      		innerRadius: 17,
C
tabler build - 21.12  
codecalm 已提交
1499 1500 1501 1502 1503 
      	});
      });
    </script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
C
dist new version  
codecalm 已提交
1504 
      	$().peity && $('#sparkline-25').text("56/100").peity("pie", {
C
tabler build - 21.12  
codecalm 已提交
1505 1506 1507 1508 
      		width: 40,
      		height: 40,
      		stroke: "#206bc4",
      		strokeWidth: 2,
C
version v1.0.0-alpha.3  
codecalm 已提交
1509 
      		fill: ["#206bc4", "rgba(126, 133, 144, 0.24)"],
C
tabler build - 21.12  
codecalm 已提交
1510 
      		padding: .2,
C
new build  
codecalm 已提交
1511 
      		innerRadius: 17,
C
tabler build - 21.12  
codecalm 已提交
1512 1513 1514 
      	});
      });
    </script>
C
dist new version  
codecalm 已提交
1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527 1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564 1565 1566 1567 1568 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592 1593 1594 1595 1596 1597 1598 1599 1600 1601 1602 1603 1604 1605 1606 1607 1608 1609 1610 1611 1612 1613 1614 1615 1616 1617 1618 1619 1620 1621 1622 1623 1624 1625 1626 1627 1628 1629 1630 
    <script>
      (function() {
      	var navbarPrimary = document.getElementById('navbar-primary'),
      		navbarSecondary = document.getElementById('navbar-secondary');
      	var defaults = {
      		theme: 'light',
      		'navbar-position': 'horizontal',
      		'navbar-size': 'wide',
      		'navbar-side': 'left',
      		'navbar-color': 'light',
      	};
      	var eventsClean = {
      		'theme': function () {
      			document.body.classList.remove('theme-dark');
      		},
      		'navbar-position': function () {
      			navbarPrimary.classList.remove('navbar-vertical');
      			navbarSecondary.classList.remove('d-none');
      		},
      		'navbar-size': function () {
      			navbarPrimary.classList.remove('navbar-vertical-narrow');
      		},
      		'navbar-side': function () {
      			navbarPrimary.classList.remove('navbar-right');
      		},
      		'navbar-color': function () {
      			navbarPrimary.classList.remove('navbar-dark');
      			navbarPrimary.classList.add('navbar-light');
      		},
      	};
      	var events = {
      		'theme:light': function () {
      		},
      		'theme:dark': function () {
      			document.body.classList.add('theme-dark');
      		},
      		'navbar-position:vertical': function () {
      			navbarPrimary.classList.add('navbar-vertical');
      			navbarSecondary.classList.add('d-none');
      		},
      		'navbar-position:horizontal': function () {
      		},
      		'navbar-position:both': function () {
      			navbarPrimary.classList.add('navbar-vertical');
      		},
      		'navbar-size:wide': function () {
      		},
      		'navbar-size:narrow': function () {
      			navbarPrimary.classList.add('navbar-vertical-narrow');
      		},
      		'navbar-side:left': function () {
      		},
      		'navbar-side:right': function () {
      			navbarPrimary.classList.add('navbar-right');
      		},
      		'navbar-color:light': function () {
      		},
      		'navbar-color:dark': function () {
      			navbarPrimary.classList.add('navbar-dark');
      			navbarPrimary.classList.remove('navbar-light');
      		},
      	};
      	var updateThemeConfig = function (name) {
      		var key, value;
      		if (name) {
      			[key, value] = name.split(':');
      			setConfig(key, value);
      		}
      		applyConfig();
      	};
      	var disableTransitions = function () {
      		document.body.classList.add('no-transitions');
      		setTimeout(function () {
      			document.body.classList.remove('no-transitions');
      		}, 300);
      	};
      	var getConfig = function () {
      		var config = {};
      		for (var key in defaults) {
      			config[key] = localStorage.getItem('tabler-' + key) || defaults[key];
      		}
      		return config;
      	};
      	var setConfig = function (key, value) {
      		localStorage.setItem('tabler-' + key, value);
      	};
      	var applyConfig = function () {
      		disableTransitions();
      		var config = getConfig();
      		for (var key in config) {
      			var value = config[key];
      			eventsClean[key] && eventsClean[key].call();
      			events[key + ':' + value] && events[key + ':' + value].call();
      			([].slice.call(document.querySelectorAll('[data-theme-toggle^="' + key + '"]'))).map(function (activeTrigger) {
      				activeTrigger.classList.remove('active')
      			});
      			document.querySelector('[data-theme-toggle="' + key + ':' + value + '"]').classList.add('active');
      		}
      	};
      	applyConfig();
      	for (var name in events) {
      		var event = events[name];
      		(function (event, name) {
      			document.querySelector('[data-theme-toggle="' + name + '"]').addEventListener("click", function (e) {
      				updateThemeConfig(name);
      				event.call();
      				e.preventDefault();
      				return false;
      			});
      		})(event, name);
      	}
      })();
    </script>
    <script>
      document.body.style.display = "block"
    </script>
C
first dist, demo, bootstrap upgrade  
codecalm 已提交
1631 1632 
  </body>
</html>