Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-14 23:32:25 +04:00
Code Issues Projects Releases Wiki Activity

Release 1.0.0-beta16

Browse Source
This commit is contained in:
codecalm
2022-11-12 22:24:06 +01:00
parent 6baa456182
commit 89166bd900
336 changed files with 20682 additions and 12817 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/cards.html
+31 -17
View File
@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta15
* @version 1.0.0-beta16
* @link https://tabler.io
* Copyright 2018-2022 The Tabler Authors
* Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- CSS files -->
<link href="./dist/css/tabler.min.css?1667333929" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1667333929" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1667333929" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1667333929" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1667333929" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
<style>
@import url('https://rsms.me/inter/inter.css');
:root {
@@ -27,7 +27,7 @@
</style>
</head>
<body >
<script src="./dist/js/demo-theme.min.js?1667333929"></script>
<script src="./dist/js/demo-theme.min.js?1668287865"></script>
<div class="page">
<!-- Navbar -->
<header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -274,6 +274,10 @@
<a class="dropdown-item" href="./placeholder.html">
Placeholder
</a>
<a class="dropdown-item" href="./steps.html">
Steps
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./tabs.html">
Tabs
</a>
@@ -421,6 +425,10 @@
<a class="dropdown-item" href="./music.html">
Music
</a>
<a class="dropdown-item" href="./photogrid.html">
Photogrid
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./tasks.html">
Tasks
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
@@ -510,7 +518,7 @@
<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">
2925 icons
2979 icons
</span>
</a>
</li>
@@ -759,12 +767,14 @@
<div class="card">
<div class="row row-0">
<div class="col-3">
<img src="./static/photos/2854fd67ddbd6217.jpg" class="w-100 h-100 object-cover" alt="Card side image">
<!-- Photo -->
<img src="./static/photos/beautiful-blonde-woman-relaxing-with-a-can-of-coke-on-a-tree-stump-by-the-beach.jpg" class="w-100 h-100 object-cover card-img-start" alt="Beautiful blonde woman relaxing with a can of coke on a tree stump by the beach" />
</div>
<div class="col">
<div class="card-body">
<h3 class="card-title">Card with left side image</h3>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit
incidunt, iste, itaque minima
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
</div>
</div>
@@ -775,12 +785,14 @@
<div class="card">
<div class="row row-0">
<div class="col-3 order-md-last">
<img src="./static/photos/de6d0fd1feebb6a2.jpg" class="w-100 h-100 object-cover" alt="Card side image">
<!-- Photo -->
<img src="./static/photos/finances-us-dollars-and-bitcoins-currency-money.jpg" class="w-100 h-100 object-cover card-img-end" alt="Finances - US Dollars and Bitcoins - Currency - Money" />
</div>
<div class="col">
<div class="card-body">
<h3 class="card-title">Card with right side image</h3>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit
incidunt, iste, itaque minima
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
</div>
</div>
@@ -789,7 +801,8 @@
</div>
<div class="col-md-6 col-lg-3">
<div class="card">
<div class="card-img-top img-responsive img-responsive-21x9" style="background-image: url(./static/photos/9f36332564ca271d.jpg)"></div>
<!-- Photo -->
<div class="img-responsive img-responsive-21x9 card-img-top" style="background-image: url(./static/photos/home-office-desk-with-macbook-iphone-calendar-watch-and-organizer.jpg)"></div>
<div class="card-body">
<h3 class="card-title">Card with top image</h3>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
@@ -804,7 +817,8 @@
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
</div>
<div class="card-img-bottom img-responsive img-responsive-21x9" style="background-image: url(./static/photos/56614e12b2a7bd68.jpg)"></div>
<!-- Photo -->
<div class="img-responsive img-responsive-21x9 card-img-bottom" style="background-image: url(./static/photos/finances-us-dollars-and-bitcoins-currency-money-2.jpg)"></div>
</div>
</div>
<div class="col-md-6 col-lg-3">
@@ -1314,7 +1328,7 @@
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta15
v1.0.0-beta16
</a>
</li>
</ul>
@@ -1326,7 +1340,7 @@
</div>
<!-- Libs JS -->
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1667333929" defer></script>
<script src="./dist/js/demo.min.js?1667333929" defer></script>
<script src="./dist/js/tabler.min.js?1668287865" defer></script>
<script src="./dist/js/demo.min.js?1668287865" defer></script>
</body>
</html>