index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#16161d">
  <meta name="description" content="The Computer Science Club at San Diego Miramar College. Meet students, build projects, and learn together.">
  <title>SDCS Club | Computer Science at San Diego Miramar College</title>
  <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
  <link rel="stylesheet" href="assets/styles.css">
</head>
<body>
  <a class="skip-link" href="#main">Skip to content</a>
  <header class="site-header">
    <div class="container header-inner">
      <a class="brand" href="#top" aria-label="SDCS Club, back to top"><img src="assets/logo.svg" width="131" height="41" alt="SDCS"></a>
      <nav aria-label="Main navigation">
        <a href="#about">About</a>
        <a href="#activities">What we do</a>
        <a href="#meetings">Meetings</a>
        <a href="#people">People</a>
        <a class="nav-join" href="#join">Join the club <span aria-hidden="true">↗</span></a>
      </nav>
    </div>
  </header>

  <main id="main">
    <section class="hero" id="top" aria-labelledby="hero-title">
      <div class="container hero-inner">
        <p class="eyebrow">SAN DIEGO MIRAMAR COLLEGE / COMPUTER SCIENCE CLUB</p>
        <h1 id="hero-title">Find your people.<br><span>Build what’s next.</span></h1>
        <div class="hero-actions">
          <a class="button button-primary" href="https://discord.sdcs.club/">Join the Discord <span aria-hidden="true">↗</span></a>
          <a class="button button-text" href="#about">Explore the club <span aria-hidden="true">↓</span></a>
        </div>
        <div class="hero-meeting"><span class="hero-meeting-label">REGULAR MEETINGS</span><strong>2nd &amp; 4th Fridays</strong><span>12:30–1:30 p.m. · M-102</span><a href="#meetings">Details <span aria-hidden="true">↗</span></a></div>
      </div>
    </section>

    <section class="section intro" id="about" aria-labelledby="about-title">
      <div class="container intro-grid">
        <div><p class="section-kicker">01 / ABOUT THE CLUB</p><h2 id="about-title">You belong<br>in the room.</h2></div>
        <div class="intro-copy"><p>Our purpose is to enrich the computer science culture at Miramar College and other San Diego Community College District campuses. We bring students together to learn, create, and connect with the wider community.</p><p>Whether you’re writing your first program or building your next project, you can share ideas, find help with coursework, and learn alongside other students.</p></div>
      </div>
    </section>

    <section class="section activities" id="activities" aria-labelledby="activities-title">
      <div class="container">
        <div class="section-heading"><div><p class="section-kicker">02 / WHAT WE DO</p><h2 id="activities-title">Learn. Make. Connect.</h2></div><p>There’s more than one way to take part.</p></div>
        <div class="activity-grid">
          <article class="activity-card"><span class="card-index">01</span><div class="card-icon" aria-hidden="true">{ }</div><h3>Team projects</h3><p>Practice coding with others on real projects that benefit the community.</p></article>
          <article class="activity-card"><span class="card-index">02</span><div class="card-icon" aria-hidden="true">&lt; / &gt;</div><h3>Showcase & events</h3><p>Share student programs and host or join interactive computer science events.</p></article>
          <article class="activity-card"><span class="card-index">03</span><div class="card-icon" aria-hidden="true">#</div><h3>Learning support</h3><p>Help one another with computer science coursework and explore new topics together.</p></article>
          <article class="activity-card"><span class="card-index">04</span><div class="card-icon" aria-hidden="true">↗</div><h3>Speakers & careers</h3><p>Hear from public speakers, build industry connections, and make real-world contacts.</p></article>
          <article class="activity-card"><span class="card-index">05</span><div class="card-icon" aria-hidden="true">+</div><h3>Community</h3><p>Meet people with similar interests across Miramar and the wider SDCCD community.</p></article>
          <article class="activity-card"><span class="card-index">06</span><div class="card-icon" aria-hidden="true">$</div><h3>Fundraising</h3><p>Support the computer science events and projects the club wants to make possible.</p></article>
        </div>
      </div>
    </section>

    <section class="section meetings" id="meetings" aria-labelledby="meetings-title">
      <div class="container meetings-grid">
        <div><p class="section-kicker">03 / MEETINGS</p><h2 id="meetings-title">Show up.<br>Jump in.</h2><p>New to the club? You’re welcome here. No portfolio, prerequisites, or prior club experience needed.</p></div>
        <div class="meeting-card"><span class="meeting-label">REGULAR MEETINGS</span><h3>2nd &amp; 4th Friday</h3><p><strong>12:30–1:30 p.m.</strong><br>Room M-102 · San Diego Miramar College</p><div class="meeting-note"><span aria-hidden="true">↗</span><span>All interested students are welcome</span></div><div class="meeting-resources"><a class="meeting-resource" href="https://agenda.sdcs.club/">Agendas &amp; minutes <span aria-hidden="true">↗</span></a><a class="meeting-resource" href="https://slides.sdcs.club/">Meeting slides <span aria-hidden="true">↗</span></a></div></div>
      </div>
    </section>

    <section class="section people" id="people" aria-labelledby="people-title">
      <div class="container">
        <div class="section-heading"><div><p class="section-kicker">04 / CLUB LEADERSHIP</p><h2 id="people-title">Meet the team.</h2></div><p>Students and an advisor supporting the club.</p></div>
        <div class="people-grid">
          <div><span>President</span><strong>Liam Dorsey</strong></div>
          <div><span>Vice President & Treasurer</span><strong>Aadarsh Devi</strong></div>
          <div><span>Secretary</span><strong>Siva Bulusu</strong></div>
          <div><span>Faculty advisor</span><strong>Andrew Huang</strong></div>
        </div>
      </div>
    </section>

    <section class="section join" id="join" aria-labelledby="join-title">
      <div class="container join-inner"><div><p class="section-kicker">05 / GET INVOLVED</p><h2 id="join-title">Let’s make<br>something happen<span>.</span></h2></div><div class="join-copy"><p>Membership is open to interested Miramar College students, regardless of background or identity. The club constitution defines active membership for students enrolled in at least one Miramar unit.</p><p>Come to a meeting, bring an idea, or just listen in. Join the club Discord server to connect with other members. For club questions, tag faculty advisor <span class="discord-tag">@ahuang</span> in the server.</p><div class="social-actions"><a class="button button-light" href="https://discord.sdcs.club/">Join the Discord <span aria-hidden="true">↗</span></a><a class="button button-instagram" href="https://www.instagram.com/sdcs.club/" target="_blank" rel="noopener noreferrer">Follow on Instagram <span aria-hidden="true">↗</span></a></div></div></div>
    </section>
  </main>
  <footer class="site-footer"><div class="container footer-inner"><a class="brand" href="#top" aria-label="SDCS Club, back to top"><img src="assets/logo.svg" width="131" height="41" alt="SDCS"></a><p>Computer Science Club · San Diego Miramar College</p><div class="footer-links"><a href="https://www.instagram.com/sdcs.club/" target="_blank" rel="noopener noreferrer">Instagram ↗</a><a href="#top">Back to top ↑</a></div></div><div class="container footer-note">Student club website. This site is not an official college publication.</div></footer>
</body>
</html>