-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
31 lines (30 loc) · 1.34 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
23
24
25
26
27
28
29
30
31
<!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">
<script src="./dist/app.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tailwindcss/ui@latest/dist/tailwind-ui.min.css" />
<title>GitHub Lookup</title>
</head>
<body class="bg-gray-800">
<div class="wrapper flex flex-wrap overflow-hidden justify-center">
<div class="w-full overflow-hidden lg:w-1/2">
<h1 class="pt-10 text-center mt-6 text-3xl leading-9 font-extrabold text-gray-200">
Find a GitHub User
</h1>
<form class="w-full max-w-sm mx-auto">
<div class="mt-10 flex">
<input name="username" required
class="form-input block w-full py-2 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition duration-150" />
<button type="submit"
class="ml-2 py-2 px-3 border bg-gray-400 border-gray-300 rounded-md text-sm leading-4 font-medium text-gray-900 hover:text-gray-100 focus:outline-black focus:border-blackactive:bg-gray-100 active:text-gray-800 transition duration-150 ease-in-out">
Search
</button>
</div>
</form>
<div id="container" class="mt-10"></div>
</div>
</div>
</html>