Currently HTML and TailwindCSS code is generated.
<div class="bg-white shadow-md rounded-lg p-6">
<h1 class="text-2xl font-bold text-center mb-4">Email Title</h1>
<div class="mb-4">
<h2 class="text-xl font-semibold">Header Text</h2>
<p class="text-gray-700">This is the section for your header text that provides context to the email.</p>
</div>
<div class="mb-4">
<h3 class="text-lg font-medium">Email Content</h3>
<p class="text-gray-700">This area is designated for the main content of the email. Feel free to elaborate on the purpose and details of the message.</p>
</div>
<div class="mb-4">
<h4 class="text-lg font-medium">Other Type Information</h4>
<p class="text-gray-700">Any additional information related to the email can be included here.</p>
</div>
<div class="text-gray-500 text-sm text-center mt-4">
<p>Sent on: <span id="sendDate">Send Date Placeholder</span></p>
</div>
<footer class="mt-6 border-t pt-4">
<p class="text-gray-600 text-center">Footer Text</p>
</footer>
</div>
<div class="sticky top-0 bg-white bg-opacity-75 backdrop-blur-md shadow-md transition duration-300 ease-in-out">
<div class="max-w-7xl mx-auto px-4 py-4">
<h1 class="text-xl font-bold text-gray-800">Your Header Title</h1>
<nav class="mt-2">
<ul class="flex space-x-4">
<li><a href="#" class="text-gray-600 hover:text-gray-900">Home</a></li>
<li><a href="#" class="text-gray-600 hover:text-gray-900">About</a></li>
<li><a href="#" class="text-gray-600 hover:text-gray-900">Services</a></li>
<li><a href="#" class="text-gray-600 hover:text-gray-900">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="max-w-sm rounded overflow-hidden shadow-lg bg-white">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2">Blockchain Project Title</div>
<div class="font-semibold text-gray-700 mb-2">Subtitle for the Project</div>
<div class="flex items-center mb-4">
<span class="text-yellow-500 mr-1">★</span>
<span class="text-yellow-500 mr-1">★</span>
<span class="text-yellow-500 mr-1">★</span>
<span class="text-yellow-500 mr-1">★</span>
<span class="text-gray-400">★</span>
</div>
<p class="text-gray-700 text-base">
This is an overview of the blockchain project, detailing its unique features, use cases, and the potential impact it aims to have in the Web3 ecosystem.
</p>
</div>
<div class="px-6 pt-4 pb-2">
<span class="inline-block bg-blue-200 rounded-full px-3 py-1 text-sm font-semibold text-blue-700 mr-2 mb-2">Blockchain</span>
<span class="inline-block bg-green-200 rounded-full px-3 py-1 text-sm font-semibold text-green-700 mr-2 mb-2">Web3</span>
</div>
</div>