File: /home/imensosw/user-interface.imenso.co/tailwind/used.html
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tailwind File</title>
<link rel="icon" type="image/svg+xml" href="images/favicon.png" />
<link href="css/style.css" rel="stylesheet" />
</head>
<body class=" bg-slate-300">
<div class="p-2 m-4">
<div class="flex mb-6">
<div class="mb-3 mr-48">
<strong>Normal css button with hover</strong><br />
<button class="rounded-lg bg-slate-200 text-zinc-600 font-semibold py-2 px-4 hover:bg-slate-500 hover:text-zinc-300">Basic Button</button>
</div>
<div class="mb-3">
<strong>button Class css property</strong><br />
<button class="btn1">Basic Button</button>
</div>
</div>
<div class="flex mb-6">
<div class="mb-3 mr-48">
<strong>Custom property using Tailwind</strong><br />
<h3 class="text-lg font-semibold bg-slate-400/[.2] p-3 text-[#b402a3]">Custome Text</h3>
</div>
<div class="mb-3 mr-48">
<strong>Custom property using Tailwind</strong><br />
<h3 class="text-lg font-semibold bg-slate-400/[.2] p-[50px] text-imenso-theme">Custome Text</h3>
</div>
</div>
<div class="flex mb-6">
<div class="mb-3 mr-48">
<strong>Custom CSS class</strong><br />
<div class="card">This is a sample card</div>
</div>
<div class="mb-3 mr-48">
<strong>Custom CSS class with tailwind property</strong><br />
<button class="btn">This is a sample Button</button>
</div>
</div>
<div class="flex mb-6">
<div class="mb-3 mr-48">
<strong>Responsive</strong><br />
<h3 class="text-lg font-semibold bg-slate-400/[.2] p-3 text-red-600 md:text-green-600 lg:text-blue-600 xl:text-fuchsia-600">Custome Text</h3>
</div>
</div>
</div>
</body>
</html>