|
@@ -1,7 +1,7 @@
|
|
|
<!doctype html>
|
|
|
<!--
|
|
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
|
|
-* @version 1.0.0-alpha.20
|
|
|
+* @version 1.0.0-alpha.21
|
|
|
* @link https://tabler.io
|
|
|
* Copyright 2018-2020 The Tabler Authors
|
|
|
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
|
@@ -130,11 +130,11 @@
|
|
|
<a class="dropdown-item" href="./maps-vector.html" >
|
|
|
Vector maps
|
|
|
</a>
|
|
|
- </div>
|
|
|
- <div class="dropdown-menu-column">
|
|
|
<a class="dropdown-item" href="./navigation.html" >
|
|
|
Navigation
|
|
|
</a>
|
|
|
+ </div>
|
|
|
+ <div class="dropdown-menu-column">
|
|
|
<a class="dropdown-item" href="./charts.html" >
|
|
|
Charts
|
|
|
</a>
|
|
@@ -162,6 +162,9 @@
|
|
|
<a class="dropdown-item" href="./typography.html" >
|
|
|
Typography
|
|
|
</a>
|
|
|
+ <a class="dropdown-item" href="./page-headers.html" >
|
|
|
+ Page headers
|
|
|
+ </a>
|
|
|
<a class="dropdown-item" href="./markdown.html" >
|
|
|
Markdown
|
|
|
</a>
|
|
@@ -346,6 +349,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="col-12 border-0">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <p>This is a borderless card.</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="col-12">
|
|
|
<div class="card">
|
|
|
<div class="card-body">
|
|
@@ -514,7 +524,7 @@
|
|
|
</div>
|
|
|
<div class="col-12">
|
|
|
<!-- Cards with tabs component -->
|
|
|
- <div class="card-tabs">
|
|
|
+ <div class="card-tabs ">
|
|
|
<!-- Cards navigation -->
|
|
|
<ul class="nav nav-tabs">
|
|
|
<li class="nav-item"><a href="#tab-top-1" class="nav-link active" data-bs-toggle="tab">Tab 1</a></li>
|
|
@@ -564,7 +574,57 @@
|
|
|
</div>
|
|
|
<div class="col-12">
|
|
|
<!-- Cards with tabs component -->
|
|
|
- <div class="card-tabs">
|
|
|
+ <div class="card-tabs border-0">
|
|
|
+ <!-- Cards navigation -->
|
|
|
+ <ul class="nav nav-tabs">
|
|
|
+ <li class="nav-item"><a href="#tab-borderless-1" class="nav-link active" data-bs-toggle="tab">Tab 1</a></li>
|
|
|
+ <li class="nav-item"><a href="#tab-borderless-2" class="nav-link" data-bs-toggle="tab">Tab 2</a></li>
|
|
|
+ <li class="nav-item"><a href="#tab-borderless-3" class="nav-link" data-bs-toggle="tab">Tab 3</a></li>
|
|
|
+ <li class="nav-item"><a href="#tab-borderless-4" class="nav-link" data-bs-toggle="tab">Tab 4</a></li>
|
|
|
+ </ul>
|
|
|
+ <div class="tab-content">
|
|
|
+ <!-- Content of card #1 -->
|
|
|
+ <div id="tab-borderless-1" class="card tab-pane active show">
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="card-title">Content of tab #1</div>
|
|
|
+ <p>
|
|
|
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Content of card #2 -->
|
|
|
+ <div id="tab-borderless-2" class="card tab-pane">
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="card-title">Content of tab #2</div>
|
|
|
+ <p>
|
|
|
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Content of card #3 -->
|
|
|
+ <div id="tab-borderless-3" class="card tab-pane">
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="card-title">Content of tab #3</div>
|
|
|
+ <p>
|
|
|
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Content of card #4 -->
|
|
|
+ <div id="tab-borderless-4" class="card tab-pane">
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="card-title">Content of tab #4</div>
|
|
|
+ <p>
|
|
|
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-12">
|
|
|
+ <!-- Cards with tabs component -->
|
|
|
+ <div class="card-tabs ">
|
|
|
<div class="tab-content">
|
|
|
<!-- Content of card #1 -->
|
|
|
<div id="tab-bottom-1" class="card tab-pane active show">
|
|
@@ -890,7 +950,7 @@
|
|
|
All rights reserved.
|
|
|
</li>
|
|
|
<li class="list-inline-item">
|
|
|
- <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.20</a>
|
|
|
+ <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|