<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Arda Management LLC</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
html, body {
height: 100%;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
color: #ffffff;
}
body {
/* Full-page background image with overlay */
background: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
url("background.jpg") center / cover no-repeat;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
}
.container {
max-width: 700px;
background-color: rgba(0,0,0,0.55);
padding: 40px 30px;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}
h1 {
font-size: 3rem;
margin-bottom: 0.5rem;
letter-spacing: 0.02em;
}
h2 {
font-size: 1.4rem;
font-weight: 300;
margin-bottom: 2rem;
opacity: 0.9;
}
p {
font-size: 1.1rem;
line-height: 1.6;
margin-bottom: 2rem;
}
form {
display: flex;
flex-direction: column;
gap: 10px;
text-align: left;
}
input, textarea {
padding: 12px;
border-radius: 6px;
border: none;
font-size: 1rem;
}
button {
padding: 12px;
background-color: #1abc9c;
color: #ffffff;
border: none;
border-radius: 6px;
font-size: 1rem;
cursor: pointer;
transition: background 0.3s;
}
button:hover {
background-color: #16a085;
}
footer {
margin-top: 2rem;
font-size: 0.9rem;
opacity: 0.75;
}
@media (max-width: 600px) {
h1 {
font-size: 2.2rem;
}
h2 {
font-size: 1.2rem;
}
.container {
padding: 30px 20px;
}
}
</style>
</head>
<body>
<div class="container">
<h1>Arda Management LLC</h1>
<h2>Capital, Climate, and the Future of Energy</h2>
<p>
Arda Management is an independent advisory firm focused on climate
technology, energy transition, and sustainable infrastructure.
<br />Our website is under development — more content is coming soon.
</p>
<p>Contact us:</p>
<!-- Contact Form via Formspree -->
<form action="https://formspree.io/f/xnjbqjoa" method="POST">
<input type="text" name="name" placeholder="Your Name" required>
<input type="email" name="_replyto" placeholder="Your Email" required>
<textarea name="message" rows="4" placeholder="Your Message" required></textarea>
<button type="submit">Send Message</button>
</form>
<footer>
© Arda Management LLC · All rights reserved
</footer>
</div>
</body>
</html>