valley-commons/sponsorships.html

139 lines
4.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="icon.svg">
<link rel="alternate icon" href="icon.svg">
<title>Sponsorships - Valley of the Commons</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet">
<style>
:root {
--color-text: #1a1a1a;
--color-text-light: #666;
--color-bg: #ffffff;
--color-accent: #000;
--color-link: #000;
--font-sans: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: var(--font-sans);
color: var(--color-text);
background: var(--color-bg);
line-height: 1.6;
font-size: 18px;
min-height: 100vh;
display: flex;
flex-direction: column;
}
.header {
background: var(--color-bg);
border-bottom: 1px solid #e5e5e5;
padding: 1rem 0;
}
.header-container {
max-width: 900px;
margin: 0 auto;
padding: 0 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.header a {
color: var(--color-link);
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.05em;
}
.header a:hover { text-decoration: underline; }
.content {
max-width: 900px;
margin: 0 auto;
padding: 4rem 2rem;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
h1 {
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 0.5rem;
}
.subtitle {
font-size: 1.2rem;
color: var(--color-text-light);
margin-bottom: 2rem;
}
.coming-soon {
font-size: 1.1rem;
color: var(--color-text-light);
max-width: 500px;
margin-bottom: 2rem;
}
.contact {
font-size: 1rem;
}
.contact a {
color: var(--color-link);
font-weight: 600;
}
.footer {
border-top: 1px solid #e5e5e5;
padding: 2rem 0;
text-align: center;
color: var(--color-text-light);
font-size: 14px;
}
.footer a {
color: var(--color-link);
text-decoration: none;
}
.footer a:hover { text-decoration: underline; }
</style>
</head>
<body>
<header class="header">
<div class="header-container">
<a href="/">Valley of the Commons</a>
<a href="/apply.html">Apply Now</a>
</div>
</header>
<div class="content">
<h1>Sponsorships</h1>
<p class="subtitle">Aug 24 Sep 20, 2026 · Höllental, Austrian Alps</p>
<p class="coming-soon">Details coming soon. We're finalizing sponsorship packages for Valley of the Commons and will share more here shortly.</p>
<p class="contact">Interested? Reach out at <a href="mailto:team@valleyofthecommons.com">team@valleyofthecommons.com</a></p>
</div>
<footer class="footer">
<p>&copy; 2026 Commons Hub · <a href="mailto:team@valleyofthecommons.com">team@valleyofthecommons.com</a> · <a href="/privacy.html">Privacy Policy</a> · <a href="/">Home</a></p>
</footer>
</body>
</html>