87 lines
3.4 KiB
PHP
87 lines
3.4 KiB
PHP
<html>
|
|
<head>
|
|
<title>
|
|
Spacer - Create Your Account
|
|
</title>
|
|
<script src="https://cdn.tailwindcss.com">
|
|
</script>
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"/>
|
|
<style>
|
|
body {
|
|
font-family: 'Roboto', sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-200 flex items-center justify-center min-h-screen">
|
|
<div class="bg-white rounded-lg shadow-lg overflow-hidden max-w-4xl w-full md:flex">
|
|
<div class="bg-gradient-to-b from-blue-500 to-blue-700 text-white p-8 md:w-1/2 flex flex-col items-center justify-center">
|
|
<div class="text-center">
|
|
<h1 class="text-2xl font-bold mb-4">
|
|
Welcome to
|
|
</h1>
|
|
<img alt="Rocket logo" class="mx-auto mb-4" src="https://placehold.co/100x100"/>
|
|
<h2 class="text-3xl font-bold mb-4">
|
|
Spacer
|
|
</h2>
|
|
<p class="mb-8">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque aliquam odio et faucibus.
|
|
</p>
|
|
<div class="flex justify-between w-full px-8">
|
|
<a class="text-white underline" href="#">
|
|
Contact Here
|
|
</a>
|
|
<a class="text-white underline" href="#">
|
|
Location Here
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="p-8 md:w-1/2 flex items-center justify-center">
|
|
<div class="w-full max-w-md">
|
|
<h2 class="text-2xl font-bold mb-6 text-center">
|
|
Create your account
|
|
</h2>
|
|
<form>
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 text-sm font-bold mb-2" for="name">
|
|
Name
|
|
</label>
|
|
<input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="name" placeholder="Enter your name" type="text"/>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 text-sm font-bold mb-2" for="email">
|
|
E-mail Address
|
|
</label>
|
|
<input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="email" placeholder="Enter your email" type="email"/>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 text-sm font-bold mb-2" for="password">
|
|
Password
|
|
</label>
|
|
<input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="password" placeholder="Enter your password" type="password"/>
|
|
</div>
|
|
<div class="flex items-center mb-4">
|
|
<input class="mr-2 leading-tight" id="terms" type="checkbox"/>
|
|
<label class="text-sm text-gray-700" for="terms">
|
|
I agree with the
|
|
<a class="text-blue-500 underline" href="#">
|
|
Terms & Conditions
|
|
</a>
|
|
</label>
|
|
</div>
|
|
<div class="flex items-center justify-between">
|
|
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" type="button">
|
|
Sign Up
|
|
</button>
|
|
<button class="bg-gray-200 hover:bg-gray-300 text-gray-700 font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" type="button" onclick="window.location='{{ route('login.login') }}'">
|
|
Sign In
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|