<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GreenFuture | About</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="logo">🌱 GreenFuture</div>
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="about.html" class="active">About</a></li>
                <li><a href="involve.html">Get Involved</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section class="about-hero">
            <h1>Who we are</h1>
            <p>Founded in 2020, GreenFuture is a grassroots movement of volunteers, educators, and environmental advocates.</p>
        </section>

        <section class="mission">
            <h2>Our Mission</h2>
            <p>To empower local communities to adopt sustainable practices through accessible education, hands-on projects, and policy advocacy. We believe that small actions, multiplied by millions, can reverse climate damage.</p>
        </section>

        <section class="team-grid">
            <div class="team-card">
                <h3>Dr. Maya Chen</h3>
                <p>Founder & Ecologist</p>
            </div>
            <div class="team-card">
                <h3>James Okonkwo</h3>
                <p>Community Director</p>
            </div>
            <div class="team-card">
                <h3>Elena Rossi</h3>
                <p>Youth Programs Lead</p>
            </div>
        </section>
    </main>

    <footer>
        <p>&copy; 2026 GreenFuture Initiative. All rights reserved.</p>
    </footer>
</body>
</html>