mirror of
https://github.com/tabler/tabler.git
synced 2025-12-22 09:54:24 +04:00
555 lines
31 KiB
HTML
555 lines
31 KiB
HTML
<!doctype html>
|
|
<!--
|
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
|
* @version v1.0.0-alpha
|
|
* @link https://github.com/tabler/tabler
|
|
* Copyright 2018-2019 The Tabler Authors
|
|
* Copyright 2018-2019 codecalm.net Paweł Kuna
|
|
* Licensed under MIT (https://tabler.io/license)
|
|
-->
|
|
<html lang="en">
|
|
<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"/>
|
|
<meta http-equiv="Content-Language" content="en"/>
|
|
<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"/>
|
|
<title>Layout test - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
|
<!-- Libs CSS -->
|
|
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
|
|
<link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
|
|
<link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
|
|
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
|
|
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
|
|
<link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
|
|
<link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
|
|
<!-- Tabler Core -->
|
|
<link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
|
|
<!-- Tabler Plugins -->
|
|
<link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
|
|
<link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
|
|
<link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
|
|
</head>
|
|
<body class="antialiased">
|
|
<div class="wrapper">
|
|
<div class="content">
|
|
<header class="topnav">
|
|
<div class="container">
|
|
<div class="navbar navbar-expand-lg navbar-light">
|
|
<a href="." class="navbar-brand mr-4">
|
|
<img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
|
|
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
|
|
</a>
|
|
<ul class="nav navbar-menu align-items-center ml-auto">
|
|
<li class="nav-item d-none d-lg-flex mr-3">
|
|
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
|
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
|
|
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
|
|
</svg>
|
|
Source code
|
|
</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#" data-toggle="dropdown"
|
|
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
|
|
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
|
|
<span class="ml-2 d-none d-lg-block lh-1">
|
|
Leesa Beaty
|
|
<span class="text-muted d-block mt-1 text-h6">Administrator</span>
|
|
</span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
|
<a class="dropdown-item" href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
|
|
Profile
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
|
|
Settings
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
|
|
Inbox
|
|
<span class="badge bg-primary ml-auto">6</span>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
|
|
Message
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
|
|
Need help?
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
|
|
Sign out
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<header class="topnav">
|
|
<div class="navbar navbar-expand-lg navbar-light">
|
|
<div class="container">
|
|
<ul class="navbar-nav flex-wrap">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="./index.html" >
|
|
<span class="nav-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
|
|
</span>
|
|
Dashboard
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="./form-elements.html" >
|
|
<span class="nav-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
|
|
</span>
|
|
Form elements
|
|
</a>
|
|
</li>
|
|
<li class="nav-item active dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
|
|
aria-expanded="true" >
|
|
<span class="nav-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
|
|
</span>
|
|
Base
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li >
|
|
<a class="dropdown-item" href="./blank.html" >
|
|
Starter page
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item active" href="./buttons.html" >
|
|
Buttons
|
|
<span class="badge bg-green ml-auto">New</span>
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./cards.html" >
|
|
Cards
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./datatables.html" >
|
|
Data 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="./users.html" >
|
|
Users
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./gallery.html" >
|
|
Gallery
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./profile.html" >
|
|
Profile
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./music.html" >
|
|
Music
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="./charts.html" >
|
|
<span class="nav-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
|
|
</span>
|
|
Charts
|
|
</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
|
|
aria-expanded="false" >
|
|
<span class="nav-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
|
|
</span>
|
|
Error pages
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li >
|
|
<a class="dropdown-item" href="./400.html" >
|
|
400 page
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./401.html" >
|
|
401 page
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./403.html" >
|
|
403 page
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./404.html" >
|
|
404 page
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./500.html" >
|
|
500 page
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./503.html" >
|
|
503 page
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./maintenance.html" >
|
|
Maintenance page
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
|
|
aria-expanded="false" >
|
|
<span class="nav-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
|
|
</span>
|
|
A
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="dropright">
|
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
|
|
B
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
<a href="./tmp.html" class="dropdown-item">C</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="./layouts.html" >
|
|
<span class="nav-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
|
|
</span>
|
|
Layouts
|
|
<span class="badge bg-green ml-2">New</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button"
|
|
aria-expanded="false" >
|
|
<span class="nav-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
|
</span>
|
|
Extra
|
|
</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="./search-results.html" >
|
|
Search results
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
|
|
aria-expanded="false" >
|
|
<span class="nav-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
|
|
</span>
|
|
Documentation
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/index.html" >
|
|
Introduction
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/alerts.html" >
|
|
Alerts
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/autosize.html" >
|
|
Autosize
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/avatars.html" >
|
|
Avatars
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/badges.html" >
|
|
Badges
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/breadcrumb.html" >
|
|
Breadcrumb
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/buttons.html" >
|
|
Buttons
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/cards.html" >
|
|
Cards
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/carousel.html" >
|
|
Carousel
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/colors.html" >
|
|
Colors
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/countup.html" >
|
|
Countup
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/cursors.html" >
|
|
Cursors
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/charts.html" >
|
|
Charts
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/divider.html" >
|
|
Divider
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/empty.html" >
|
|
Empty states
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/flags.html" >
|
|
Flags
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/form-elements.html" >
|
|
Form elements
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/form-helpers.html" >
|
|
Form helpers
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/input-mask.html" >
|
|
Form input mask
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/layout.html" >
|
|
Layout
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/progress.html" >
|
|
Progress
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/payments.html" >
|
|
Payments
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/ribbons.html" >
|
|
Ribbons
|
|
<span class="badge bg-green ml-auto">New</span>
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/spinners.html" >
|
|
Spinners
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/steps.html" >
|
|
Steps
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/tables.html" >
|
|
Tables
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/tabs.html" >
|
|
Tabs
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/timelines.html" >
|
|
Timelines
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/toasts.html" >
|
|
Toasts
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/tooltips.html" >
|
|
Tooltips
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a class="dropdown-item" href="./docs/typography.html" >
|
|
Typography
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<div class="navbar-search d-none d-xl-block">
|
|
<form action="." method="get">
|
|
<div class="input-icon">
|
|
<span class="input-icon-addon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
|
|
</span>
|
|
<input type="text" class="form-control" placeholder="Search…">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div class="content-page">
|
|
<main class="container my-4 flex-fill">
|
|
<!-- Page title -->
|
|
<div class="page-title-box">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<h2 class="page-title">
|
|
Layout test
|
|
</h2>
|
|
</div>
|
|
<!-- Page title actions -->
|
|
<div class="col-auto ml-auto d-print-none">
|
|
<div class="d-flex">
|
|
<ol class="breadcrumb breadcrumb-alternate" aria-label="breadcrumbs">
|
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
|
<li class="breadcrumb-item"><a href="#">Library</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page"><a href="#">Data</a></li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card" id="card-test">
|
|
<div class="card-body">
|
|
<!-- <a href="#" class="btn btn-secondary btn-block" data-toggle="menubar">sidebar</a>-->
|
|
<div id="card-size"></div>
|
|
<div>
|
|
<h1>Well, she turned me into a newt.</h1>
|
|
<p>We want a shrubbery!! Burn her anyway! You don't vote for kings. Where'd you get the coconuts?</p>
|
|
<p>And this isn't my nose. This is a false one. But you are dressed as one… Oh, ow! I don't want to talk to you no more, you empty-headed animal food trough water! <strong> I fart in your general direction!</strong> <em> Your mother was a hamster and your father smelt of elderberries!</em> Now leave before I am forced to taunt you a second time!</p>
|
|
<h2>Burn her!</h2>
|
|
<p>We shall say 'Ni' again to you, if you do not appease us. The swallow may fly south with the sun, and the house martin or the plover may seek warmer climes in winter, yet these are not strangers to our land.</p>
|
|
<ol>
|
|
<li>Oh, ow!</li>
|
|
<li>Be quiet!</li>
|
|
<li>Well, we did do the nose.</li>
|
|
</ol>
|
|
<h3>What a strange person.</h3>
|
|
<p>Well, she turned me into a newt. And the hat. She's a witch! Well, how'd you become king, then? She looks like one. Look, my liege!</p>
|
|
<ul>
|
|
<li>We found them.</li>
|
|
<li>Well, how'd you become king, then?</li>
|
|
<li>Did you dress her up like this?</li>
|
|
</ul>
|
|
<p>It's only a model. I'm not a witch. Who's that then? Did you dress her up like this? Look, my liege!</p>
|
|
<p>Well, she turned me into a newt. The Lady of the Lake, her arm clad in the purest shimmering samite, held aloft Excalibur from the bosom of the water, signifying by divine providence that I, Arthur, was to carry Excalibur. That is why I am your king.</p>
|
|
<p>Oh, ow! Look, my liege! Burn her! You can't expect to wield supreme power just 'cause some watery tart threw a sword at you! Well, Mercia's a temperate zone!</p>
|
|
<p>Well, how'd you become king, then? How do you know she is a witch? We shall say 'Ni' again to you, if you do not appease us. You can't expect to wield supreme power just 'cause some watery tart threw a sword at you!</p>
|
|
<p>Look, my liege! I dunno. Must be a king. A newt? What do you mean? Oh, ow! He hasn't got shit all over him.</p>
|
|
<p>Now, look here, my good man. She looks like one. And this isn't my nose. This is a false one. Bring her forward!</p>
|
|
<p>You can't expect to wield supreme power just 'cause some watery tart threw a sword at you! Camelot! Well, how'd you become king, then? Why?</p>
|
|
<p>And the hat. She's a witch! It's only a model. Well, how'd you become king, then? Well, I didn't vote for you. Why?</p>
|
|
<p>Ni! Ni! Ni! Ni! Ni! Ni! Ni! Ni! Camelot! We shall say 'Ni' again to you, if you do not appease us. Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed!</p>
|
|
<p>Why do you think that she is a witch? Knights of Ni, we are but simple travelers who seek the enchanter who lives beyond these woods. Where'd you get the coconuts? …Are you suggesting that coconuts migrate?</p>
|
|
<p>Well, what do you want? Did you dress her up like this? Knights of Ni, we are but simple travelers who seek the enchanter who lives beyond these woods. On second thoughts, let's not go there. It is a silly place.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Libs JS -->
|
|
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
|
|
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
|
|
<!-- Tabler Core -->
|
|
<script src="./dist/js/tabler.min.js?1578694044"></script>
|
|
<script>
|
|
$(document).ready(function () {
|
|
var $test_el = $('#card-test'),
|
|
$test_body_el = $('#card-size'),
|
|
test_width = function () {
|
|
$test_body_el.text($test_el.width());
|
|
};
|
|
test_width();
|
|
$(window).on('resize', function () {
|
|
test_width();
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |