<body class="bg-gray-100 font-sans leading-normal tracking-normal h-screen flex items-center justify-center"> <div class="bg-white shadow-lg rounded-lg p-8 max-w-md w-full"> <h1 class="text-2xl font-bold mb-6 text-center">User Information</h1> <form> <div class="mb-4"> <label for="full-name" class="block text-gray-700 mb-2">Full Name</label> <input type="text" id="full-name" class="w-full p-2 border rounded" placeholder="Enter your full name"> </div> <div class="mb-4"> <label for="address" class="block text-gray-700 mb-2">Address</label> <input type="text" id="address" class="w-full p-2 border rounded" placeholder="Enter your address"> </div> <div class="mb-4"> <label for="country" class="block text-gray-700 mb-2">Country</label> <select id="country" class="w-full p-2 border rounded"> <option value="" disabled selected>Select your country</option> <option value="usa">United States</option> <option value="canada">Canada</option> <option value="uk">United Kingdom</option> <option value="australia">Australia</option> <option value="other">Other</option> </select> </div> <div class="flex items-center mb-4"> <input type="checkbox" id="opt-in" class="form-checkbox"> <label for="opt-in" class="ml-2 text-gray-700">Opt-in to receive emails</label> </div> <button type="submit" class="w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-400">Submit</button> </form> </div> </body>
v