invoice.html 41.4 KB
Newer Older
C
codecalm 已提交
1 2 3
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
C
codecalm 已提交
4
* @version 1.0.0-beta11
C
codecalm 已提交
5
* @link https://tabler.io
C
codecalm 已提交
6 7
* Copyright 2018-2022 The Tabler Authors
* Copyright 2018-2022 codecalm.net Paweł Kuna
C
codecalm 已提交
8
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
C
codecalm 已提交
9 10
-->
<html lang="en">
C
codecalm 已提交
11 12 13 14 15 16 17
  <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>Invoice - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
    <!-- CSS files -->
    <link href="./dist/css/tabler.min.css" rel="stylesheet"/>
C
codecalm 已提交
18 19
    <link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
    <link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
M
Michal Wolny 已提交
20
    <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
C
codecalm 已提交
21 22
    <link href="./dist/css/demo.min.css" rel="stylesheet"/>
  </head>
C
codecalm 已提交
23
  <body >
C
codecalm 已提交
24
    <div class="page">
C
codecalm 已提交
25
      <header class="navbar navbar-expand-md navbar-light d-print-none">
C
codecalm 已提交
26
        <div class="container-xl">
M
Michal Wolny 已提交
27
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
C
codecalm 已提交
28 29
            <span class="navbar-toggler-icon"></span>
          </button>
C
codecalm 已提交
30
          <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
M
Michal Wolny 已提交
31 32 33 34
            <a href=".">
              <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
            </a>
          </h1>
C
codecalm 已提交
35
          <div class="navbar-nav flex-row order-md-last">
C
codecalm 已提交
36 37
            <div class="nav-item d-none d-md-flex me-3">
              <div class="btn-list">
C
codecalm 已提交
38
                <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
C
codecalm 已提交
39
                  <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
C
codecalm 已提交
40
                  <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
codecalm 已提交
41 42
                  Source code
                </a>
C
codecalm 已提交
43
                <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
C
codecalm 已提交
44
                  <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
C
codecalm 已提交
45
                  <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
codecalm 已提交
46 47 48 49
                  Sponsor
                </a>
              </div>
            </div>
C
codecalm 已提交
50 51 52 53 54 55 56 57
            <div class="d-none d-md-flex">
              <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip" data-bs-placement="bottom">
                <!-- 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>
              </a>
              <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip" data-bs-placement="bottom">
                <!-- 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>
C
codecalm 已提交
58
              </a>
C
codecalm 已提交
59 60 61 62 63 64 65 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
              <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
codecalm 已提交
140 141 142 143 144
                  </div>
                </div>
              </div>
            </div>
            <div class="nav-item dropdown">
M
Michal Wolny 已提交
145
              <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
C
codecalm 已提交
146
                <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
C
codecalm 已提交
147
                <div class="d-none d-xl-block ps-2">
C
codecalm 已提交
148 149 150 151
                  <div>Paweł Kuna</div>
                  <div class="mt-1 small text-muted">UI Designer</div>
                </div>
              </a>
C
codecalm 已提交
152
              <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
C
codecalm 已提交
153 154 155
                <a href="#" class="dropdown-item">Set status</a>
                <a href="#" class="dropdown-item">Profile & account</a>
                <a href="#" class="dropdown-item">Feedback</a>
C
codecalm 已提交
156
                <div class="dropdown-divider"></div>
C
codecalm 已提交
157 158
                <a href="#" class="dropdown-item">Settings</a>
                <a href="#" class="dropdown-item">Logout</a>
C
codecalm 已提交
159 160 161 162 163 164 165 166 167 168 169 170
              </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
codecalm 已提交
171 172
                    <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
codecalm 已提交
173 174 175 176 177 178 179
                    </span>
                    <span class="nav-link-title">
                      Home
                    </span>
                  </a>
                </li>
                <li class="nav-item dropdown">
C
codecalm 已提交
180
                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
C
codecalm 已提交
181 182
                    <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
codecalm 已提交
183 184
                    </span>
                    <span class="nav-link-title">
C
codecalm 已提交
185
                      Interface
C
codecalm 已提交
186 187
                    </span>
                  </a>
M
Michal Wolny 已提交
188 189 190
                  <div class="dropdown-menu">
                    <div class="dropdown-menu-columns">
                      <div class="dropdown-menu-column">
C
codecalm 已提交
191
                        <a class="dropdown-item" href="./empty.html">
M
Michal Wolny 已提交
192 193
                          Empty page
                        </a>
C
codecalm 已提交
194
                        <a class="dropdown-item" href="./accordion.html">
C
codecalm 已提交
195 196
                          Accordion
                        </a>
C
codecalm 已提交
197
                        <a class="dropdown-item" href="./blank.html">
M
Michal Wolny 已提交
198 199
                          Blank page
                        </a>
C
codecalm 已提交
200
                        <a class="dropdown-item" href="./buttons.html">
M
Michal Wolny 已提交
201 202
                          Buttons
                        </a>
C
codecalm 已提交
203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220
                        <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
codecalm 已提交
221
                        <a class="dropdown-item" href="./colors.html">
M
Michal Wolny 已提交
222 223
                          Colors
                        </a>
C
codecalm 已提交
224 225 226 227
                        <a class="dropdown-item" href="./datagrid.html">
                          Data grid
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
C
codecalm 已提交
228 229 230 231 232
                        <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
Michal Wolny 已提交
233 234
                          Dropdowns
                        </a>
C
codecalm 已提交
235
                        <a class="dropdown-item" href="./modals.html">
M
Michal Wolny 已提交
236 237
                          Modals
                        </a>
C
codecalm 已提交
238
                        <a class="dropdown-item" href="./maps.html">
M
Michal Wolny 已提交
239 240
                          Maps
                        </a>
C
codecalm 已提交
241
                        <a class="dropdown-item" href="./map-fullsize.html">
C
codecalm 已提交
242 243
                          Map fullsize
                        </a>
C
codecalm 已提交
244
                        <a class="dropdown-item" href="./maps-vector.html">
M
Michal Wolny 已提交
245
                          Vector maps
C
codecalm 已提交
246
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
M
Michal Wolny 已提交
247
                        </a>
C
codecalm 已提交
248
                        <a class="dropdown-item" href="./navigation.html">
M
Michal Wolny 已提交
249 250
                          Navigation
                        </a>
C
codecalm 已提交
251
                        <a class="dropdown-item" href="./charts.html">
M
Michal Wolny 已提交
252 253
                          Charts
                        </a>
C
codecalm 已提交
254 255
                      </div>
                      <div class="dropdown-menu-column">
C
codecalm 已提交
256 257
                        <a class="dropdown-item" href="./pagination.html">
                          <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
M
Michal Wolny 已提交
258 259
                          Pagination
                        </a>
C
codecalm 已提交
260
                        <a class="dropdown-item" href="./placeholder.html">
C
codecalm 已提交
261
                          Placeholder
M
Michal Wolny 已提交
262
                        </a>
C
codecalm 已提交
263
                        <a class="dropdown-item" href="./tabs.html">
M
Michal Wolny 已提交
264 265
                          Tabs
                        </a>
C
codecalm 已提交
266
                        <a class="dropdown-item" href="./tables.html">
M
Michal Wolny 已提交
267 268
                          Tables
                        </a>
C
codecalm 已提交
269
                        <a class="dropdown-item" href="./carousel.html">
M
Michal Wolny 已提交
270
                          Carousel
C
codecalm 已提交
271
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
M
Michal Wolny 已提交
272
                        </a>
C
codecalm 已提交
273
                        <a class="dropdown-item" href="./lists.html">
M
Michal Wolny 已提交
274 275
                          Lists
                        </a>
C
codecalm 已提交
276
                        <a class="dropdown-item" href="./typography.html">
M
Michal Wolny 已提交
277 278
                          Typography
                        </a>
C
codecalm 已提交
279
                        <a class="dropdown-item" href="./offcanvas.html">
C
codecalm 已提交
280 281
                          Offcanvas
                        </a>
C
codecalm 已提交
282
                        <a class="dropdown-item" href="./markdown.html">
M
Michal Wolny 已提交
283 284
                          Markdown
                        </a>
C
codecalm 已提交
285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300
                        <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
codecalm 已提交
301
                        <div class="dropend">
C
codecalm 已提交
302
                          <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
M
Michal Wolny 已提交
303 304 305
                            Authentication
                          </a>
                          <div class="dropdown-menu">
C
codecalm 已提交
306 307 308 309 310 311 312 313 314 315 316 317 318 319 320
                            <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>
                            <a href="./auth-lock.html" class="dropdown-item">
                              Lock screen
                            </a>
M
Michal Wolny 已提交
321 322
                          </div>
                        </div>
C
codecalm 已提交
323
                        <div class="dropend">
C
codecalm 已提交
324
                          <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
C
codecalm 已提交
325 326
                            <!-- 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
Michal Wolny 已提交
327 328 329
                            Error pages
                          </a>
                          <div class="dropdown-menu">
C
codecalm 已提交
330 331 332 333 334 335 336 337 338
                            <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
Michal Wolny 已提交
339 340
                          </div>
                        </div>
C
codecalm 已提交
341
                      </div>
M
Michal Wolny 已提交
342 343
                    </div>
                  </div>
C
codecalm 已提交
344 345 346
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="./form-elements.html" >
C
codecalm 已提交
347 348
                    <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
codecalm 已提交
349 350 351 352 353 354 355
                    </span>
                    <span class="nav-link-title">
                      Form elements
                    </span>
                  </a>
                </li>
                <li class="nav-item active dropdown">
C
codecalm 已提交
356
                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
C
codecalm 已提交
357 358
                    <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
codecalm 已提交
359 360 361 362 363
                    </span>
                    <span class="nav-link-title">
                      Extra
                    </span>
                  </a>
M
Michal Wolny 已提交
364
                  <div class="dropdown-menu">
C
codecalm 已提交
365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381
                    <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 active" 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
codecalm 已提交
382 383 384
                        <a class="dropdown-item" href="./pricing-table.html">
                          Pricing table
                        </a>
C
codecalm 已提交
385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412
                        <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>
                      </div>
                      <div class="dropdown-menu-column">
                        <a class="dropdown-item" href="./license.html">
                          License
                        </a>
                        <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
codecalm 已提交
413 414 415 416
                        <a class="dropdown-item" href="./settings.html">
                          Settings
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
                        </a>
C
codecalm 已提交
417 418
                      </div>
                    </div>
M
Michal Wolny 已提交
419
                  </div>
C
codecalm 已提交
420 421
                </li>
                <li class="nav-item dropdown">
C
codecalm 已提交
422
                  <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
C
codecalm 已提交
423 424
                    <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
codecalm 已提交
425 426 427 428 429
                    </span>
                    <span class="nav-link-title">
                      Layout
                    </span>
                  </a>
M
Michal Wolny 已提交
430 431 432
                  <div class="dropdown-menu">
                    <div class="dropdown-menu-columns">
                      <div class="dropdown-menu-column">
C
codecalm 已提交
433
                        <a class="dropdown-item" href="./layout-horizontal.html">
M
Michal Wolny 已提交
434 435
                          Horizontal
                        </a>
C
codecalm 已提交
436
                        <a class="dropdown-item" href="./layout-boxed.html">
C
codecalm 已提交
437
                          Boxed
C
codecalm 已提交
438
                          <span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
C
codecalm 已提交
439
                        </a>
C
codecalm 已提交
440
                        <a class="dropdown-item" href="./layout-vertical.html">
M
Michal Wolny 已提交
441 442
                          Vertical
                        </a>
C
codecalm 已提交
443
                        <a class="dropdown-item" href="./layout-vertical-transparent.html">
C
codecalm 已提交
444 445
                          Vertical transparent
                        </a>
C
codecalm 已提交
446
                        <a class="dropdown-item" href="./layout-vertical-right.html">
M
Michal Wolny 已提交
447 448
                          Right vertical
                        </a>
C
codecalm 已提交
449
                        <a class="dropdown-item" href="./layout-condensed.html">
M
Michal Wolny 已提交
450 451
                          Condensed
                        </a>
C
codecalm 已提交
452
                        <a class="dropdown-item" href="./layout-combo.html">
M
Michal Wolny 已提交
453 454 455 456
                          Combined
                        </a>
                      </div>
                      <div class="dropdown-menu-column">
C
codecalm 已提交
457
                        <a class="dropdown-item" href="./layout-navbar-dark.html">
M
Michal Wolny 已提交
458 459
                          Navbar dark
                        </a>
C
codecalm 已提交
460
                        <a class="dropdown-item" href="./layout-navbar-sticky.html">
C
codecalm 已提交
461 462
                          Navbar sticky
                        </a>
C
codecalm 已提交
463
                        <a class="dropdown-item" href="./layout-navbar-overlap.html">
M
Michal Wolny 已提交
464 465
                          Navbar overlap
                        </a>
C
codecalm 已提交
466
                        <a class="dropdown-item" href="./layout-rtl.html">
M
Michal Wolny 已提交
467 468
                          RTL mode
                        </a>
C
codecalm 已提交
469
                        <a class="dropdown-item" href="./layout-fluid.html">
M
Michal Wolny 已提交
470 471
                          Fluid
                        </a>
C
codecalm 已提交
472
                        <a class="dropdown-item" href="./layout-fluid-vertical.html">
M
Michal Wolny 已提交
473 474 475 476 477
                          Fluid vertical
                        </a>
                      </div>
                    </div>
                  </div>
C
codecalm 已提交
478
                </li>
C
codecalm 已提交
479 480 481 482 483 484
                <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
codecalm 已提交
485
                      2160 icons
C
codecalm 已提交
486 487 488
                    </span>
                  </a>
                </li>
C
codecalm 已提交
489 490 491 492
                <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
codecalm 已提交
493 494
                    </span>
                    <span class="nav-link-title">
C
codecalm 已提交
495
                      Help
C
codecalm 已提交
496 497
                    </span>
                  </a>
C
codecalm 已提交
498 499 500 501 502
                  <div class="dropdown-menu">
                    <a class="dropdown-item" href="./docs/index.html">
                      Documentation
                    </a>
                    <a class="dropdown-item" href="./changelog.html">
C
codecalm 已提交
503
                      Changelog
C
codecalm 已提交
504 505 506 507 508 509
                    </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
codecalm 已提交
510
                      <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
codecalm 已提交
511 512 513
                      Sponsor project!
                    </a>
                  </div>
C
codecalm 已提交
514
                </li>
C
codecalm 已提交
515 516 517 518 519
              </ul>
              <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
                <form action="." method="get">
                  <div class="input-icon">
                    <span class="input-icon-addon">
C
codecalm 已提交
520
                      <!-- Download SVG icon from http://tabler-icons.io/i/search -->
C
codecalm 已提交
521 522
                      <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
codecalm 已提交
523
                    <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
C
codecalm 已提交
524 525 526 527 528 529 530
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
C
codecalm 已提交
531
      <div class="page-wrapper">
C
codecalm 已提交
532
        <div class="container-xl">
C
codecalm 已提交
533 534
          <!-- Page title -->
          <div class="page-header d-print-none">
C
codecalm 已提交
535
            <div class="row g-2 align-items-center">
C
codecalm 已提交
536 537 538 539 540 541
              <div class="col">
                <h2 class="page-title">
                  Invoice
                </h2>
              </div>
              <!-- Page title actions -->
C
codecalm 已提交
542
              <div class="col-12 col-md-auto ms-auto d-print-none">
C
codecalm 已提交
543
                <button type="button" class="btn btn-primary" onclick="javascript:window.print();">
C
codecalm 已提交
544
                  <!-- Download SVG icon from http://tabler-icons.io/i/printer -->
C
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"/><path d="M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2" /><path d="M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4" /><rect x="7" y="13" width="10" height="8" rx="2" /></svg>
                  Print Invoice
C
codecalm 已提交
547 548 549
                </button>
              </div>
            </div>
C
codecalm 已提交
550
          </div>
C
codecalm 已提交
551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577
        </div>
        <div class="page-body">
          <div class="container-xl">
            <div class="card card-lg">
              <div class="card-body">
                <div class="row">
                  <div class="col-6">
                    <p class="h3">Company</p>
                    <address>
                      Street Address<br>
                      State, City<br>
                      Region, Postal Code<br>
                      ltd@example.com
                    </address>
                  </div>
                  <div class="col-6 text-end">
                    <p class="h3">Client</p>
                    <address>
                      Street Address<br>
                      State, City<br>
                      Region, Postal Code<br>
                      ctr@example.com
                    </address>
                  </div>
                  <div class="col-12 my-5">
                    <h1>Invoice INV/001/15</h1>
                  </div>
C
codecalm 已提交
578
                </div>
C
codecalm 已提交
579 580 581 582 583 584 585 586 587 588
                <table class="table table-transparent table-responsive">
                  <thead>
                    <tr>
                      <th class="text-center" style="width: 1%"></th>
                      <th>Product</th>
                      <th class="text-center" style="width: 1%">Qnt</th>
                      <th class="text-end" style="width: 1%">Unit</th>
                      <th class="text-end" style="width: 1%">Amount</th>
                    </tr>
                  </thead>
C
codecalm 已提交
589
                  <tr>
C
codecalm 已提交
590 591 592 593 594 595 596 597 598 599
                    <td class="text-center">1</td>
                    <td>
                      <p class="strong mb-1">Logo Creation</p>
                      <div class="text-muted">Logo and business cards design</div>
                    </td>
                    <td class="text-center">
                      1
                    </td>
                    <td class="text-end">$1.800,00</td>
                    <td class="text-end">$1.800,00</td>
C
codecalm 已提交
600
                  </tr>
C
codecalm 已提交
601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644
                  <tr>
                    <td class="text-center">2</td>
                    <td>
                      <p class="strong mb-1">Online Store Design &amp; Development</p>
                      <div class="text-muted">Design/Development for all popular modern browsers</div>
                    </td>
                    <td class="text-center">
                      1
                    </td>
                    <td class="text-end">$20.000,00</td>
                    <td class="text-end">$20.000,00</td>
                  </tr>
                  <tr>
                    <td class="text-center">3</td>
                    <td>
                      <p class="strong mb-1">App Design</p>
                      <div class="text-muted">Promotional mobile application</div>
                    </td>
                    <td class="text-center">
                      1
                    </td>
                    <td class="text-end">$3.200,00</td>
                    <td class="text-end">$3.200,00</td>
                  </tr>
                  <tr>
                    <td colspan="4" class="strong text-end">Subtotal</td>
                    <td class="text-end">$25.000,00</td>
                  </tr>
                  <tr>
                    <td colspan="4" class="strong text-end">Vat Rate</td>
                    <td class="text-end">20%</td>
                  </tr>
                  <tr>
                    <td colspan="4" class="strong text-end">Vat Due</td>
                    <td class="text-end">$5.000,00</td>
                  </tr>
                  <tr>
                    <td colspan="4" class="font-weight-bold text-uppercase text-end">Total Due</td>
                    <td class="font-weight-bold text-end">$30.000,00</td>
                  </tr>
                </table>
                <p class="text-muted text-center mt-5">Thank you very much for doing business with us. We look forward to working with
                  you again!</p>
              </div>
C
codecalm 已提交
645 646 647
            </div>
          </div>
        </div>
C
codecalm 已提交
648
        <footer class="footer footer-transparent d-print-none">
C
codecalm 已提交
649
          <div class="container-xl">
C
codecalm 已提交
650
            <div class="row text-center align-items-center flex-row-reverse">
C
codecalm 已提交
651
              <div class="col-lg-auto ms-lg-auto">
C
codecalm 已提交
652 653
                <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
Michal Wolny 已提交
654
                  <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
C
codecalm 已提交
655
                  <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
C
codecalm 已提交
656 657 658
                  <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
codecalm 已提交
659
                      <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
codecalm 已提交
660 661 662
                      Sponsor
                    </a>
                  </li>
C
codecalm 已提交
663 664 665
                </ul>
              </div>
              <div class="col-12 col-lg-auto mt-3 mt-lg-0">
C
codecalm 已提交
666 667
                <ul class="list-inline list-inline-dots mb-0">
                  <li class="list-inline-item">
C
codecalm 已提交
668
                    Copyright &copy; 2022
C
codecalm 已提交
669 670 671 672
                    <a href="." class="link-secondary">Tabler</a>.
                    All rights reserved.
                  </li>
                  <li class="list-inline-item">
C
codecalm 已提交
673
                    <a href="./changelog.html" class="link-secondary" rel="noopener">
C
codecalm 已提交
674
                      v1.0.0-beta11
C
codecalm 已提交
675
                    </a>
C
codecalm 已提交
676 677
                  </li>
                </ul>
C
codecalm 已提交
678 679 680 681 682 683 684 685
              </div>
            </div>
          </div>
        </footer>
      </div>
    </div>
    <!-- Libs JS -->
    <!-- Tabler Core -->
C
codecalm 已提交
686 687
    <script src="./dist/js/tabler.min.js" defer></script>
    <script src="./dist/js/demo.min.js" defer></script>
C
codecalm 已提交
688 689
  </body>
</html>