about.html

<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Stuy Prep</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
  <link rel="stylesheet" href="home.css" type="text/css">
  <link rel="shortcut icon" href="stuy-preplogo.png" type="image/png">
</head>

<body>
  <nav class="navbar sticky-top navbar-expand-lg" style="background-color: #BDEDE0">
    <div class="container-fluid">
      <a class="navbar-brand" href="https://stuyprep.github.io/index.html">
        <img src="https://creazilla-store.fra1.digitaloceanspaces.com/cliparts/12134/sleeping-owl-clipart-md.png"
          alt="logoplaceholder" width="70" height="me-auto">
      </a>

      <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar"
        aria-controls="offcanvasNavbar">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
        <div class="offcanvas-header">
          <h5 class="offcanvas-title" id="offcanvasNavbarLabel"></h5>
          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
            <li class="nav-item">
              <a class="nav-link" href="index.html">HOME</a>
            </li>
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="#">ABOUT</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="ourprogram.html">OUR PROGRAM</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="getinvolved.html" role="button" data-bs-toggle="dropdown"
                aria-expanded="false">
                GET INVOLVED
              </a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="getinvolved.html">FOR TUTORS</a></li>
                <li><a class="dropdown-item" href="getinvolved.html#schools">FOR SCHOOLS</a></li>
              </ul>
              </li>
              <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="resources.html" role="button" data-bs-toggle="dropdown"
                  aria-expanded="false">
                  RESOURCES
                </a>
                <ul class="dropdown-menu">
                  <li><a class="dropdown-item" href="resources.html">LESSONS</a></li>
                  <li><a class="dropdown-item" href="resources.html#homeworks">HOMEWORKS</a></li>
                  <li><a class="dropdown-item" href="resources.html#extra">EXTRA RESOURCES</a></li>
                </ul>
                </li>
          </ul>
        </div>
      </div>
    </div>
  </nav>
  <section class="aboutus">
    <div class="textaboutus">
    <h1>About Us</h1>
    <p>Since 2016, StuyPrep has worked with traditionally underrepresented middle school students to gain admission into NYC's specialized high schools. We have remained a quality form of supplementary education for students who may not have the financial resources to pay for SHSAT prep classes, which can be $1000+. The program promotes equity in the public education system, bridging the gap between students of different socio-economic and racial backgrounds. There is power in accessibility: the choice to attend whatever school a child dreams of, furthering their education and continued access to educational resources.
    </p>
    <p>StuyPrep is led by a group of brilliant Stuyvesant High School students motivated to continue our legacy of democratizing education, and we always look to welcome new students and tutors on our journey.</p>
  </div>
  </section>

  <section class="people">
    <h2>Meet The Executive Board</h2>
    <h3>2025-2026</h3>
    <div class="myrow">
      <div class="mycolumn1">
        <img
          src="assets/amy2.jpg"
          alt="amy" width="350" height="auto">
          <h3>Amy Shrestha</h3>
        <p>President</p>
        <p>Hi, I’m Amy! I’m a senior at Stuyvesant who’s interested in math, physics, and coding. I can be seen spending my free time working on different hobbies like reading, folding origami, solving puzzles, and more. Trying out new things and challenging myself are my two favorite things! I’m super ecstatic to be leading Stuy Prep this year!</p>
      </div>
      <div class="mycolumn2">
        <img
          src="assets/sabrina2.png"
          alt="sabrina" width="350" height="auto">
          <h3>Sabrina Gao</h3>
        <p>Vice President of Tutoring</p>
        <p>Hello! I’m Sabrina and I am a junior. There are many things I love, some of which are art, piano, STEM, and fencing. I’m excited to be able to work with so many ambitious students at Stuy Prep and see them grow!</p>
      </div>
      </div>
      <div class="myrow">
      <div class="mycolumn1">
        <img
          src="assets/dylan.png"
          alt="dylan" width="350" height="auto">
          <h3>Dylan Lonsk</h3>
        <p>Operations Director</p>
        <p>Hi! I’m Dylan and I am a junior at Stuyvesant High School. I have been tutoring with Stuy Prep in the past, and can not wait to do that again, as well as help make sure things run smoothly this year! In my free time, I love skiing, biking, cooking, and playing the cello! Looking forward to another great year of Stuy Prep!</p>
      </div>
      <div class="mycolumn2">
        <img
          src="assets/benjamin.png"
          alt="benjamin" width="350" height="auto">
          <h3>Benjamin Xie</h3>
        <p>Secretary</p>
        <p>¡Hola! Me llamo Benjamín. I’m Benjamin Xie, a sophomore at Stuyvesant High School. In addition to suffering through AP Chemistry and AP European History this year, I love tutoring and am excited for my first year at Stuy Prep. Outside of academics, I enjoy playing piano and flute.</p>
      </div>
    </div>
    <div class="myrow">
      <div class="mycolumn1">
        <img
          src="assets/grace.png"
          alt="grace" width="350" height="auto">
          <h3>Grace Yang</h3>
        <p>Web Director</p>
        <p>Hi I’m Grace, and I’m a junior at Stuyvesant interested in web development and data analytics! I enjoy listening to music and taking photos on my digital camera. I’m excited to work with Stuy Prep this year!</p>
      </div>
    <div class="mycolumn2">
      <img
        src="assets/madeleine.png"
        alt="madeleine" width="350" height="auto">
        <h3>Madeleine Villamil</h3>
      <p>Social Media Director</p>
      <p>Hey, I’m Madeleine! I’m a junior at Stuyvesant High School with a passion for biology and geography. I've been doing tutoring for a couple of years now, but I'm excited to do some behind-the-scenes work at Stuy Prep this year. In my free time, I love to skateboard, do puzzles, watch TV shows (a lot), notetake...I try to pick up a little bit of everything!</p>
    </div>
  </div>
  </div>
  </section>

  <section class="people">
    <h3>2024-2025</h3>
    <div class="myrow">
      <div class="mycolumn1">
        <img
          src="assets/mai_photo.jpg"
          alt="mai" width="350" height="auto">
          <!-- expired img link: https://scontent.fcgk30-1.fna.fbcdn.net/v/t1.30497-1/143086968_2856368904622192_1959732218791162458_n.png?_nc_cat=1&ccb=1-7&_nc_sid=7206a8&_nc_ohc=dMbNg07j_bgAX-XLf_S&_nc_ht=scontent.fcgk30-1.fna&oh=00_AfBE7uuGpJfbrMbMj5M4QNytELhqiX3JlgqzGTStA9XpTQ&oe=651A6978-->
          <h3>Mai Tran</h3>
        <p>President</p>
        <p>Hi! I’m Mai, and I’m a senior at Stuyvesant. I love all things math, chemistry, and programming, and you’ll most often find me planning my next experiment or doing problem sets. In my free time, I like running, wandering around NYC, and cooking for my family. Can’t wait to meet you all!</p>
      </div>
      <div class="mycolumn2">
        <img
          src="assets/sabrina.jpg"
          alt="sabrina" width="350" height="auto">
          <h3>Sabrina Gao</h3>
        <p>Vice President of Tutoring</p>
        <p>Hi! I'm Sabrina, a sophomore at Stuy, and I love learning! You can catch me playing the piano, drawing or wandering through the vibrant streets of NYC. I think there's something magical about getting lost in a good book during those endless summer days. I look forward to getting to know you and having a great time together!</p>
      </div>
      </div>
      <div class="myrow">
      <div class="mycolumn1">
        <img
          src="https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png"
          alt="alan" width="350" height="auto">
          <h3>Alan Chan</h3>
        <p>Vice President of Logistics</p>
        <p>Hey! I'm Alan, and I am a senior at Stuyvesant. At school, I am also involved in Science Olympiad. I enjoy biking and playing chess in my free time. Looking forward to this year of StuyPrep!</p>
      </div>
      <div class="mycolumn2">
        <img
          src="assets/talia.png"
          alt="talia" width="350" height="auto">
          <h3>Talia Arcasoy</h3>
        <p>Secretary</p>
        <p>Hey! I’m Talia, and I am currently a senior at Stuy. I am very passionate about all things humanities-related, particularly history and journalism. When I am not in the library frantically completing my homework, you can find me playing with my dog, solving word search puzzles, or practicing my driving. I can’t wait to work with Stuy Prep this year!</p>
      </div>
      <div class="mycolumn1">
        <img
          src="assets/amy.jpg"
          alt="amy" width="350" height="auto">
          <h3>Amy Shrestha</h3>
        <p>Secretary</p>
        <p>Hello, I’m Amy! I’m a junior at Stuy who’s interested in math, physics, and coding. I can be seen spending my free time working on different hobbies like drawing, reading, playing the French Horn, and more. Trying out new things and challenging myself are things that I love! I’m excited to be part of the Stuy Prep board this year!</p>
      </div>
    </div>
  </section>
  <footer>
    <div class="footcol1">
      <p>Find us on <a href="https://epsilon.stuysu.org/stuyprep" height="50" width="auto" alt="epsilonlogo">Epsilon</a>!</p>
    </div>
    <div class="footcol">
      <p>Contact Us</p>
      <a href="mailto:stuypreptutors@gmail.com">stuypreptutors@gmail.com</a>
    </div>
    <div class="footcol3">
      <img src="https://creazilla-store.fra1.digitaloceanspaces.com/cliparts/12134/sleeping-owl-clipart-md.png"
        alt="logoplaceholder" width="90" height="auto">
    </div>
  </footer>
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
    integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"
    integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD"
    crossorigin="anonymous"></script>
</body>

</html>