forked from stemchats/stemchats-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
207 lines (196 loc) · 13.5 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Bootstrap Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description"
content="A completely student-run nonprofit organization on a mission to shatter barriers in the STEM fields for underrepresented students through immersive opportunities.">
<meta name="keywords" content="stem, stemchast, stemchats, nonprofit, students, programs">
<!-- Social Media Meta Tags -->
<meta property="og:title" content="STEMchats">
<meta property="og:description" content="A completely student-run nonprofit organization on a mission to shatter barriers in the STEM fields for underrepresented students through immersive opportunities.
">
<meta property="og:image" content="general_stemchats.png">
<meta property="og:url" content="https://stemchats.org">
<meta name="twitter:title" content="STEMchats">
<meta name="twitter:description" content="A completely student-run nonprofit organization on a mission to shatter barriers in the STEM fields for underrepresented students through immersive opportunities.
">
<meta name="twitter:image" content=" general_stemchats.png">
<meta name="twitter:card" content="STEMchats">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Archivo&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/72d227a617.js" SameSite="none Secure" crossorigin="anonymous"></script>
<!-- icon -->
<link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- Website CSS -->
<link rel = "stylesheet" href = "/styles/styles.css"/>
<link rel = "stylesheet" href = "/styles/media.css"/>
<link href='https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i' rel='stylesheet'>
<title>STEMchats</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8B9CVY2J70"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8B9CVY2J70');
</script>
<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script>
$(function(){
$("#header").load("/header.html");
$("#footerHTML").load("/footer.html");
});
</script>
</head>
<body>
<section id="header">
</section>
<section id = "intro">
<div class = "container">
<div class = "row flex-column-reverse flex-md-row">
<div class = "col-lg-4 welcome-box">
<h1 class = "large-box-title">Welcome to STEMchats.</h1>
<p class = "box-description">A completely <b>student-run</b> nonprofit organization on a mission to shatter barriers in the STEM fields for <b>underrepresented students</b> through immersive opportunities.</p>
<p class = "box-description">Find out about our opportunities and ways to help our team.</p>
<button type = "button" class = "btn btn-primary" onclick = "window.location.href = '/get-involved/'">Get Involved</button>
<p id="arrow" class="center"><i class="fas fa-angle-double-down fa-2x"></i></p>
</div>
<div class = "col-lg-8 optional home-img">
<img class = "top-img" src = "/images/index_teamspirit.png" alt = "team spirit">
</div>
</div>
</div>
</section>
<!-- <section id = "upcoming">
<div class = "info-section">
<div class="container">
<div class="row center">
<h2 class="important medium-box-title"><b><em>Upcoming Event!</em></b></h2>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-lg-6">
<img src="/images/programs/initiatives_speakerseries_andrewbasilio.png" alt="">
</div>
<div class="col-lg-4">
<h2 class="medium-box-title-nocenter"><strong>Don't Miss Out...</strong></h2>
<p class = "box-description">Join us on an online Webinar featuring <b>Andrew Basilio, a PhD
student at Columbia University</b> hosted on <b>Friday, October 23rd from 5:00-6:30 PM
PDT/8:00-9:30 PM EDT on Zoom</b>.</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-10">
<p class="box-description">In this online webinar, Andrew Basilio will be presenting <b>"My Journey
Through STEM"</b> as a PhD Candidate in <b>Biomedical Engineering at Columbia University</b>. Andrew
will also highlight his work and research in the field of <b>traumatic brain injury</b>. Attendees
will be able to ask him questions in a live Q&A.</p>
<button type = "button" class = "center btn btn-primary" onclick = "window.location.href = '/programs/initiatives/'">Register Here</button>
</div>
</div>
</div>
</div>
</section> -->
<section id = "mission">
<div class = "info-section section-gray-bg">
<div class = "col-lg-6">
<h2 class = "section-title"> 🚀 Our Mission</h2>
<p class = "section-description"><em><b>Mission statement:</b> To shatter barriers in the STEM fields to inspire and empower underrepresented students.</em></p>
<p class = "section-description">STEMchats is a student-led nonprofit on a mission to shatter barriers in science, technology, engineering, & mathematics (STEM) for students like us: students who come from underrepresented backgrounds such as being first-generation, low-income, womxn, LGBTQ+, people of color (POC), attendees of underserved schools, or from other underrepresented groups.</p>
<p class = "section-description">Across our teams, our student members work to create curriculums, compile resources, foster community, and facilitate connections to provide enriching educational opportunities for underrepresented students.</p>
<p class = "section-description">In the push for educational equity, we aim to ultimately impact underrepresented students and inspire them to create even further impact in their own communities.</p>
</div>
</div>
</section>
<section id = "differences">
<div class = "info-section">
<div class = "col-lg-6">
<h2 class = "section-title">🔍 Our Differences</h2>
<ol>
<li>
<p><b>We are led by students from a variety of backgrounds.</b><br />We understand what it’s like to be students in today’s world, because we are students in today’s world! With a mix of perspectives from students all over, we’re able to create programs that are truly effective.</p>
</li>
<li>
<p><b>We take on projects that we are passionate about.</b><br />Our team thrives by listening to everyone’s ideas, whether they’re from the CEO or an intern. Anyone at any level of our team can bring up an idea and bring it to life through STEMchats, leading to amazing passion projects and initiatives.</p>
</li>
<li>
<p><b>We work to improve STEM education for today <em>and</em> tomorrow.</b><br />Moving our world toward STEM education equity takes a lot of work in both the short and long term. Through our efforts, we’re improving STEM education for today’s students and working toward a future where tomorrow’s students don’t face the same struggles.</p>
</li>
</ol>
</div>
</div>
</section>
<section id = "inside">
<div class = "info-section section-gray-bg">
<div class = "col-lg-6">
<h2 class = "section-title">🔬 Inside STEMchats</h2>
<p class = "section-description">Behind the scenes, STEMchats is made up of 10+ student-run teams across our Programming and Business-Development departments. These teams brainstorm, develop, and execute projects that ultimately impact students in and out of STEMchats - whether it’s through our publications, social media, curriculum, events, or other initiatives.</p>
<p class = "section-description">Team members also have access to personal/professional development opportunities, events to strengthen our team culture, and a community of like-minded students with passions for STEM equity.</p>
<p class = "section-description">As STEMchats grows, we will also implement a unique funneling model: students directly impacted by any of our programs will gain access to resources and training that allow them to become effective leaders on the STEMchats team. This creates a cycle of positive impact in the STEM education space and solidifies our peer-to-peer mission.</p>
</div>
</div>
</section>
<section id = "newsletter">
<div class = "container">
<div class = "row flex-md-row">
<div class = "col-lg-8 optional home-img">
<img class = "newsletter-img" src = "/images/index_wireframming.png" alt = "wireframing">
</div>
<div class = "col-lg-4 newsletter-box">
<h1 class = "large-box-title">Subscribe to STEMlights.</h1>
<p class = "box-description">Want to stay updated with STEMchats? Sign-up for our bi-weekly newsletter <b>STEMlights</b>, where we send out updates about upcoming opportunities, scientific breakthroughs, and program updates.</p>
<p class = "box-description">Click on the button below to <b>subscribe today </b> to our newsletter with your email.</p>
<button type = "button" class = "btn btn-primary" onclick = "window.location.href = 'https://confirmsubscription.com/h/t/88449A101872A7A4';">Keep Me Updated</button>
</div>
</div>
</div>
</section>
<!-- Curator.io -->
<section id="curator">
<div id="container" class="instagram-feed">
<div id="curator-feed-default-feed-layout"><a href="https://curator.io" target="_blank" class="instagram-feed-tag crt-logo crt-tag">Powered by Curator.io</a></div>
</div>
</section>
<section id="footer">
<div class = "container">
<div id="footerHTML" class = "footer text-center">
<!-- insert footer code -->
</div>
</div>
</section>
<!-- Bootstrap Javascript -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!--scripts -->
<script type="text/javascript">
/* curator-feed-default-feed-layout */
(function(){
var i, e, d = document, s = "script";i = d.createElement("script");i.async = 1;
i.src = "https://cdn.curator.io/published/5c017ce8-a237-47c5-ab0d-b9edeb732755.js";
e = d.getElementsByTagName(s)[0];e.parentNode.insertBefore(i, e);
})();
</script>
<script type="text/javascript" src="/scripts/ajax.js"></script>
</body>
</html>