Code:
 <div className="flex justify-center items-center bg-blue-500 text-white p-4">  <h1 className="text-2xl">Hello, Tailwind CSS!</h1>
 <h1 className="text-2xl">Hello, Tailwind CSS!</h1>
 </div>
<div className="flex justify-center items-center bg-blue-500 text-white p-4">
  <h1 className="text-2xl">Hello, Tailwind CSS!</h1>
</div>
<div className="flex justify-center items-center bg-blue-500 text-white p-4">
  <h1 className="text-2xl">Hello, Tailwind CSS!</h1>
</div>
<div className="flex justify-center items-center bg-blue-500 text-white p-4">
 <h1 className="text-2xl">Hello, Tailwind CSS!</h1>
 </div>
<div className="flex justify-center items-center bg-blue-500 text-white p-4">
  <h1 className="text-2xl">Hello, Tailwind CSS!</h1>
</div>
<div className="flex justify-center items-center bg-blue-500 text-white p-4">
  <h1 className="text-2xl">Hello, Tailwind CSS!</h1>
</div>
              

Navbar

Image
Image
Image

Cards

Image
Image
Image

Footer

Image
Image
Image
Image
Image