80 lines
4.6 KiB
PHP
80 lines
4.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Apply for Founding Partner Access</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
<body class="bg-gray-50 text-gray-800">
|
|
|
|
<!-- Header -->
|
|
<header class="bg-white shadow-sm">
|
|
<div class="container mx-auto px-6 py-4 flex justify-between items-center">
|
|
<a href="index.php" class="text-2xl font-bold text-gray-800">FinMox</a>
|
|
<nav class="space-x-8">
|
|
<a href="index.php#why-finmox" class="text-gray-600 hover:text-gray-800">Why FinMox</a>
|
|
<a href="index.php#how-it-works" class="text-gray-600 hover:text-gray-800">How It Works</a>
|
|
<a href="login.php" class="bg-gray-800 text-white px-4 py-2 rounded-md hover:bg-gray-700">Sign In</a>
|
|
<a href="apply.php" class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-500">Apply for Access</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Main Content -->
|
|
<main class="container mx-auto px-6 py-12">
|
|
<div class="max-w-2xl mx-auto text-center">
|
|
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl">Apply for Founding Partner Access</h1>
|
|
<p class="mt-4 text-lg text-gray-600">Limited onboarding so we can deliver high-quality outcomes.</p>
|
|
</div>
|
|
|
|
<div class="mt-10 max-w-2xl mx-auto">
|
|
<div class="bg-white shadow-lg rounded-lg p-8">
|
|
<form action="#" method="POST">
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
<div>
|
|
<label for="first-name" class="block text-sm font-medium text-gray-700">First Name</label>
|
|
<input type="text" name="first-name" id="first-name" class="mt-1 block w-full px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
|
|
</div>
|
|
<div>
|
|
<label for="last-name" class="block text-sm font-medium text-gray-700">Last Name</label>
|
|
<input type="text" name="last-name" id="last-name" class="mt-1 block w-full px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
|
|
</div>
|
|
<div class="md:col-span-2">
|
|
<label for="email" class="block text-sm font-medium text-gray-700">Email</label>
|
|
<input type="email" name="email" id="email" class="mt-1 block w-full px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
|
|
</div>
|
|
<div class="md:col-span-2">
|
|
<label for="hiring-process" class="block text-sm font-medium text-gray-700">Tell us about your current hiring process</label>
|
|
<textarea name="hiring-process" id="hiring-process" rows="4" class="mt-1 block w-full px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="mt-8">
|
|
<button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
|
|
Submit Application
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-gray-900 text-white mt-16">
|
|
<div class="container mx-auto px-6 py-8">
|
|
<div class="flex justify-between items-center text-sm">
|
|
<span>FinMox © 2025</span>
|
|
<div class="space-x-4">
|
|
<a href="#" class="hover:text-gray-400">Security & Privacy</a>
|
|
</div>
|
|
<div class="text-right">
|
|
<p>Human-reviewed outputs</p>
|
|
<p>No automated hiring decisions</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|