Form by themrsami
#e8e8e8
HTML +TailwindCSS
1<div class="flex flex-col items-center justify-center light"> 2 <div class="w-full max-w-md bg-white rounded-lg shadow-md p-6"> 3 <h2 class="text-2xl font-bold text-gray-800 mb-4"> 4 Subscribe to Our Newsletter 5 </h2> 6 7 <form class="flex flex-col"> 8 <input 9 type="email" 10 class="bg-gray-100 text-gray-800 border-0 rounded-md p-2 mb-4 focus:bg-gray-200 focus:outline-none focus:ring-1 focus:ring-blue-500 transition ease-in-out duration-150" 11 placeholder="Enter your email address" 12 /> 13 14 <button 15 type="submit" 16 class="bg-gradient-to-r from-indigo-500 to-blue-500 text-white font-bold py-2 px-4 rounded-md mt-4 hover:bg-indigo-600 hover:to-blue-600 transition ease-in-out duration-150" 17 > 18 Subscribe 19 </button> 20 </form> 21 22 <div class="flex justify-center mt-4"> 23 <a href="#" class="text-sm text-gray-600 hover:underline" 24 >Privacy Policy</a 25 > 26 </div> 27 </div> 28</div> 29
486 views
486 views
MIT License