<div class="w-full max-w-md p-6 bg-white rounded-lg shadow-md border-2">
<h1 class="text-xl font-semibold text-gray-800 mb-4">Login to continue</h1>
<form>
<div class="mb-4">
<label for="email" class="block text-gray-700 mb-2">Email</label>
<input type="email" name="email" id="email" class="w-full px-3 py-2 border border-gray-400 rounded-lg focus:outline-none focus:border-blue-500" required>
</div>
<div class="mb-4">
<label for="password" class="block text-gray-700 mb-2">Password</label>
<input type="password" name="password" id="password" class="w-full px-3 py-2 border border-gray-400 rounded-lg focus:outline-none focus:border-blue-500" required>
</div>
<button type="submit" class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 px-4 rounded-lg focus:outline-none focus:shadow-outline">Log In</button>
</form>
</div>