<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lux et Cura Foundation</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="container">
<img src="images/logo.png" alt="Lux et Cura Foundation Logo">
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="projects.html">Projects</a>
<a href="donate.html">Donate</a>
<a href="contact.html">Contact</a>
</nav>
</div>
</header>
<main class="container">
<h1>Lux et Cura Foundation</h1>
<p>Light and Care in Service of Community</p>
<p>Lux et Cura Foundation is a San Francisco–based nonprofit dedicated to empowering community members and youth through volunteer-driven service, education, and community initiatives that promote health, happiness, and social responsibility. The Foundation fosters a sense of community by supporting direct volunteer projects, youth leadership development, and collaborative efforts that encourage individuals to be active participants in creating positive and lasting social change.</p>
<a href="projects.html" class="button">See Our Projects</a>
<a href="donate.html" class="button">Donate</a>
</main>
<footer>
<div class="container">
<p>"Light and Care in Service of Community"</p>
<p>EIN: [placeholder]</p>
<p>Lux et Cura Foundation is a 501(c)(3) nonprofit organization (pending IRS determination).</p>
</div>
</footer>
</body>
</html>