Created
January 18, 2025 23:41
-
-
Save DevShaded/a848c97760a1eb5da1fc7b44b1e5accd to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="flex h-screen items-center justify-center bg-gray-300"> | |
| <div class="flex items-center rounded-lg border-2 border-black bg-white shadow-md"> | |
| <div class="ltr"> | |
| <div class="flex w-20 items-center justify-center rounded-s-lg bg-blue-600 p-6 text-white"> | |
| <div class="text-center"> | |
| <div class="relative mx-auto mb-3 h-9 w-10"> | |
| <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 16"> | |
| <rect width="22" height="16" fill="#ba0c2f" /> | |
| <path d="M0,8h22M8,0v16" stroke="#fff" stroke-width="4" /> | |
| <path d="M0,8h22M8,0v16" stroke="#2563EB" stroke-width="2" /> | |
| </svg> | |
| </div> | |
| <div class="text-2xl font-bold">N</div> | |
| </div> | |
| </div> | |
| </div> | |
| <form class="flex flex-1 items-center" action="#" method="POST"> | |
| <input id="formattedInput" name="licensePlate" type="text" placeholder="AB 12345" class="placeholder-center w-full border-none text-center text-4xl font-bold uppercase text-black placeholder-gray-500 outline-none focus:ring-0" maxlength="8" required /> | |
| <button type="submit" class="flex h-32 w-20 cursor-pointer items-center justify-center bg-blue-600"> | |
| <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="h-5 w-5"> | |
| <path stroke-linecap="round" stroke-linejoin="round" d="M11 19a8 8 0 100-16 8 8 0 000 16zM21 21l-4.35-4.35" /> | |
| </svg> | |
| </button> | |
| </form> | |
| </div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment