43 lines
1.7 KiB
HTML
43 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link href="./src/styles/index.css" rel="stylesheet" />
|
|
<title>Inicio</title>
|
|
</head>
|
|
|
|
<body class="min-h-screen bg-slate-50 p-2">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-col justify-center min-h-screen">
|
|
<form class="max-w-md mx-auto w-full">
|
|
<label for="default-search" class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Buscar</label>
|
|
<div class="relative">
|
|
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
class="lucide lucide-search">
|
|
<circle cx="11" cy="11" r="8" />
|
|
<path d="m21 21-4.3-4.3" />
|
|
</svg>
|
|
</div>
|
|
<input type="search" id="default-search"
|
|
class="block w-full p-4 ps-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
|
|
placeholder="IMDb ID" required />
|
|
<button type="submit"
|
|
class="text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Search</button>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<script src="./src/main.js" type="module"></script>
|
|
</body>
|
|
|
|
</html> |