প্রথম Tailwind Project

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8" />
  <title>আমার প্রথম Tailwind Project</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 p-8">
  <h1 class="text-2xl font-bold text-blue-600">
    হ্যালো Tailwind!
  </h1>
</body>
</html>

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8" />
  <title>আমার প্রথম Tailwind Project</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 p-8">

  <div class="mx-auto max-w-md rounded-lg bg-white p-6 shadow-lg">
    <h1 class="text-2xl font-bold text-gray-800">প্রোফাইল কার্ড</h1>
    <p class="mt-2 text-gray-600">এটি একটি সাধারণ Tailwind card।</p>
    <button class="mt-4 rounded-lg bg-blue-600 px-4 py-2 text-white hover:bg-blue-700">
      আরও দেখুন
    </button>
  </div>

</body>
</html>