Repository navigation
Expand file tree
/
Copy pathabout.html
More file actions
450 lines (422 loc) · 23.4 KB
/
Copy pathabout.html
File metadata and controls
450 lines (422 loc) · 23.4 KB
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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
<head>
<meta name="google-site-verification" content="EVGXTmXlC1WFY-uFz_MeOTSR944WC0LATHaszsey2Ws" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About | XSTEM</title>
<meta name="description" content="Learn about XSTEM's mission to empower South Brunswick High School students through entrepreneurship. Meet the XSTEM executive board, explore our MIT-based curriculum, and discover how 275+ members launch real startups.">
<meta name="keywords" content="about xstem, x-stem about, SBHS XSTEM executive board, South Brunswick XSTEM team, xstem mission, xstem leadership, SBHS XSTEM officers, South Brunswick entrepreneurship club leadership, xstem MIT curriculum, XSTEM history south brunswick, x-stem mission vision, SBHS XSTEM about, xstem student leaders, entrepreneurship education South Brunswick NJ">
<meta name="author" content="SBHS XSTEM">
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="theme-color" content="#0a0a1a">
<meta property="og:title" content="About XSTEM | Mission, Executive Board & MIT Curriculum">
<meta property="og:description" content="Meet the XSTEM executive board and learn about our MIT-based curriculum for student entrepreneurs at South Brunswick High School. 275+ members, real startup experience.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://x-stem.github.io/about.html">
<meta property="og:image" content="https://x-stem.github.io/assets/hero_bg.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="XSTEM Executive Board - South Brunswick High School">
<meta property="og:site_name" content="XSTEM">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@sbhsxstem">
<meta name="twitter:title" content="About XSTEM | Mission, Executive Board & MIT Curriculum">
<meta name="twitter:description" content="Meet the XSTEM executive board and learn about our MIT-based curriculum. 275+ members building real startups at South Brunswick High School.">
<meta name="twitter:image" content="https://x-stem.github.io/assets/hero_bg.png">
<meta name="twitter:image:alt" content="XSTEM Executive Board - SBHS Entrepreneurship Club">
<link rel="canonical" href="https://x-stem.github.io/about.html">
<link rel="icon" type="image/png" href="assets/XSTEM-Logo-White.png">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="main.js" defer></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebPage",
"@id": "https://x-stem.github.io/about.html#webpage",
"url": "https://x-stem.github.io/about.html",
"name": "About XSTEM | Mission, Executive Board & MIT Curriculum | SBHS",
"isPartOf": {"@id": "https://x-stem.github.io/#website"},
"about": {"@id": "https://x-stem.github.io/#organization"},
"description": "Learn about XSTEM's mission, executive board, and MIT-based curriculum for student entrepreneurs at South Brunswick High School.",
"breadcrumb": {
"@type": "BreadcrumbList",
"itemListElement": [
{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://x-stem.github.io/"},
{"@type": "ListItem", "position": 2, "name": "About", "item": "https://x-stem.github.io/about.html"}
]
}
}
]
}
</script>
</head>
<body>
<header>
<div class="container">
<a href="index.html" class="logo">
<img src="assets/favicon.png" alt="XSTEM Logo" class="logo-img">
<span class="logo-text">XSTEM</span>
</a>
<div class="hamburger-menu">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
<nav>
<ul>
<li><a href="index.html" class="nav-link">Home</a></li>
<li><a href="about.html" class="nav-link">About</a></li>
<li><a href="meetings.html" class="nav-link">Meetings</a></li>
<li><a href="competitions.html" class="nav-link">Competitions</a></li>
<li><a href="launchsb.html" class="nav-link">LaunchSB</a></li>
</ul>
<a href="https://classroom.google.com/c/ODg0Mzc3MTU5OTI3?cjc=nmtqmkxm" target="_blank" rel="noopener noreferrer" class="join-btn">JOIN NOW</a>
</nav>
</div>
</header>
<section class="page-banner">
<div class="page-banner-content container">
<h1 data-aos="fade-up">About XSTEM</h1>
<p data-aos="fade-up" data-aos-delay="100">Learn more about our mission and the team behind the club.</p>
</div>
</section>
<div class="overlapping-content">
<section id="about" class="about" style="padding-top: 0;">
<div class="container">
<div class="section-header" data-aos="fade-up">
<h2>What is XSTEM?</h2>
<p class="section-subtitle">Building tomorrow's entrepreneurs today.</p>
</div>
<div class="about-content">
<div class="about-text" data-aos="fade-right" data-aos-delay="100">
<p>XSTEM is a premier club where students work collaboratively to create their own startup
companies and compete to win prizes at the regional, national, and international level.</p>
<p>Through this club, students will learn a rigorous MIT-based curriculum to develop their
companies, create comprehensive business plans, and gain valuable knowledge from experienced
mentors.</p>
<div class="info-badge">
<i class="fas fa-map-marker-alt"></i>
<span>DLC (3rd Floor Annex)</span>
<i class="fas fa-clock" style="margin-left: 15px;"></i>
<span>Tuesdays until 4:00 PM</span>
</div>
<div class="about-features">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-lightbulb"></i></div>
<h3>Innovation</h3>
<p>Develop groundbreaking ideas that solve real-world problems.</p>
</div>
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-users"></i></div>
<h3>Collaboration</h3>
<p>Work in diverse teams to build strong foundations.</p>
</div>
</div>
</div>
<div class="about-image" data-aos="fade-left" data-aos-delay="200">
<img src="assets/2.png" alt="XSTEM Students collaborating">
<div class="image-caption">
<i class="fas fa-camera"></i> <span>Students at our latest event</span>
</div>
</div>
</div>
</div>
</section>
<section class="bg-light" style="padding: var(--spacing-lg) 0;">
<div class="container">
<div class="section-header" data-aos="fade-up">
<h2>Executive Board</h2>
<p class="section-subtitle">Meet the student leaders driving XSTEM forward.</p>
</div>
<h3 class="role-title" data-aos="fade-up"
style="text-align: center; margin-top: 40px; margin-bottom: 20px; color: var(--primary-color);">
Presidents</h3>
<div class="board-grid" data-aos="fade-up" data-aos-delay="100">
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Samuel Asefa</h3>
<p>President</p>
<div class="board-socials">
<a href="https://www.linkedin.com/in/samuelasefa/"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Chloe Chan</h3>
<p>President</p>
<div class="board-socials">
</div>
</div>
</div>
</div>
<h3 class="role-title" data-aos="fade-up"
style="text-align: center; margin-top: 40px; margin-bottom: 20px; color: var(--primary-color);">Vice
Presidents</h3>
<div class="board-grid" data-aos="fade-up" data-aos-delay="100">
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Syed Aayan</h3>
<p>Vice President</p>
<div class="board-socials">
</div>
</div>
</div>
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Medha Nagaraj</h3>
<p>Vice President</p>
<div class="board-socials">
<a
href="https://www.linkedin.com/in/medha-nagaraj-993187304?trk=people-guest_people_search-card"><i
class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<h3 class="role-title" data-aos="fade-up"
style="text-align: center; margin-top: 40px; margin-bottom: 20px; color: var(--primary-color);">Club
Event Coordinators</h3>
<div class="board-grid" data-aos="fade-up" data-aos-delay="100">
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Ishika Rudroju</h3>
<p>Club Event Coordinator</p>
<div class="board-socials">
<a href="https://www.linkedin.com/in/ishika-rudroju-37470530a"><i
class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Kunsh Mittal</h3>
<p>Club Event Coordinator</p>
<div class="board-socials">
<a href="https://www.linkedin.com/in/kunsh-mittal1"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Michael Kaninskiy</h3>
<p>Club Event Coordinator</p>
<div class="board-socials">
</div>
</div>
</div>
</div>
<h3 class="role-title" data-aos="fade-up"
style="text-align: center; margin-top: 40px; margin-bottom: 20px; color: var(--primary-color);">
Competitive Event Coordinators</h3>
<div class="board-grid" data-aos="fade-up" data-aos-delay="100">
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Nyasa Khandelwal</h3>
<p>Competitive Event Coordinator</p>
<div class="board-socials">
<a href="https://www.linkedin.com/in/nyasa-khandelwal-340778400"><i
class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Advay Pingle</h3>
<p>Competitive Event Coordinator</p>
<div class="board-socials">
<a href="https://www.linkedin.com/in/advay-pingle-0561833a2"><i
class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<h3 class="role-title" data-aos="fade-up"
style="text-align: center; margin-top: 40px; margin-bottom: 20px; color: var(--primary-color);">
Secretaries</h3>
<div class="board-grid" data-aos="fade-up" data-aos-delay="100">
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Gowri Swaminathan</h3>
<p>Secretary</p>
<div class="board-socials">
<a href="https://www.linkedin.com/in/gowri-swaminathan-84a6413a4"><i
class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Ruqaiyah Tohfafarosh</h3>
<p>Secretary</p>
<div class="board-socials">
</div>
</div>
</div>
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Thaman Parchoori</h3>
<p>Secretary</p>
<div class="board-socials">
</div>
</div>
</div>
</div>
<h3 class="role-title" data-aos="fade-up"
style="text-align: center; margin-top: 40px; margin-bottom: 20px; color: var(--primary-color);">
Treasurers</h3>
<div class="board-grid" data-aos="fade-up" data-aos-delay="100">
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Darin Primal</h3>
<p>Treasurer</p>
<div class="board-socials">
<a href="https://www.linkedin.com/in/darin-primal-b596373a4"><i
class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Piya Sadana</h3>
<p>Treasurer</p>
<div class="board-socials">
<a href="https://www.linkedin.com/in/piya-sadana-618350373"><i
class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<h3 class="role-title" data-aos="fade-up"
style="text-align: center; margin-top: 40px; margin-bottom: 20px; color: var(--primary-color);">
Social Media Coordinators</h3>
<div class="board-grid" data-aos="fade-up" data-aos-delay="100">
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Aamani Yelishetti</h3>
<p>Social Media Coordinator</p>
<div class="board-socials">
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="board-card">
<div class="board-img"><i class="fas fa-user-circle"></i></div>
<div class="board-info">
<h3>Anika Panchal</h3>
<p>Social Media Coordinator</p>
<div class="board-socials">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pre-footer-banner">
<div class="pre-footer-content container">
<h2 data-aos="fade-up">Ready to Compete?</h2>
<a href="competitions.html" class="pre-footer-btn" data-aos="fade-up" data-aos-delay="100">
Start Preparing Now <i class="fas fa-arrow-right"></i>
</a>
</div>
</section>
<section id="contact" class="contact-cta">
<div class="container">
<div class="cta-box" data-aos="zoom-in">
<h2>Ready to Make an Impact?</h2>
<p>Join XSTEM today and start building the future.</p>
<div class="cta-actions">
<a href="https://classroom.google.com/c/ODg0Mzc3MTU5OTI3?cjc=nmtqmkxm" target="_blank" rel="noopener noreferrer" class="cta-button primary"><i
class="fas fa-graduation-cap"></i> Join Google Classroom</a>
<a href="mailto:southbrunswickxstem@gmail.com" class="cta-button secondary"><i
class="fas fa-envelope"></i> Contact Us</a>
<a href="https://www.instagram.com/sbhsxstem/" class="cta-button secondary" target="_blank" rel="noopener noreferrer"><i
class="fab fa-instagram"></i> Follow Instagram</a>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<h3 class="logo-text" style="color:rgba(255,255,255,0.9); font-style:italic;">XSTEM</h3>
<p>SBHS XSTEM. Empowering students in innovation, leadership, and competition.</p>
<div class="social-links">
<a href="https://www.instagram.com/sbhsxstem/" class="social-link" target="_blank"><i
class="fab fa-instagram"></i></a>
<a href="#" class="social-link"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/X-STEM" class="social-link"><i class="fab fa-github"></i></a>
</div>
</div>
<div class="footer-links">
<h4>Quick Links</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="meetings.html">Meetings</a></li>
</ul>
</div>
<div class="footer-links">
<h4>Events</h4>
<ul>
<li><a href="competitions.html">Competitions</a></li>
<li><a href="launchsb.html">LaunchSB</a></li>
</ul>
</div>
<div class="footer-contact">
<h4>Contact</h4>
<ul>
<li><i class="fas fa-envelope"></i> southbrunswickxstem@gmail.com</li>
<li><i class="fas fa-map-marker-alt"></i> South Brunswick High School</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© <span id="current-year"></span> SBHS XSTEM. All Rights Reserved.</p>
</div>
</div>
</footer>
<a href="#" class="back-to-top" id="backToTop">
<i class="fas fa-arrow-up"></i>
</a>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const backToTop = document.getElementById('backToTop');
window.addEventListener('scroll', function () {
if (window.scrollY > 300) {
backToTop.classList.add('visible');
} else {
backToTop.classList.remove('visible');
}
});
});
</script>
</body>
</html>