mirror of
https://github.com/tabler/tabler.git
synced 2025-12-26 11:16:12 +04:00
Release 1.0.0-alpha.13
This commit is contained in:
Michal Wolny
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.12
|
||||
* @version 1.0.0-alpha.13
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -13,21 +13,11 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||||
<title>Pricing cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
|
||||
<meta name="msapplication-TileColor" content="#206bc4"/>
|
||||
<meta name="theme-color" content="#206bc4"/>
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
||||
<meta name="mobile-web-app-capable" content="yes"/>
|
||||
<meta name="HandheldFriendly" content="True"/>
|
||||
<meta name="MobileOptimized" content="320"/>
|
||||
<meta name="robots" content="noindex,nofollow,noarchive"/>
|
||||
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
|
||||
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
|
||||
<!-- CSS files -->
|
||||
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
|
||||
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
||||
<style>
|
||||
body {
|
||||
@@ -101,139 +91,102 @@
|
||||
User Interface
|
||||
</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-columns dropdown-menu-columns-2">
|
||||
<li >
|
||||
<a class="dropdown-item" href="./empty.html" >
|
||||
Empty page
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./blank.html" >
|
||||
Blank page
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./buttons.html" >
|
||||
Buttons
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./cards.html" >
|
||||
Cards
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./cards-masonry.html" >
|
||||
Cards Masonry
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./dropdowns.html" >
|
||||
Dropdowns
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./icons.html" >
|
||||
Icons
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./modals.html" >
|
||||
Modals
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./maps.html" >
|
||||
Maps
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./maps-vector.html" >
|
||||
Vector maps
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./charts.html" >
|
||||
Charts
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./charts-heatmap.html" >
|
||||
Charts heatmap
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./pagination.html" >
|
||||
Pagination
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./skeleton.html" >
|
||||
Skeleton
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./tabs.html" >
|
||||
Tabs
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./tables.html" >
|
||||
Tables
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./calendar.html" >
|
||||
Calendar
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./carousel.html" >
|
||||
Carousel
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./lists.html" >
|
||||
Lists
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./markdown.html" >
|
||||
Markdown
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropright">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Authentication
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="./sign-in.html" class="dropdown-item">Sign in</a>
|
||||
<a href="./sign-up.html" class="dropdown-item">Sign up</a>
|
||||
<a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
|
||||
<a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-menu-columns">
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="./empty.html" >
|
||||
Empty page
|
||||
</a>
|
||||
<a class="dropdown-item" href="./blank.html" >
|
||||
Blank page
|
||||
</a>
|
||||
<a class="dropdown-item" href="./buttons.html" >
|
||||
Buttons
|
||||
</a>
|
||||
<a class="dropdown-item" href="./cards.html" >
|
||||
Cards
|
||||
</a>
|
||||
<a class="dropdown-item" href="./cards-masonry.html" >
|
||||
Cards Masonry
|
||||
</a>
|
||||
<a class="dropdown-item" href="./dropdowns.html" >
|
||||
Dropdowns
|
||||
</a>
|
||||
<a class="dropdown-item" href="./icons.html" >
|
||||
Icons
|
||||
</a>
|
||||
<a class="dropdown-item" href="./modals.html" >
|
||||
Modals
|
||||
</a>
|
||||
<a class="dropdown-item" href="./maps.html" >
|
||||
Maps
|
||||
</a>
|
||||
<a class="dropdown-item" href="./maps-vector.html" >
|
||||
Vector maps
|
||||
</a>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
<a class="dropdown-item" href="./charts.html" >
|
||||
Charts
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropright">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Error pages
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<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>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="./charts-heatmap.html" >
|
||||
Charts heatmap
|
||||
</a>
|
||||
<a class="dropdown-item" href="./pagination.html" >
|
||||
Pagination
|
||||
</a>
|
||||
<a class="dropdown-item" href="./skeleton.html" >
|
||||
Skeleton
|
||||
</a>
|
||||
<a class="dropdown-item" href="./tabs.html" >
|
||||
Tabs
|
||||
</a>
|
||||
<a class="dropdown-item" href="./tables.html" >
|
||||
Tables
|
||||
</a>
|
||||
<a class="dropdown-item" href="./calendar.html" >
|
||||
Calendar
|
||||
</a>
|
||||
<a class="dropdown-item" href="./carousel.html" >
|
||||
Carousel
|
||||
</a>
|
||||
<a class="dropdown-item" href="./lists.html" >
|
||||
Lists
|
||||
</a>
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./markdown.html" >
|
||||
Markdown
|
||||
</a>
|
||||
<div class="dropright">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Authentication
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="./sign-in.html" class="dropdown-item">Sign in</a>
|
||||
<a href="./sign-up.html" class="dropdown-item">Sign up</a>
|
||||
<a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
|
||||
<a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
|
||||
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropright">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Error pages
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="./form-elements.html" >
|
||||
@@ -252,63 +205,38 @@
|
||||
Extra
|
||||
</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li >
|
||||
<a class="dropdown-item" href="./invoice.html" >
|
||||
Invoice
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./blog.html" >
|
||||
Blog cards
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./snippets.html" >
|
||||
Snippets
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./search-results.html" >
|
||||
Search results
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item active" href="./pricing.html" >
|
||||
Pricing cards
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./users.html" >
|
||||
Users
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./gallery.html" >
|
||||
Gallery
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./license.html" >
|
||||
License
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./profile.html" >
|
||||
Profile
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./music.html" >
|
||||
Music
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./welcome.html" >
|
||||
Welcome
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="dropdown-menu">
|
||||
<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 active" href="./pricing.html" >
|
||||
Pricing cards
|
||||
</a>
|
||||
<a class="dropdown-item" href="./users.html" >
|
||||
Users
|
||||
</a>
|
||||
<a class="dropdown-item" href="./license.html" >
|
||||
License
|
||||
</a>
|
||||
<a class="dropdown-item" href="./music.html" >
|
||||
Music
|
||||
</a>
|
||||
<a class="dropdown-item" href="./widgets.html" >
|
||||
Widgets
|
||||
</a>
|
||||
<a class="dropdown-item" href="./wizard.html" >
|
||||
Wizard
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
@@ -318,68 +246,50 @@
|
||||
Layout
|
||||
</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li >
|
||||
<a class="dropdown-item" href="./layout-horizontal.html" >
|
||||
Horizontal
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./layout-vertical.html" >
|
||||
Vertical
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
||||
Right vertical
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./layout-condensed.html" >
|
||||
Condensed
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./layout-condensed-dark.html" >
|
||||
Condensed dark
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./layout-combo.html" >
|
||||
Combined
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
||||
Navbar dark
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
||||
Navbar overlap
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./layout-dark.html" >
|
||||
Dark mode
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./layout-rtl.html" >
|
||||
RTL mode
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./layout-fluid.html" >
|
||||
Fluid
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a class="dropdown-item" href="./layout-fluid-vertical.html" >
|
||||
Fluid vertical
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-menu-columns">
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="./layout-horizontal.html" >
|
||||
Horizontal
|
||||
</a>
|
||||
<a class="dropdown-item" href="./layout-vertical.html" >
|
||||
Vertical
|
||||
</a>
|
||||
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
||||
Right vertical
|
||||
</a>
|
||||
<a class="dropdown-item" href="./layout-condensed.html" >
|
||||
Condensed
|
||||
</a>
|
||||
<a class="dropdown-item" href="./layout-condensed-dark.html" >
|
||||
Condensed dark
|
||||
</a>
|
||||
<a class="dropdown-item" href="./layout-combo.html" >
|
||||
Combined
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
||||
Navbar dark
|
||||
</a>
|
||||
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
||||
Navbar overlap
|
||||
</a>
|
||||
<a class="dropdown-item" href="./layout-dark.html" >
|
||||
Dark mode
|
||||
</a>
|
||||
<a class="dropdown-item" href="./layout-rtl.html" >
|
||||
RTL mode
|
||||
</a>
|
||||
<a class="dropdown-item" href="./layout-fluid.html" >
|
||||
Fluid
|
||||
</a>
|
||||
<a class="dropdown-item" href="./layout-fluid-vertical.html" >
|
||||
Fluid vertical
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="./docs/index.html" >
|
||||
@@ -419,10 +329,10 @@
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card">
|
||||
<div class="card card-md">
|
||||
<div class="card-body text-center">
|
||||
<div class="text-uppercase text-muted">Free</div>
|
||||
<div class="h1 my-3">$0</div>
|
||||
<div class="text-uppercase text-muted font-weight-medium">Free</div>
|
||||
<div class="display-5 my-3">$0</div>
|
||||
<ul class="list-unstyled lh-lg">
|
||||
<li><strong>3</strong> Users</li>
|
||||
<li>
|
||||
@@ -443,18 +353,19 @@
|
||||
</li>
|
||||
</ul>
|
||||
<div class="text-center mt-4">
|
||||
<a href="#" class="btn btn-secondary w-100">Choose plan</a>
|
||||
<a href="#" class="btn w-100">Choose plan</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card">
|
||||
<div class="ribbon ribbon-top ribbon-bookmark bg-green"><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>
|
||||
<div class="card card-md">
|
||||
<div class="ribbon ribbon-top ribbon-bookmark bg-green">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled" 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>
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<div class="text-uppercase text-muted">Premium</div>
|
||||
<div class="h1 my-3">$49</div>
|
||||
<div class="text-uppercase text-muted font-weight-medium">Premium</div>
|
||||
<div class="display-5 my-3">$49</div>
|
||||
<ul class="list-unstyled lh-lg">
|
||||
<li><strong>10</strong> Users</li>
|
||||
<li>
|
||||
@@ -481,10 +392,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card">
|
||||
<div class="card card-md">
|
||||
<div class="card-body text-center">
|
||||
<div class="text-uppercase text-muted">Enterprise</div>
|
||||
<div class="h1 my-3">$99</div>
|
||||
<div class="text-uppercase text-muted font-weight-medium">Enterprise</div>
|
||||
<div class="display-5 my-3">$99</div>
|
||||
<ul class="list-unstyled lh-lg">
|
||||
<li><strong>100</strong> Users</li>
|
||||
<li>
|
||||
@@ -505,16 +416,16 @@
|
||||
</li>
|
||||
</ul>
|
||||
<div class="text-center mt-4">
|
||||
<a href="#" class="btn btn-secondary w-100">Choose plan</a>
|
||||
<a href="#" class="btn w-100">Choose plan</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card">
|
||||
<div class="card card-md">
|
||||
<div class="card-body text-center">
|
||||
<div class="text-uppercase text-muted">Unlimited</div>
|
||||
<div class="h1 my-3">$139</div>
|
||||
<div class="text-uppercase text-muted font-weight-medium">Unlimited</div>
|
||||
<div class="display-5 my-3">$139</div>
|
||||
<ul class="list-unstyled lh-lg">
|
||||
<li><strong>Unlimited</strong> Users</li>
|
||||
<li>
|
||||
@@ -535,7 +446,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
<div class="text-center mt-4">
|
||||
<a href="#" class="btn btn-secondary w-100">Choose plan</a>
|
||||
<a href="#" class="btn w-100">Choose plan</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -548,7 +459,7 @@
|
||||
<div class="col-lg-auto ml-lg-auto">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
|
||||
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
|
||||
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
|
||||
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -560,7 +471,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary">v1.0.0-alpha.12</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.13</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user