37 lines
1.5 KiB
Plaintext
37 lines
1.5 KiB
Plaintext
|
<!DOCTYPE html>
|
||
|
|
<html class="dark">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>Social Robot</title>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<link rel="stylesheet" href="/stylesheets/style.css">
|
||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
|
||
|
|
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<div class="flex items-center justify-center min-h-screen bg-gray-100">
|
||
|
|
<div class="px-8 py-6 mt-4 text-left bg-white shadow-lg">
|
||
|
|
<h3 class="text-2xl font-bold text-center">Login to your account</h3>
|
||
|
|
<form action="">
|
||
|
|
<div class="mt-4">
|
||
|
|
<div>
|
||
|
|
<label class="block" for="email">Email<label>
|
||
|
|
<input type="text" placeholder="Email"
|
||
|
|
class="w-full px-4 py-2 mt-2 border rounded-md focus:outline-none focus:ring-1 focus:ring-blue-600">
|
||
|
|
</div>
|
||
|
|
<div class="mt-4">
|
||
|
|
<label class="block">Password<label>
|
||
|
|
<input type="password" placeholder="Password"
|
||
|
|
class="w-full px-4 py-2 mt-2 border rounded-md focus:outline-none focus:ring-1 focus:ring-blue-600">
|
||
|
|
</div>
|
||
|
|
<div class="flex items-baseline justify-between">
|
||
|
|
<button class="px-6 py-2 mt-4 text-white bg-blue-600 rounded-lg hover:bg-blue-900">Login</button>
|
||
|
|
<a href="#" class="text-sm text-blue-600 hover:underline">Forgot password?</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</html>
|