<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Aryabhata.earth – Join the Movement</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
background-color: #f8f6f2;
color: #222;
}
header {
background-color: #1a202c;
color: #fff;
padding: 40px 20px;
text-align: center;
}
h1 {
margin: 0;
font-size: 2.5em;
}
p.tagline {
font-size: 1.2em;
margin-top: 10px;
color: #ddd;
}
.form-container {
max-width: 500px;
margin: 40px auto;
background: #ffffff;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
form input[type="text"],
form input[type="email"] {
width: 100%;
padding: 12px;
margin: 8px 0 20px;
border: 1px solid #ccc;
border-radius: 6px;
}
form button {
background-color: #2f855a;
color: white;
padding: 12px 20px;
border: none;
border-radius: 6px;
cursor: pointer;
width: 100%;
font-size: 1em;
}
form button:hover {
background-color: #276749;
}
footer {
text-align: center;
padding: 20px;
font-size: 0.9em;
color: #666;
}
</style>
</head>
<body>
<header>
<h1>Aryabhata.earth</h1>
<p class="tagline">A network of changemakers building net zero solutions</p>
</header>
<div class="form-container">
<h2>Join the Movement</h2>
<p>Be the first to hear about our programs, pilots, and climate action campaigns.</p>
<form name="contact" method="POST" data-netlify="true">
<input type="text" name="name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Email" required>
<button type="submit">Sign Up</button>
</form>
</div>
<footer>
© 2025 Aryabhata.earth • Built for impact.
</footer>
</body>
</html>