/
index.html
22 lines (20 loc) · 1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Draggable Test</title>
<script src="https://unpkg.com/tailwindcss-jit-cdn"></script>
<script src="./build/draggable.js" defer></script>
</head>
<body class="bg-gray-100 h-screen w-full flex flex-col justify-center items-center">
<form action="./upload.php" method="post">
<fieldset class="flex flex-grow w-[680px]">
<input type="url" id="link" name="link" class="flex-1 py-4 px-8 border-none rounded-l-lg outline-none focus:ring-inset focus:ring-2 focus:ring-blue-300" minlength="7" placeholder="https://example.com/" required>
<button type="submit" class="px-12 bg-blue-300 text-white rounded-r-lg font-semibold">Shorten</button>
</fieldset>
</form>
<p class="mt-8 text-center text-gray-800 transition-all duration-300">Shortened URL</p>
</body>
</html>