Currently HTML and TailwindCSS code is generated.
<form class="space-y-4">
<div>
<label for="input" class="block text-sm font-medium text-gray-700">Your Input:</label>
<input type="text" id="input" name="input" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50" required>
</div>
<button type="submit" class="inline-flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">Submit</button>
</form><div class="bg-gray-100 p-4 rounded-lg shadow-md">
<h2 class="text-xl font-semibold mb-4">Drop Target List</h2>
<ul class="list-disc list-inside">
<li class="bg-white p-2 mb-2 rounded shadow">Target 1</li>
<li class="bg-white p-2 mb-2 rounded shadow">Target 2</li>
<li class="bg-white p-2 mb-2 rounded shadow">Target 3</li>
<li class="bg-white p-2 mb-2 rounded shadow">Target 4</li>
<li class="bg-white p-2 mb-2 rounded shadow">Target 5</li>
</ul>
</div><div class="max-w-4xl mx-auto p-6 bg-white shadow-md rounded-lg">
<h2 class="text-2xl font-semibold mb-4">Agenda</h2>
<ul class="list-disc pl-5">
<li class="mb-2">
<span class="font-bold">09:00 AM - 10:00 AM:</span> Opening Remarks
</li>
<li class="mb-2">
<span class="font-bold">10:00 AM - 11:00 AM:</span> Keynote Speaker
</li>
<li class="mb-2">
<span class="font-bold">11:00 AM - 12:00 PM:</span> Workshop Session 1
</li>
<li class="mb-2">
<span class="font-bold">12:00 PM - 01:00 PM:</span> Lunch Break
</li>
<li class="mb-2">
<span class="font-bold">01:00 PM - 02:00 PM:</span> Workshop Session 2
</li>
<li class="mb-2">
<span class="font-bold">02:00 PM - 03:00 PM:</span> Panel Discussion
</li>
<li class="mb-2">
<span class="font-bold">03:00 PM - 04:00 PM:</span> Networking Session
</li>
<li class="mb-2">
<span class="font-bold">04:00 PM - 05:00 PM:</span> Closing Remarks
</li>
</ul>
</div>