Laravel-Training-Project/resources/views/livewire/login.blade.php

<div>
    {{-- To attain knowledge, add things every day; To attain wisdom, subtract things every day. --}}
    <div class="flex items-center justify-center min-h-screen bg-gray-100">
        <div class="w-full max-w-md">
            <form class="this illustration features a person working on their laptop with various charts, graphs, and other data displayed on the screen. the person appears to be analyzing and strategizing their business strategies, as seen by the various icons and symbols on the screen. the overall color scheme is blue and green, giving the image a fresh and modern look. the text on the screen reads "business analysis" and "data analysis", indicating that this is an educational or informational website. the image also includes a button that says "learn more" and a call to action to register for the presentation.bg-white shadow-md rounded px-8 py-6">
            <div class="mb-4">
                <label class="block text-gray-700 text-sm font-bold mb-2" for="username">Username</label>
                <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="username" type="text" placeholder="Enter your username">
            </div>
            <div class="mb-6">
                <label class="block text-gray-700 text-sm font-bold mb-2" for="password">Password</label>
                <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="password" type="password" placeholder="Enter your password">
            </div>
            <div class="flex items-center justify-between">
                <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" type="button">
                    Sign In
                </button>
                <a class="inline-block align-baseline font-bold text-sm text-blue-500 hover:text-blue-800" href="#">
                    Forgot Password?
                </a>
            </div>
            </form>
        </div>
    </div>
</div>