Skip to content

T
Tabler

Dashboards / Tabler
10 个月 前同步成功

通知 0
Star 0
Fork 0
T
Tabler

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

切换分支/标签
查找文件 普通视图历史永久链接Permalink
carousel.html 57.2 KB
Newer Older
C
build v2  
codecalm 已提交
1 2 3 
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
C
Release 1.0.0-beta14  
codecalm 已提交
4 
* @version 1.0.0-beta14
C
build v2  
codecalm 已提交
5 
* @link https://tabler.io
C
Release 1.0.0-beta6  
codecalm 已提交
6 7 
* Copyright 2018-2022 The Tabler Authors
* Copyright 2018-2022 codecalm.net Paweł Kuna
C
build v2  
codecalm 已提交
8 
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
C
build v2  
codecalm 已提交
9 10 
-->
<html lang="en">
C
build v2  
codecalm 已提交
11 12 13 14 15 16 
  <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"/>
    <title>Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
    <!-- CSS files -->
C
Release 1.0.0-beta14  
codecalm 已提交
17 18 19 20 21 
    <link href="./dist/css/tabler.min.css?1666304673" rel="stylesheet"/>
    <link href="./dist/css/tabler-flags.min.css?1666304673" rel="stylesheet"/>
    <link href="./dist/css/tabler-payments.min.css?1666304673" rel="stylesheet"/>
    <link href="./dist/css/tabler-vendors.min.css?1666304673" rel="stylesheet"/>
    <link href="./dist/css/demo.min.css?1666304673" rel="stylesheet"/>
C
Release 1.0.0-beta12  
codecalm 已提交
22 23 24 25 26 27 
    <style>
      @import url('https://rsms.me/inter/inter.css');
      :root {
      	--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
      }
    </style>
C
build v2  
codecalm 已提交
28 
  </head>
C
Release 1.0.0-beta5  
codecalm 已提交
29 
  <body >
C
Release 1.0.0-beta14  
codecalm 已提交
30 
    <script src="./dist/js/demo-theme.min.js?1666304673"></script>
C
Release 1.0.0-beta6  
codecalm 已提交
31 
    <div class="page">
C
Release 1.0.0-beta12  
codecalm 已提交
32 
      <!-- Navbar -->
C
Release 1.0.0-alpha.12  
codecalm 已提交
33 
      <header class="navbar navbar-expand-md navbar-light d-print-none">
C
build v2  
codecalm 已提交
34 
        <div class="container-xl">
M
Release 1.0.0-alpha.16  
Michal Wolny 已提交
35 
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
C
build v2  
codecalm 已提交
36 37 
            <span class="navbar-toggler-icon"></span>
          </button>
C
Release 1.0.0-alpha.17  
codecalm 已提交
38 
          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
M
Release 1.0.0-alpha.16  
Michal Wolny 已提交
39 40 41 42 
            <a href=".">
              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
            </a>
          </h1>
C
build v2  
codecalm 已提交
43 
          <div class="navbar-nav flex-row order-md-last">
C
Release 1.0.0-beta2  
codecalm 已提交
44 45 
            <div class="nav-item d-none d-md-flex me-3">
              <div class="btn-list">
C
Release 1.0.0-beta5  
codecalm 已提交
46 
                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
C
Release 1.0.0-beta2  
codecalm 已提交
47 
                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
C
Release 1.0.0-beta6  
codecalm 已提交
48 
                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
C
Release 1.0.0-beta2  
codecalm 已提交
49 50 
                  Source code
                </a>
C
Release 1.0.0-beta5  
codecalm 已提交
51 
                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
C
Release 1.0.0-beta2  
codecalm 已提交
52 
                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
C
Release 1.0.0-beta11  
codecalm 已提交
53 
                  <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
C
Release 1.0.0-beta2  
codecalm 已提交
54 55 56 57 
                  Sponsor
                </a>
              </div>
            </div>
C
Release 1.0.0-beta7  
codecalm 已提交
58 
            <div class="d-none d-md-flex">
C
Release 1.0.0-beta12  
codecalm 已提交
59 60 
              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
		   data-bs-placement="bottom">
C
Release 1.0.0-beta7  
codecalm 已提交
61 62 
                <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
C
build v2  
codecalm 已提交
63 
              </a>
C
Release 1.0.0-beta12  
codecalm 已提交
64 65 
              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
		   data-bs-placement="bottom">
C
Release 1.0.0-beta7  
codecalm 已提交
66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 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 
                <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
              </a>
              <div class="nav-item dropdown d-none d-md-flex me-3">
                <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
                  <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                  <span class="badge bg-red"></span>
                </a>
                <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
                  <div class="card">
                    <div class="card-header">
                      <h3 class="card-title">Last updates</h3>
                    </div>
                    <div class="list-group list-group-flush list-group-hoverable">
                      <div class="list-group-item">
                        <div class="row align-items-center">
                          <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
                          <div class="col text-truncate">
                            <a href="#" class="text-body d-block">Example 1</a>
                            <div class="d-block text-muted text-truncate mt-n1">
                              Change deprecated html tags to text decoration classes (#29604)
                            </div>
                          </div>
                          <div class="col-auto">
                            <a href="#" class="list-group-item-actions">
                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div class="list-group-item">
                        <div class="row align-items-center">
                          <div class="col-auto"><span class="status-dot d-block"></span></div>
                          <div class="col text-truncate">
                            <a href="#" class="text-body d-block">Example 2</a>
                            <div class="d-block text-muted text-truncate mt-n1">
                              justify-content:between ⇒ justify-content:space-between (#29734)
                            </div>
                          </div>
                          <div class="col-auto">
                            <a href="#" class="list-group-item-actions show">
                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div class="list-group-item">
                        <div class="row align-items-center">
                          <div class="col-auto"><span class="status-dot d-block"></span></div>
                          <div class="col text-truncate">
                            <a href="#" class="text-body d-block">Example 3</a>
                            <div class="d-block text-muted text-truncate mt-n1">
                              Update change-version.js (#29736)
                            </div>
                          </div>
                          <div class="col-auto">
                            <a href="#" class="list-group-item-actions">
                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div class="list-group-item">
                        <div class="row align-items-center">
                          <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
                          <div class="col text-truncate">
                            <a href="#" class="text-body d-block">Example 4</a>
                            <div class="d-block text-muted text-truncate mt-n1">
                              Regenerate package-lock.json (#29730)
                            </div>
                          </div>
                          <div class="col-auto">
                            <a href="#" class="list-group-item-actions">
                              <!-- Download SVG icon from http://tabler-icons.io/i/star -->
                              <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
C
build v2  
codecalm 已提交
150 151 152 153 154 
                  </div>
                </div>
              </div>
            </div>
            <div class="nav-item dropdown">
M
Release 1.0.0-alpha.16  
Michal Wolny 已提交
155 
              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
C
Release 1.0.0-alpha.9  
codecalm 已提交
156 
                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
C
Release 1.0.0-alpha.17  
codecalm 已提交
157 
                <div class="d-none d-xl-block ps-2">
C
build v2  
codecalm 已提交
158 159 160 161 
                  <div>Paweł Kuna</div>
                  <div class="mt-1 small text-muted">UI Designer</div>
                </div>
              </a>
C
Release 1.0.0-alpha.17  
codecalm 已提交
162 
              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
C
Release 1.0.0-beta12  
codecalm 已提交
163 164 
                <a href="#" class="dropdown-item">Status</a>
                <a href="#" class="dropdown-item">Profile</a>
C
Release 1.0.0-alpha.9  
codecalm 已提交
165 
                <a href="#" class="dropdown-item">Feedback</a>
C
build v2  
codecalm 已提交
166 
                <div class="dropdown-divider"></div>
C
Release 1.0.0-beta12  
codecalm 已提交
167 168 
                <a href="./settings.html" class="dropdown-item">Settings</a>
                <a href="./sign-in.html" class="dropdown-item">Logout</a>
C
build v2  
codecalm 已提交
169 170 171 172 173 174 175 176 177 178 179 180 
              </div>
            </div>
          </div>
        </div>
      </header>
      <div class="navbar-expand-md">
        <div class="collapse navbar-collapse" id="navbar-menu">
          <div class="navbar navbar-light">
            <div class="container-xl">
              <ul class="navbar-nav">
                <li class="nav-item">
                  <a class="nav-link" href="./index.html" >
C
Release 1.0.0-beta2  
codecalm 已提交
181 182 
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
C
build v2  
codecalm 已提交
183 184 185 186 187 188 189 
                    </span>
                    <span class="nav-link-title">
                      Home
                    </span>
                  </a>
                </li>
                <li class="nav-item active dropdown">
C
dist new version  
codecalm 已提交
190 
                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
C
Release 1.0.0-beta2  
codecalm 已提交
191 192 
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
C
build v2  
codecalm 已提交
193 194 
                    </span>
                    <span class="nav-link-title">
C
Release 1.0.0-alpha.15  
codecalm 已提交
195 
                      Interface
C
build v2  
codecalm 已提交
196 197 
                    </span>
                  </a>
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
198 199 200 
                  <div class="dropdown-menu">
                    <div class="dropdown-menu-columns">
                      <div class="dropdown-menu-column">
C
Release 1.0.0-beta10  
codecalm 已提交
201 
                        <a class="dropdown-item" href="./empty.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
202 203 
                          Empty page
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
204 
                        <a class="dropdown-item" href="./accordion.html">
C
Release 1.0.0-alpha.20  
codecalm 已提交
205 206 
                          Accordion
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
207 
                        <a class="dropdown-item" href="./blank.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
208 209 
                          Blank page
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
210 
                        <a class="dropdown-item" href="./buttons.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
211 212 
                          Buttons
                        </a>
C
Release 1.0.0-beta7  
codecalm 已提交
213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 
                        <div class="dropend">
                          <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
                            Cards
                            <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                          </a>
                          <div class="dropdown-menu">
                            <a href="./cards.html" class="dropdown-item">
                              Sample cards
                            </a>
                            <a href="./card-actions.html" class="dropdown-item">
                              Card actions
                              <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                            </a>
                            <a href="./cards-masonry.html" class="dropdown-item">
                              Cards Masonry
                            </a>
                          </div>
                        </div>
C
Release 1.0.0-beta10  
codecalm 已提交
231 
                        <a class="dropdown-item" href="./colors.html">
M
Release 1.0.0-alpha.16  
Michal Wolny 已提交
232 233 
                          Colors
                        </a>
C
Release 1.0.0-beta11  
codecalm 已提交
234 235 236 237 
                        <a class="dropdown-item" href="./datagrid.html">
                          Data grid
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
238 239 240 241 242 
                        <a class="dropdown-item" href="./datatables.html">
                          Datatables
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
                        <a class="dropdown-item" href="./dropdowns.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
243 244 
                          Dropdowns
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
245 
                        <a class="dropdown-item" href="./modals.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
246 247 
                          Modals
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
248 
                        <a class="dropdown-item" href="./maps.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
249 250 
                          Maps
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
251 
                        <a class="dropdown-item" href="./map-fullsize.html">
C
Release 1.0.0-alpha.15  
codecalm 已提交
252 253 
                          Map fullsize
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
254 
                        <a class="dropdown-item" href="./maps-vector.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
255 
                          Vector maps
C
Release 1.0.0-beta8  
codecalm 已提交
256 
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
257 
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
258 
                        <a class="dropdown-item" href="./navigation.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
259 260 
                          Navigation
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
261 
                        <a class="dropdown-item" href="./charts.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
262 263 
                          Charts
                        </a>
C
Release 1.0.0-beta11  
codecalm 已提交
264 265 
                      </div>
                      <div class="dropdown-menu-column">
C
Release 1.0.0-beta10  
codecalm 已提交
266 267 
                        <a class="dropdown-item" href="./pagination.html">
                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
268 269 
                          Pagination
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
270 
                        <a class="dropdown-item" href="./placeholder.html">
C
Release 1.0.0-beta6  
codecalm 已提交
271 
                          Placeholder
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
272 
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
273 
                        <a class="dropdown-item" href="./tabs.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
274 275 
                          Tabs
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
276 
                        <a class="dropdown-item" href="./tables.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
277 278 
                          Tables
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
279 
                        <a class="dropdown-item active" href="./carousel.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
280 
                          Carousel
C
Release 1.0.0-beta10  
codecalm 已提交
281 
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
282 
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
283 
                        <a class="dropdown-item" href="./lists.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
284 285 
                          Lists
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
286 
                        <a class="dropdown-item" href="./typography.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
287 288 
                          Typography
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
289 
                        <a class="dropdown-item" href="./offcanvas.html">
C
Release 1.0.0-beta4  
codecalm 已提交
290 291 
                          Offcanvas
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
292 
                        <a class="dropdown-item" href="./markdown.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
293 294 
                          Markdown
                        </a>
C
Release 1.0.0-beta11  
codecalm 已提交
295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 
                        <a class="dropdown-item" href="./dropzone.html">
                          Dropzone
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
                        <a class="dropdown-item" href="./lightbox.html">
                          Lightbox
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
                        <a class="dropdown-item" href="./tinymce.html">
                          TinyMCE
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
                        <a class="dropdown-item" href="./inline-player.html">
                          Inline player
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
C
Release 1.0.0-alpha.17  
codecalm 已提交
311 
                        <div class="dropend">
C
dist new version  
codecalm 已提交
312 
                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
313 314 315 
                            Authentication
                          </a>
                          <div class="dropdown-menu">
C
Release 1.0.0-beta7  
codecalm 已提交
316 317 318 
                            <a href="./sign-in.html" class="dropdown-item">
                              Sign in
                            </a>
C
Release 1.0.0-beta12  
codecalm 已提交
319 320 321 322 323 324 
                            <a href="./sign-in-illustration.html" class="dropdown-item">
                              Sign in with illustration
                            </a>
                            <a href="./sign-in-cover.html" class="dropdown-item">
                              Sign in with cover
                            </a>
C
Release 1.0.0-beta7  
codecalm 已提交
325 326 327 328 329 330 331 332 333 334 335 336 
                            <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>
                            <a href="./auth-lock.html" class="dropdown-item">
                              Lock screen
                            </a>
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
337 338 
                          </div>
                        </div>
C
Release 1.0.0-alpha.17  
codecalm 已提交
339 
                        <div class="dropend">
C
dist new version  
codecalm 已提交
340 
                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
C
Release 1.0.0-beta10  
codecalm 已提交
341 342 
                            <!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="14" x2="15" y2="14" /></svg>
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
343 344 345 
                            Error pages
                          </a>
                          <div class="dropdown-menu">
C
Release 1.0.0-beta7  
codecalm 已提交
346 347 348 349 350 351 352 353 354 
                            <a href="./error-404.html" class="dropdown-item">
                              404 page
                            </a>
                            <a href="./error-500.html" class="dropdown-item">
                              500 page
                            </a>
                            <a href="./error-maintenance.html" class="dropdown-item">
                              Maintenance page
                            </a>
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
355 356 
                          </div>
                        </div>
C
build v2  
codecalm 已提交
357 
                      </div>
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
358 359 
                    </div>
                  </div>
C
build v2  
codecalm 已提交
360 361 362 
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="./form-elements.html" >
C
Release 1.0.0-beta2  
codecalm 已提交
363 364 
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
C
build v2  
codecalm 已提交
365 366 367 368 369 370 371 
                    </span>
                    <span class="nav-link-title">
                      Form elements
                    </span>
                  </a>
                </li>
                <li class="nav-item dropdown">
C
dist new version  
codecalm 已提交
372 
                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
C
Release 1.0.0-beta2  
codecalm 已提交
373 374 
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
C
build v2  
codecalm 已提交
375 376 377 378 379 
                    </span>
                    <span class="nav-link-title">
                      Extra
                    </span>
                  </a>
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
380 
                  <div class="dropdown-menu">
C
Release 1.0.0-beta10  
codecalm 已提交
381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 
                    <div class="dropdown-menu-columns">
                      <div class="dropdown-menu-column">
                        <a class="dropdown-item" href="./activity.html">
                          Activity
                        </a>
                        <a class="dropdown-item" href="./gallery.html">
                          Gallery
                        </a>
                        <a class="dropdown-item" href="./invoice.html">
                          Invoice
                        </a>
                        <a class="dropdown-item" href="./search-results.html">
                          Search results
                        </a>
                        <a class="dropdown-item" href="./pricing.html">
                          Pricing cards
                        </a>
C
Release 1.0.0-beta11  
codecalm 已提交
398 399 400 
                        <a class="dropdown-item" href="./pricing-table.html">
                          Pricing table
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
401 402 403 404 405 406 407 408 409 410 
                        <a class="dropdown-item" href="./faq.html">
                          FAQ
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
                        <a class="dropdown-item" href="./users.html">
                          Users
                        </a>
                        <a class="dropdown-item" href="./license.html">
                          License
                        </a>
C
Release 1.0.0-beta12  
codecalm 已提交
411 412 
                      </div>
                      <div class="dropdown-menu-column">
P
update icons to v1.91.0 (#1218)  
Paweł Kuna 已提交
413 414 415 416 
                        <a class="dropdown-item" href="./logs.html">
                          Logs
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 
                        <a class="dropdown-item" href="./music.html">
                          Music
                        </a>
                        <a class="dropdown-item" href="./tasks.html">
                          Tasks
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
                        <a class="dropdown-item" href="./uptime.html">
                          Uptime monitor
                        </a>
                        <a class="dropdown-item" href="./widgets.html">
                          Widgets
                        </a>
                        <a class="dropdown-item" href="./wizard.html">
                          Wizard
                        </a>
C
Release 1.0.0-beta11  
codecalm 已提交
433 434 435 436 
                        <a class="dropdown-item" href="./settings.html">
                          Settings
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
C
Release 1.0.0-beta12  
codecalm 已提交
437 438 439 440 
                        <a class="dropdown-item" href="./job-listing.html">
                          Job listing
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
441 442 
                      </div>
                    </div>
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
443 
                  </div>
C
build v2  
codecalm 已提交
444 445 
                </li>
                <li class="nav-item dropdown">
C
dist new version  
codecalm 已提交
446 
                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
C
Release 1.0.0-beta2  
codecalm 已提交
447 448 
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
C
build v2  
codecalm 已提交
449 450 451 452 453 
                    </span>
                    <span class="nav-link-title">
                      Layout
                    </span>
                  </a>
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
454 455 456 
                  <div class="dropdown-menu">
                    <div class="dropdown-menu-columns">
                      <div class="dropdown-menu-column">
C
Release 1.0.0-beta10  
codecalm 已提交
457 
                        <a class="dropdown-item" href="./layout-horizontal.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
458 459 
                          Horizontal
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
460 
                        <a class="dropdown-item" href="./layout-boxed.html">
C
Release 1.0.0-beta9  
codecalm 已提交
461 
                          Boxed
C
Release 1.0.0-beta10  
codecalm 已提交
462 
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
C
Release 1.0.0-beta9  
codecalm 已提交
463 
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
464 
                        <a class="dropdown-item" href="./layout-vertical.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
465 466 
                          Vertical
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
467 
                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
C
Release 1.0.0-alpha.15  
codecalm 已提交
468 469 
                          Vertical transparent
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
470 
                        <a class="dropdown-item" href="./layout-vertical-right.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
471 472 
                          Right vertical
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
473 
                        <a class="dropdown-item" href="./layout-condensed.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
474 475 
                          Condensed
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
476 
                        <a class="dropdown-item" href="./layout-combo.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
477 478 479 480 
                          Combined
                        </a>
                      </div>
                      <div class="dropdown-menu-column">
C
Release 1.0.0-beta10  
codecalm 已提交
481 
                        <a class="dropdown-item" href="./layout-navbar-dark.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
482 483 
                          Navbar dark
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
484 
                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
C
Release 1.0.0-alpha.15  
codecalm 已提交
485 486 
                          Navbar sticky
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
487 
                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
488 489 
                          Navbar overlap
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
490 
                        <a class="dropdown-item" href="./layout-rtl.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
491 492 
                          RTL mode
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
493 
                        <a class="dropdown-item" href="./layout-fluid.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
494 495 
                          Fluid
                        </a>
C
Release 1.0.0-beta10  
codecalm 已提交
496 
                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
497 498 499 500 501 
                          Fluid vertical
                        </a>
                      </div>
                    </div>
                  </div>
C
build v2  
codecalm 已提交
502 
                </li>
C
Release 1.0.0-beta7  
codecalm 已提交
503 504 505 506 507 508 
                <li class="nav-item">
                  <a class="nav-link" href="./icons.html" >
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                    </span>
                    <span class="nav-link-title">
C
Release 1.0.0-beta13  
codecalm 已提交
509 
                      2853 icons
C
Release 1.0.0-beta7  
codecalm 已提交
510 511 512 
                    </span>
                  </a>
                </li>
C
Release 1.0.0-beta10  
codecalm 已提交
513 514 515 516 
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
                    <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><circle cx="12" cy="12" r="9" /><line x1="15" y1="15" x2="18.35" y2="18.35" /><line x1="9" y1="15" x2="5.65" y2="18.35" /><line x1="5.65" y1="5.65" x2="9" y2="9" /><line x1="18.35" y1="5.65" x2="15" y2="9" /></svg>
C
build v2  
codecalm 已提交
517 518 
                    </span>
                    <span class="nav-link-title">
C
Release 1.0.0-beta10  
codecalm 已提交
519 
                      Help
C
build v2  
codecalm 已提交
520 521 
                    </span>
                  </a>
C
Release 1.0.0-beta10  
codecalm 已提交
522 523 524 525 526 
                  <div class="dropdown-menu">
                    <a class="dropdown-item" href="./docs/index.html">
                      Documentation
                    </a>
                    <a class="dropdown-item" href="./changelog.html">
C
Release 1.0.0-beta7  
codecalm 已提交
527 
                      Changelog
C
Release 1.0.0-beta10  
codecalm 已提交
528 529 530 531 532 533 
                    </a>
                    <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
                      Source code
                    </a>
                    <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
C
Release 1.0.0-beta11  
codecalm 已提交
534 
                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
C
Release 1.0.0-beta10  
codecalm 已提交
535 536 537 
                      Sponsor project!
                    </a>
                  </div>
C
Release 1.0.0-beta7  
codecalm 已提交
538 
                </li>
C
build v2  
codecalm 已提交
539 540 
              </ul>
              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
C
Release 1.0.0-beta12  
codecalm 已提交
541 
                <form action="./" method="get" autocomplete="off" novalidate>
C
build v2  
codecalm 已提交
542 543 
                  <div class="input-icon">
                    <span class="input-icon-addon">
C
Release 1.0.0-beta2  
codecalm 已提交
544 
                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
C
build v2  
codecalm 已提交
545 546 
                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
                    </span>
C
Release 1.0.0-beta7  
codecalm 已提交
547 
                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
C
build v2  
codecalm 已提交
548 549 550 551 552 553 
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
C
build v2  
codecalm 已提交
554 
      </div>
C
Release 1.0.0-beta2  
codecalm 已提交
555 
      <div class="page-wrapper">
C
Release 1.0.0-beta12  
codecalm 已提交
556 557 558 
        <!-- Page header -->
        <div class="page-header d-print-none">
          <div class="container-xl">
C
Release 1.0.0-beta10  
codecalm 已提交
559 
            <div class="row g-2 align-items-center">
C
Release 1.0.0-alpha.9  
codecalm 已提交
560 
              <div class="col">
C
build v2  
codecalm 已提交
561 562 563 564 565 566 
                <h2 class="page-title">
                  Carousel
                </h2>
              </div>
            </div>
          </div>
C
Release 1.0.0-beta2  
codecalm 已提交
567 
        </div>
C
Release 1.0.0-beta12  
codecalm 已提交
568 
        <!-- Page body -->
C
Release 1.0.0-beta2  
codecalm 已提交
569 570 
        <div class="page-body">
          <div class="container-xl">
C
Release 1.0.0-beta10  
codecalm 已提交
571 
            <div class="row row-cards">
C
Release 1.0.0-beta2  
codecalm 已提交
572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 
              <div class="col-md-6">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">Carousel</h3>
                  </div>
                  <div class="card-body">
                    <div id="carousel-default" class="carousel slide" data-bs-ride="carousel">
                      <div class="carousel-inner">
                        <div class="carousel-item active">
                          <img class="d-block w-100" alt="" src="./static/photos/1b73704b282a8ec6.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/3d2998219313cd37.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/6ab3200b14549f8a.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/6d35d9a2bd6c63c2.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/8a26974ee6444acd.jpg">
                        </div>
C
build v2  
codecalm 已提交
595 596 597 598 599 
                      </div>
                    </div>
                  </div>
                </div>
              </div>
C
Release 1.0.0-beta2  
codecalm 已提交
600 601 602 603 604 605 606 
              <div class="col-md-6">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">Carousel with indicators</h3>
                  </div>
                  <div class="card-body">
                    <div id="carousel-indicators" class="carousel slide" data-bs-ride="carousel">
C
Release 1.0.0-beta10  
codecalm 已提交
607 608 609 610 611 612 613 
                      <div class="carousel-indicators">
                        <button type="button" data-bs-target="#carousel-indicators" data-bs-slide-to="0" class=" active"></button>
                        <button type="button" data-bs-target="#carousel-indicators" data-bs-slide-to="1" class=""></button>
                        <button type="button" data-bs-target="#carousel-indicators" data-bs-slide-to="2" class=""></button>
                        <button type="button" data-bs-target="#carousel-indicators" data-bs-slide-to="3" class=""></button>
                        <button type="button" data-bs-target="#carousel-indicators" data-bs-slide-to="4" class=""></button>
                      </div>
C
Release 1.0.0-beta2  
codecalm 已提交
614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 
                      <div class="carousel-inner">
                        <div class="carousel-item active">
                          <img class="d-block w-100" alt="" src="./static/photos/8c13ad59f739558c.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/8fdeb4785d2b82ef.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/9f36332564ca271d.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/35b88fc04a518c1b.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/36e273986ed577b8.jpg">
                        </div>
C
build v2  
codecalm 已提交
630 631 632 633 634 
                      </div>
                    </div>
                  </div>
                </div>
              </div>
C
Release 1.0.0-beta2  
codecalm 已提交
635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 
              <div class="col-md-6">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">Carousel with controls</h3>
                  </div>
                  <div class="card-body">
                    <div id="carousel-controls" class="carousel slide" data-bs-ride="carousel">
                      <div class="carousel-inner">
                        <div class="carousel-item active">
                          <img class="d-block w-100" alt="" src="./static/photos/75b555b99d5b38c4.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/546fd146c83f428c.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/802a16cdf5ce3551.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/0986f97be719fb9a.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/1194d63fe36a8670.jpg">
                        </div>
C
build v2  
codecalm 已提交
658 
                      </div>
C
Release 1.0.0-beta2  
codecalm 已提交
659 660 661 662 663 664 665 666 
                      <a class="carousel-control-prev" href="#carousel-controls" role="button" data-bs-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Previous</span>
                      </a>
                      <a class="carousel-control-next" href="#carousel-controls" role="button" data-bs-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Next</span>
                      </a>
C
build v2  
codecalm 已提交
667 668 669 670 
                    </div>
                  </div>
                </div>
              </div>
C
Release 1.0.0-beta2  
codecalm 已提交
671 672 673 674 675 676 677 678 679 680 
              <div class="col-md-6">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">Carousel with captions</h3>
                  </div>
                  <div class="card-body">
                    <div id="carousel-captions" class="carousel slide" data-bs-ride="carousel">
                      <div class="carousel-inner">
                        <div class="carousel-item active">
                          <img class="d-block w-100" alt="" src="./static/photos/1366fdc9b9b277e4.jpg">
C
Release 1.0.0-beta10  
codecalm 已提交
681 
                          <div class="carousel-caption-background d-none d-md-block"></div>
C
Release 1.0.0-beta2  
codecalm 已提交
682 683 684 685 
                          <div class="carousel-caption d-none d-md-block">
                            <h3>Slide label</h3>
                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                          </div>
C
build v2  
codecalm 已提交
686 
                        </div>
C
Release 1.0.0-beta2  
codecalm 已提交
687 688 
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/5358d787242861c4.jpg">
C
Release 1.0.0-beta10  
codecalm 已提交
689 
                          <div class="carousel-caption-background d-none d-md-block"></div>
C
Release 1.0.0-beta2  
codecalm 已提交
690 691 692 693 
                          <div class="carousel-caption d-none d-md-block">
                            <h3>Slide label</h3>
                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                          </div>
C
build v2  
codecalm 已提交
694 
                        </div>
C
Release 1.0.0-beta2  
codecalm 已提交
695 696 
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/5614ec7eb9034d04.jpg">
C
Release 1.0.0-beta10  
codecalm 已提交
697 
                          <div class="carousel-caption-background d-none d-md-block"></div>
C
Release 1.0.0-beta2  
codecalm 已提交
698 699 700 701 
                          <div class="carousel-caption d-none d-md-block">
                            <h3>Slide label</h3>
                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                          </div>
C
build v2  
codecalm 已提交
702 
                        </div>
C
Release 1.0.0-beta2  
codecalm 已提交
703 704 
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/56614e12b2a7bd68.jpg">
C
Release 1.0.0-beta10  
codecalm 已提交
705 
                          <div class="carousel-caption-background d-none d-md-block"></div>
C
Release 1.0.0-beta2  
codecalm 已提交
706 707 708 709 
                          <div class="carousel-caption d-none d-md-block">
                            <h3>Slide label</h3>
                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                          </div>
C
build v2  
codecalm 已提交
710 
                        </div>
C
Release 1.0.0-beta2  
codecalm 已提交
711 712 
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/77586f6ffa9fbc5e.jpg">
C
Release 1.0.0-beta10  
codecalm 已提交
713 
                          <div class="carousel-caption-background d-none d-md-block"></div>
C
Release 1.0.0-beta2  
codecalm 已提交
714 715 716 717 
                          <div class="carousel-caption d-none d-md-block">
                            <h3>Slide label</h3>
                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                          </div>
C
build v2  
codecalm 已提交
718 719 
                        </div>
                      </div>
C
Release 1.0.0-beta2  
codecalm 已提交
720 721 722 723 724 725 726 727 
                      <a class="carousel-control-prev" href="#carousel-captions" role="button" data-bs-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Previous</span>
                      </a>
                      <a class="carousel-control-next" href="#carousel-captions" role="button" data-bs-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Next</span>
                      </a>
C
build v2  
codecalm 已提交
728 729 730 731 
                    </div>
                  </div>
                </div>
              </div>
C
Release 1.0.0-beta10  
codecalm 已提交
732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 
              <div class="col-md-6">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">Carousel with dot indicators</h3>
                  </div>
                  <div class="card-body">
                    <div id="carousel-indicators-dot" class="carousel slide carousel-fade" data-bs-ride="carousel">
                      <div class="carousel-indicators carousel-indicators-dot">
                        <button type="button" data-bs-target="#carousel-indicators-dot" data-bs-slide-to="0" class=" active"></button>
                        <button type="button" data-bs-target="#carousel-indicators-dot" data-bs-slide-to="1" class=""></button>
                        <button type="button" data-bs-target="#carousel-indicators-dot" data-bs-slide-to="2" class=""></button>
                        <button type="button" data-bs-target="#carousel-indicators-dot" data-bs-slide-to="3" class=""></button>
                        <button type="button" data-bs-target="#carousel-indicators-dot" data-bs-slide-to="4" class=""></button>
                      </div>
                      <div class="carousel-inner">
                        <div class="carousel-item active">
                          <img class="d-block w-100" alt="" src="./static/photos/552683cc4e5f0e11.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/3664593f945f0d8d.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/529078594c496ec5.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/a74c41b6fb7fdf34.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/a159fb2bff29fda4.jpg">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">Carousel with thumbnail indicators</h3>
                  </div>
                  <div class="card-body">
                    <div id="carousel-indicators-thumb" class="carousel slide carousel-fade" data-bs-ride="carousel">
                      <div class="carousel-indicators carousel-indicators-thumb">
                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="0" class=" ratio ratio-4x3 active" style="background-image: url(./static/photos/a12804818c417ea3.jpg)"></button>
                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="1" class=" ratio ratio-4x3" style="background-image: url(./static/photos/abb0721ac43820f9.jpg)"></button>
                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="2" class=" ratio ratio-4x3" style="background-image: url(./static/photos/d366fc3df37fe65b.jpg)"></button>
                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="3" class=" ratio ratio-4x3" style="background-image: url(./static/photos/da6119936bd7f566.jpg)"></button>
                        <button type="button" data-bs-target="#carousel-indicators-thumb" data-bs-slide-to="4" class=" ratio ratio-4x3" style="background-image: url(./static/photos/e8f47263360d96af.jpg)"></button>
                      </div>
                      <div class="carousel-inner">
                        <div class="carousel-item active">
                          <img class="d-block w-100" alt="" src="./static/photos/a12804818c417ea3.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/abb0721ac43820f9.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/d366fc3df37fe65b.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/da6119936bd7f566.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/e8f47263360d96af.jpg">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">Carousel with vertical dot indicators</h3>
                  </div>
                  <div class="card-body">
                    <div id="carousel-indicators-dot-vertical" class="carousel slide carousel-fade" data-bs-ride="carousel">
                      <div class="carousel-indicators carousel-indicators-vertical carousel-indicators-dot">
                        <button type="button" data-bs-target="#carousel-indicators-dot-vertical" data-bs-slide-to="0" class=" active"></button>
                        <button type="button" data-bs-target="#carousel-indicators-dot-vertical" data-bs-slide-to="1" class=""></button>
                        <button type="button" data-bs-target="#carousel-indicators-dot-vertical" data-bs-slide-to="2" class=""></button>
                        <button type="button" data-bs-target="#carousel-indicators-dot-vertical" data-bs-slide-to="3" class=""></button>
                        <button type="button" data-bs-target="#carousel-indicators-dot-vertical" data-bs-slide-to="4" class=""></button>
                      </div>
                      <div class="carousel-inner">
                        <div class="carousel-item active">
                          <img class="d-block w-100" alt="" src="./static/photos/ecfed9fbf8a58836.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/f7f04e6a834b1959.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/f61b5f865012f200.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/f746d9f7fa60be79.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/ff54b43b56632883.jpg">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">Carousel with thumbnail indicators</h3>
                  </div>
                  <div class="card-body">
                    <div id="carousel-indicators-thumb-vertical" class="carousel slide carousel-fade" data-bs-ride="carousel">
                      <div class="carousel-indicators carousel-indicators-vertical carousel-indicators-thumb">
                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="0" class=" ratio ratio-4x3 active" style="background-image: url(./static/photos/529078594c496ec5.jpg)"></button>
                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="1" class=" ratio ratio-4x3" style="background-image: url(./static/photos/a74c41b6fb7fdf34.jpg)"></button>
                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="2" class=" ratio ratio-4x3" style="background-image: url(./static/photos/a159fb2bff29fda4.jpg)"></button>
                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="3" class=" ratio ratio-4x3" style="background-image: url(./static/photos/a12804818c417ea3.jpg)"></button>
                        <button type="button" data-bs-target="#carousel-indicators-thumb-vertical" data-bs-slide-to="4" class=" ratio ratio-4x3" style="background-image: url(./static/photos/abb0721ac43820f9.jpg)"></button>
                      </div>
                      <div class="carousel-inner">
                        <div class="carousel-item active">
                          <img class="d-block w-100" alt="" src="./static/photos/529078594c496ec5.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/a74c41b6fb7fdf34.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/a159fb2bff29fda4.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/a12804818c417ea3.jpg">
                        </div>
                        <div class="carousel-item">
                          <img class="d-block w-100" alt="" src="./static/photos/abb0721ac43820f9.jpg">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
C
build v2  
codecalm 已提交
872 873 874 
            </div>
          </div>
        </div>
C
Release 1.0.0-alpha.12  
codecalm 已提交
875 
        <footer class="footer footer-transparent d-print-none">
C
Release 1.0.0-beta5  
codecalm 已提交
876 
          <div class="container-xl">
C
build v2  
codecalm 已提交
877 
            <div class="row text-center align-items-center flex-row-reverse">
C
Release 1.0.0-alpha.17  
codecalm 已提交
878 
              <div class="col-lg-auto ms-lg-auto">
C
build v2  
codecalm 已提交
879 880 
                <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>
M
Release 1.0.0-alpha.13  
Michal Wolny 已提交
881 
                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
C
Release 1.0.0-alpha.15  
codecalm 已提交
882 
                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
C
Release 1.0.0-beta2  
codecalm 已提交
883 884 885 
                  <li class="list-inline-item">
                    <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
                      <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
C
Release 1.0.0-beta11  
codecalm 已提交
886 
                      <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
C
Release 1.0.0-beta2  
codecalm 已提交
887 888 889 
                      Sponsor
                    </a>
                  </li>
C
build v2  
codecalm 已提交
890 891 892 
                </ul>
              </div>
              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
C
Release 1.0.0-alpha.9  
codecalm 已提交
893 894 
                <ul class="list-inline list-inline-dots mb-0">
                  <li class="list-inline-item">
C
Release 1.0.0-beta6  
codecalm 已提交
895 
                    Copyright &copy; 2022
C
Release 1.0.0-alpha.9  
codecalm 已提交
896 897 898 899 
                    <a href="." class="link-secondary">Tabler</a>.
                    All rights reserved.
                  </li>
                  <li class="list-inline-item">
C
Release 1.0.0-beta5  
codecalm 已提交
900 
                    <a href="./changelog.html" class="link-secondary" rel="noopener">
C
Release 1.0.0-beta14  
codecalm 已提交
901 
                      v1.0.0-beta14
C
Release 1.0.0-beta5  
codecalm 已提交
902 
                    </a>
C
Release 1.0.0-alpha.9  
codecalm 已提交
903 904 
                  </li>
                </ul>
C
build v2  
codecalm 已提交
905 906 907 908 
              </div>
            </div>
          </div>
        </footer>
C
build v2  
codecalm 已提交
909 
      </div>
C
build v2  
codecalm 已提交
910 911 912 
    </div>
    <!-- Libs JS -->
    <!-- Tabler Core -->
C
Release 1.0.0-beta14  
codecalm 已提交
913 914 
    <script src="./dist/js/tabler.min.js?1666304673" defer></script>
    <script src="./dist/js/demo.min.js?1666304673" defer></script>
C
build v2  
codecalm 已提交
915 916 
  </body>
</html>