stuyprep.github.io/ourprogram.html at main · stuyprep/stuyprep.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<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="stuypreplogo.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" href="about.html">ABOUT</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="#">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="ourprogram">
      <div class="textourprogram">
        <h1>Our Free SHSAT Prep Program</h1>
        <p>Our 6-week SHSAT Prep program runs twice a year, once during the fall and another during the spring, at absolutely no cost to the student. All you need is a laptop
          with internet access.
          Now in our 10th year of operation, the program is led and run by students from Stuyvesant High School with
          extensive experience in tutoring.
        </p>
      </div>
    </section>
    <section class="details">
      <div class="textdetails">
        <h2>Program Details</h2>
        <ul>
          <li>For our Spring 2026 session, classes are held Saturdays and Sundays from March 21 - April 26.</li>
          <li>You can sign up for one of the two days we offer: 12:45pm - 2:15pm on Saturdays or 10:30am - 12:00pm on Sundays.</li>
          <li>We are proudly partnered with NYC public middle schools to provide tutoring.</li>
        </ul>
        <!-- <ul>
          <li>For our Spring 2025 session, classes are held Saturdays and Sundays from April 6 - May 11.</li>
          <li>You can sign up for one of the two days we offer: 1:00pm - 2:30pm on Saturdays or 4:00pm - 5:30pm on Sundays.</li>
          <li>We are proudly partnered with NYC public middle schools to provide tutoring.</li>
          </ul> -->
        <h3>Class Structure and Content</h3>
        <p>We will cover all topics in ELA and Math needed in preparation for the SHSAT. The program may also serve as
          enrichment for classroom learning.
        </p>
        <ul>
          <li>Each class consists of two 40-minute sessions on Zoom, with a 10-minute break in between. In the first Zoom meeting, we will go over the concepts in both ELA and Math. In the second meeting, tutees will be divided into breakout rooms, and tutors will go over
            content as well as SHSAT practice problems in small groups (3 - 4 students), answering any questions that students may have.
          </li>
          <li>Light homework will be given after every lesson on Google Classroom to consolidate knowledge. Tutors will grade homework and provide feedback / suggestions to help students understand the questions.</li>
          <li>Tutors are available to help with any difficulty, and can be contacted through Google Classroom or Discord.</li>
          <li>Extra revision packets and enrichment materials will be posted for extra practice and information at the end of the sessions.</li>
        </ul>
        <div class="images">
          <img src="assets/class.png" alt="class" width="400" height="auto">
          <img src="assets/class2.png" alt="class2" width="400" height="auto">
        </div>
      </div>
    </section>
    <section class="bigpartners">
      <div class="partners">
        <h2>Our Partners</h2>
        <div class="schools">
          <div id="carouselExampleIndicators" class="carousel slide">
            <div class="carousel-indicators">
              <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
                aria-current="true" aria-label="Slide 1"></button>
              <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
                aria-label="Slide 2"></button>
              <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
                aria-label="Slide 3"></button>
            </div>
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img src="assets/boysprep-removebg-preview.png" class="d-block w-100" alt="Boys Prep">
              </div>
              <div class="carousel-item">
                <img src="assets/girlsprepremovebg.png" class="d-block w-100" alt="Girls Prep">
              </div>
              <div class="carousel-item">
                <img src="assets/dockst-removebg-preview.png" class="d-block w-100" width="600" height="auto" alt="Dock Street">
              </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
              data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
              data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
            </button>
          </div>
        </div>
      </div>
    </section>
    <!-- <section class="testimonials">
      <h2>Testimonials</h2>
      <p>Testimonials go here</p>
      </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="footcol1">
        <p>Check our our <a href="https://linktr.ee/stuyprep" height="50" width="auto" alt="epsilonlogo">Linktree</a>!</p>
      </div>
      </div>
      <div class="footcol">
        <p>Contact Us</p>
        <a href="mailto:stuypreptutors@gmail.com">stuypreptutors@gmail.com</a>
      </div>
      <div class="footer-item">
        <img src="stuypreplogo.png"
          alt="logo" width="90">
      </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>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js">
      const myCarouselElement = document.querySelector('#carouselExampleIndicators')
      const carousel = new bootstrap.Carousel(myCarouselElement, {
        touch: true
      })
    </script>
  </body>
</html>