<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Team | Trojan Marketplace</title>
    <link rel="stylesheet" href="stylesheet.css">
</head>

<body>

<?php include 'nav.php'; ?>

<main class="wrap">

    <section class="hero">
        <h1>Meet the Team</h1>
        <p>The Trojans behind the vision — building a safer, smarter marketplace for USC students.</p>
    </section>


    <section>
        <div class="grid">


            <article class="card">
                <img src="maxine.jpeg" alt="Photo of Maxine Ivey">
                <div class="meta">
                    <p class="title">Maxine Ivey</p>
                    <p class="meet">Product Strategy &amp; UX</p>
                    <p class="meet">Co-Project Manager, PHP Coder</p>
                </div>
            </article>


            <article class="card">
                <img src="della.jpeg" alt="Photo of Della Smith">
                <div class="meta">
                    <p class="title">Della Smith</p>
                    <p class="meet">User Research &amp; Testing</p>
                    <p class="meet">Field Researcher &amp; Design Lead</p>
                </div>
            </article>


            <article class="card">
                <img src="venus_square.jpeg" alt="Photo of Venus Duran Arevalo">
                <div class="meta">
                    <p class="title">Venus Duran Arevalo</p>
                    <p class="meet">UX/UI Design &amp; Visual Direction</p>
                    <p class="meet">Co-Project Manager, PHP Coder</p>
                </div>
            </article>


            <article class="card">
                <img src="shannon.jpeg" alt="Photo of Shannon Sutiono">
                <div class="meta">
                    <p class="title">Shannon Sutiono</p>
                    <p class="meet">Front-End Development</p>
                    <p class="meet">HTML and CSS Production</p>
                </div>
            </article>


            <article class="card">
                <img src="emilie.jpeg" alt="Photo of Emilie Duran">
                <div class="meta">
                    <p class="title">Emilie Duran</p>
                    <p class="meet">Branding &amp; Messaging</p>
                    <p class="meet">CSS Production, PHP Coder</p>
                </div>
            </article>


            <article class="card">
                <img src="dylan.jpeg" alt="Photo of Dylan Reid">
                <div class="meta">
                    <p class="title">Dylan Reid</p>
                    <p class="meet">Technical Systems &amp; Data Flow</p>
                    <p class="meet">Database Administrator</p>
                </div>
            </article>

        </div>
    </section>
</main>

<footer>
    <p>© 2025 Trojan Marketplace — Built by USC Students</p>
</footer>

</body>
</html>