162 lines
5.8 KiB
HTML
162 lines
5.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
|
|
/>
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
<title>Badge | TailAdmin - Tailwind CSS Admin Dashboard Template</title>
|
|
</head>
|
|
<body
|
|
x-data="{ page: 'badge', 'loaded': true, 'darkMode': false, 'stickyMenu': false, 'sidebarToggle': false, 'scrollTop': false }"
|
|
x-init="
|
|
darkMode = JSON.parse(localStorage.getItem('darkMode'));
|
|
$watch('darkMode', value => localStorage.setItem('darkMode', JSON.stringify(value)))"
|
|
:class="{'dark bg-gray-900': darkMode === true}"
|
|
>
|
|
<!-- ===== Preloader Start ===== -->
|
|
<include src="./partials/preloader.html"></include>
|
|
<!-- ===== Preloader End ===== -->
|
|
|
|
<!-- ===== Page Wrapper Start ===== -->
|
|
<div class="flex h-screen overflow-hidden">
|
|
<!-- ===== Sidebar Start ===== -->
|
|
<include src="./partials/sidebar.html"></include>
|
|
<!-- ===== Sidebar End ===== -->
|
|
|
|
<!-- ===== Content Area Start ===== -->
|
|
<div
|
|
class="relative flex flex-1 flex-col overflow-y-auto overflow-x-hidden"
|
|
>
|
|
<!-- Small Device Overlay Start -->
|
|
<include src="./partials/overlay.html" />
|
|
<!-- Small Device Overlay End -->
|
|
|
|
<!-- ===== Header Start ===== -->
|
|
<include src="./partials/header.html" />
|
|
<!-- ===== Header End ===== -->
|
|
|
|
<!-- ===== Main Content Start ===== -->
|
|
<main>
|
|
<div class="mx-auto max-w-(--breakpoint-2xl) p-4 md:p-6">
|
|
<!-- Breadcrumb Start -->
|
|
<div x-data="{ pageName: `Badge`}">
|
|
<include src="./partials/breadcrumb.html" />
|
|
</div>
|
|
<!-- Breadcrumb End -->
|
|
|
|
<div class="space-y-5 sm:space-y-6">
|
|
<div
|
|
class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]"
|
|
>
|
|
<div class="px-6 py-5">
|
|
<h3
|
|
class="text-base font-medium text-gray-800 dark:text-white/90"
|
|
>
|
|
With Light Background
|
|
</h3>
|
|
</div>
|
|
<div
|
|
class="border-t border-gray-100 p-6 dark:border-gray-800 xl:p-10"
|
|
>
|
|
<include src="./partials/badge/badge-01.html" />
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]"
|
|
>
|
|
<div class="px-6 py-5">
|
|
<h3
|
|
class="text-base font-medium text-gray-800 dark:text-white/90"
|
|
>
|
|
With Solid Background
|
|
</h3>
|
|
</div>
|
|
<div
|
|
class="border-t border-gray-100 p-6 dark:border-gray-800 xl:p-10"
|
|
>
|
|
<include src="./partials/badge/badge-02.html" />
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]"
|
|
>
|
|
<div class="px-6 py-5">
|
|
<h3
|
|
class="text-base font-medium text-gray-800 dark:text-white/90"
|
|
>
|
|
Light Background with Left Icon
|
|
</h3>
|
|
</div>
|
|
<div
|
|
class="border-t border-gray-100 p-6 dark:border-gray-800 xl:p-10"
|
|
>
|
|
<include src="./partials/badge/badge-03.html" />
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]"
|
|
>
|
|
<div class="px-6 py-5">
|
|
<h3
|
|
class="text-base font-medium text-gray-800 dark:text-white/90"
|
|
>
|
|
Solid Background with Left Icon
|
|
</h3>
|
|
</div>
|
|
<div
|
|
class="border-t border-gray-100 p-6 dark:border-gray-800 xl:p-10"
|
|
>
|
|
<include src="./partials/badge/badge-04.html" />
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]"
|
|
>
|
|
<div class="px-6 py-5">
|
|
<h3
|
|
class="text-base font-medium text-gray-800 dark:text-white/90"
|
|
>
|
|
Light Background with Right Icon
|
|
</h3>
|
|
</div>
|
|
<div
|
|
class="border-t border-gray-100 p-6 dark:border-gray-800 xl:p-10"
|
|
>
|
|
<include src="./partials/badge/badge-05.html" />
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]"
|
|
>
|
|
<div class="px-6 py-5">
|
|
<h3
|
|
class="text-base font-medium text-gray-800 dark:text-white/90"
|
|
>
|
|
Solid Background with Right Icon
|
|
</h3>
|
|
</div>
|
|
<div
|
|
class="border-t border-gray-100 p-6 dark:border-gray-800 xl:p-10"
|
|
>
|
|
<include src="./partials/badge/badge-06.html" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<!-- ===== Main Content End ===== -->
|
|
</div>
|
|
<!-- ===== Content Area End ===== -->
|
|
</div>
|
|
<!-- ===== Page Wrapper End ===== -->
|
|
</body>
|
|
</html>
|