-
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
357 lines (326 loc) · 20.1 KB
/
index.html
File metadata and controls
357 lines (326 loc) · 20.1 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
---
layout: section
permalink: /
title: "Home"
excerpt: "The Sujeeth Foundation is dedicated to unlocking educational opportunities for students by providing mentorship, resources, and career development programs to help them secure their first job. Join us in transforming lives through education and support our mission to empower students."
---
<!-- Begin intro section -->
<section id="intro-section" style="display: flex; flex-wrap: wrap; min-height: auto; background-image: url(/img/home/students-desk.png); background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: rgba(0, 0, 0, 0.7);background-blend-mode: darken;">
<div id="intro-trigger" data-component-theme="portalThemeColor8" class="container sectionBlockLayout text-left">
<div class="row">
<div class="col-md-12 columnBlockLayout">
<h1 style="text-align: left; color: #fff;">Unlock the Opportunity of Education</h1>
<p>The Sujeeth Foundation is dedicated to helping students network into their first job through mentorship, resources, and career development programs.</p>
<div class="ppFlexContainer"><a href="https://www.gofundme.com/charity/sujeeth-foundation" rel="noopener noreferrer" class="btn btn-lg button1">Donate Now</a></div>
</div>
</div>
</div>
</section>
<!-- End intro section -->
<!-- Begin about section -->
<section id="about-section" style="display: flex; flex-wrap: wrap; min-height: auto; background-image: url(/img/home/students-desk2.png); background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: rgba(255, 255, 255, 0.7);background-blend-mode: lighten;">
<div class="container">
<div class="row sectionBlockLayout text-left">
<div class="col-md-12 columnBlockLayout">
<h2>About Us</h2>
</div>
<div class="col-md-4 columnBlockLayout" >
<div class="ppFlexContainer" style="display: flex;">
<img src="https://www.sujeeth.org/img/home/Person.png
" style="height: 50px;">
<h3 style="text-align: left; padding-left: 10px; padding-top: 10px;">Who we are</h3>
</div>
<p>The Sujeeth Foundation is a non-profit organization dedicated to unlocking the opportunity of education.</p>
</div>
<div class="col-md-4 columnBlockLayout" >
<div class="ppFlexContainer" style="display: flex;">
<img src="https://www.sujeeth.org/img/home/Bag.png
" style="height: 50px;">
<h3 style="text-align: left; padding-left: 10px; padding-top: 10px;">What We Do</h3>
</div>
<p>We help students network into their first job through a six-week mentorship program that encourages students to exercise agency in their career.</p>
</div>
<div class="col-md-4 columnBlockLayout">
<div class="ppFlexContainer" style="display: flex;">
<img src="https://www.sujeeth.org/img/home/Idea.png" style="height: 50px;">
<h3 style="text-align: left; padding-left: 10px; padding-top: 10px;">Why We Do It</h3>
</div>
<p>Academic institutions are places where experimentation thrives and opportunities to grow are abundant. We want to unlock that value for every student.</p>
</div>
</div>
</div>
</section>
<!-- End about section -->
<!-- Beginning circle section -->
<section id="circle-section" style="display: flex; flex-wrap: wrap; min-height: auto;">
<div class="container" >
<div class="row sectionBlockLayout text-left">
<div class="col-md-12 columnBlockLayout"><h2>Career Circles</h2><p>In weekly mentoring sessions, we try to help students network into their first job.</p></div>
<div class="col-md-6 columnBlockLayout"><img src="https://www.sujeeth.org/img/home/meeting.png" style="width: 100%; padding: 10px;"></div>
<div class="col-md-6 columnBlockLayout">
<div class="row sectionBlockLayout">
<div class="ppFlexContainer" style="display: flex; padding: 10px;">
<img src="https://www.sujeeth.org/img/home/chevron1.png
" style="height: 66px;">
<p style="padding-left: 10px;">
<b>Self-Assessment</b><br>Discover strengths and career interests.
</p>
</div>
</div>
<div class="row sectionBlockLayout">
<div class="ppFlexContainer" style="display: flex; padding: 10px">
<img src="https://www.sujeeth.org/img/home/chevron2.png
" style="height: 66px;">
<p style="padding-left: 10px;">
<b>Resume Building </b><br>Create compelling professional documents.
</p>
</div>
</div>
<div class="row sectionBlockLayout">
<div class="ppFlexContainer" style="display: flex; padding: 10px">
<img src="https://www.sujeeth.org/img/home/chevron3.png
" style="height: 66px;">
<p style="padding-left: 10px;">
<b>Networking</b><br>Connect with industry professionals.
</p>
</div>
</div>
<div class="row sectionBlockLayout">
<div class="ppFlexContainer" style="display: flex; padding: 10px">
<img src="https://www.sujeeth.org/img/home/chevron4.png
" style="height: 66px;">
<p style="padding-left: 10px;">
<b>Job Applications</b><br>Apply strategies for successful job hunting.
</p>
</div>
</div>
<div class="row sectionBlockLayout">
<div class="ppFlexContainer" style="display: flex; padding-left: 50px;">
<a href="/circle" rel="noopener noreferrer" class="btn btn-lg button1">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End circle section -->
<section id="cta-section">
<div class="cta">
<div class="container">
<div class="row">
<div class="col-md-6 columnBlockLayout" style="word-break: break-word; flex-grow: 1; display: flex; flex-direction: column; min-width: 300px;">
<h2>Programs Portal</h2>
<p>Career circle embeds concepts from leading thought leaders. To enrich the experience, we provide students access to a curated list of Ted Talks. In addition, we will provide the books written by these thought leaders to students for free.</p>
<p>The Programs Portal provides a vehicle for students to learn more about what we offer. Students can request books through the portal.</p>
</div>
<div class="col-md-6 columnBlockLayout" style="word-break: break-word; flex-grow: 1; display: flex; flex-direction: column; min-width: 300px;"><img src="/img/programsportaloverview.gif" style="height: 266px;" /></div>
</div> <!-- /.row -->
</div> <!-- /.container -->
</div>
</section>
<!-- End cta -->
<!-- Begin services -->
<section id="services-section" class="page text-center">
<div class="page-header-wrapper">
<div class="container">
<div class="page-header text-center wow fadeInDown animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInDown;">
<h2>Services</h2>
<div class="devider"></div>
<p class="subtitle">Equip Yourself</p>
</div>
</div>
</div>
<div class="rotate-box-2-wrapper">
<div class="container">
<div class="row">
<!--
<div class="col-md-3 col-sm-6"><a href="https://www.free-css.com/free-css-templates" class="rotate-box-2 square-icon text-center wow zoomIn animated" data-wow-delay="0" style="visibility: visible; animation-name: zoomIn;"><span class="rotate-box-icon"><i class="fa fa-mobile"></i></span>
<div class="rotate-box-info">
<h4>App Development</h4>
<p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p>
</div>
</a></div>
<div class="col-md-3 col-sm-6"><a href="https://www.free-css.com/free-css-templates" class="rotate-box-2 square-icon text-center wow zoomIn animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: zoomIn;"><span class="rotate-box-icon"><i class="fa fa-pie-chart"></i></span>
<div class="rotate-box-info">
<h4>Ui Design</h4>
<p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p>
</div>
</a></div>
-->
<div class="col-md-6 col-sm-6"><a class="rotate-box-2 square-icon text-center wow zoomIn animated" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: zoomIn;"><span class="rotate-box-icon"><i class="fa fa-pencil"></i></span>
<div class="rotate-box-info">
<h4>Books</h4>
<p>Tap into a wealth of wisdom and techniques that will empower you to overcome challenges, develop a positive mindset, and excel in teamwork.</p>
</div>
</a></div>
<div class="col-md-6 col-sm-6"><a class="rotate-box-2 square-icon text-center wow zoomIn animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: zoomIn;"><span class="rotate-box-icon"><i class="fa fa-cloud"></i></span>
<div class="rotate-box-info">
<h4>Circles</h4>
<p>Career Circles provide a supportive environment for students to network into their first job. Career mentors paired with student leaders provide guidance as students explore career options.</p>
</div>
</a></div>
</div>
</div>
<div class="container">
<div class="extra-space-l"></div>
<div class="text-center"><a class="btn btn-default btn-lg-xl" style="color: white;" href="https://portal.sujeeth.org" role="button">Launch Portal</a></div>
</div>
</div>
</section>
<!-- end services -->
<!-- Begin testimonials -->
<section id="testimonial-section">
<div id="testimonial-trigger" class="testimonial text-white parallax" data-stellar-background-ratio="0.5" style="background-image: url(img/testimonial-bg.jpg);">
<div class="cover"></div>
<!-- Begin page header-->
<div class="page-header-wrapper">
<div class="container">
<div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
<h2>Blog</h2>
<div class="devider"></div>
<p class="subtitle">Our latest posts</p>
</div>
</div>
</div>
<!-- End page header-->
<div class="container">
<div class="testimonial-inner center-block text-center">
<div id="owl-testimonial" class="owl-carousel">
{%- for post in site.posts limit:3 -%}
<div class="item">
<blockquote>
<cite title="Source Title">
<a class="post-link" href="{{ post.url | relative_url }}">
{{ post.title | escape }}
</a>
</cite>
<br/>
<p>{{ post.excerpt }}</p>
</blockquote>
</div>
{%- endfor -%}
</div>
</div>
</div>
</div>
</section>
<!-- End testimonials -->
<!-- Begin financial -->
<section id="financial-section">
<div class="cta">
<div class="container">
<div class="row">
<div class="col-md-9">
<h2>2025 Annual Report</h2>
<p>By clearly reporting on donations, grants, and programming, we hope to build trust within the community and promote governance within the organization to ensure that money we are entrusted with drives the most impact towards students.</p>
<p><b>Governance Reviews</b></p>
<p><a data-tracking-id="charity: info_extn_link" href="https://app.candid.org/profile/15027428/the-sujeeth-foundation" rel="noreferrer" target="_blank"><img alt="" class="about-section_icon__A20Dk hrt-icon hrt-icon--large" height="24" src="https://www.gofundme.com/_next/static/images/Candid-a6d900f8739ad2e2c99d9f648f93bc2f4ed219cf8825ea12f52281ec30e0b552.svg" width="24">https://app.candid.org/profile/15027428/the-sujeeth-foundation</a></p>
</div>
<div class="col-md-3">
<div class="financial-btn">
<a class="btn btn-default btn-lg" href="/report/2025AnnualReport.pdf" target="_blank" role="button">Download</a>
</div>
</div>
</div> <!-- /.row -->
</div> <!-- /.container -->
</div>
</section>
<!-- End financial -->
<!-- Begin counter up -->
<section id="counter-section">
<div id="counter-up-trigger" class="counter-up text-white parallax" data-stellar-background-ratio="0.5" style="background-image: url(img/counter-bg.jpg);">
<div class="cover"></div>
<!-- Begin page header -->
<div class="page-header-wrapper">
<div class="container">
<div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
<h2>Our Impact</h2>
<div class="devider"></div>
</div>
</div>
</div>
<!-- End page header -->
<div class="container">
<div class="row">
<div class="fact text-center col-md-3 col-sm-6">
<div class="fact-inner">
<i class="fa fa-graduation-cap fa-3x"></i>
<div class="extra-space-l"></div>
<span class="counter">410</span>
<p class="lead">Students Served</p>
</div>
</div>
<div class="fact text-center col-md-3 col-sm-6">
<div class="fact-inner">
<i class="fa fa-users fa-3x"></i>
<div class="extra-space-l"></div>
<span class="counter">72</span>
<p class="lead">Career Circles Hosted</p>
</div>
</div>
<div class="fact text-center col-md-3 col-sm-6">
<div class="fact-inner">
<i class="fa fa-book fa-3x"></i>
<div class="extra-space-l"></div>
<span class="counter">340</span>
<p class="lead">Books Shipped</p>
</div>
</div>
<div class="fact last text-center col-md-3 col-sm-6">
<div class="fact-inner">
<i class="fa fa-puzzle-piece fa-3x"></i>
<div class="extra-space-l"></div>
<span class="counter">45</span>
<p class="lead">Career Mentors</p>
</div>
</div>
</div> <!-- /.row -->
</div> <!-- /.container -->
</div>
</section>
<!-- End counter up -->
<!-- Begin donation -->
<section id="give-section">
<div class="cta">
<div class="row sectionBlockLayout">
<div class="container" style="display: flex; flex-wrap: wrap;">
<div class="col-md-12">
<h2>Support Our Mission</h2>
</div>
<div class="col-md-12 columnBlockLayout" style="padding: 5px;">
<div class="ppFlexContainer" style="display: flex; float:left;">
<div class="pyramid-top"><i class="fa fa-heart pyramid-centered" aria-hidden="true"></i></div>
</div>
<div class="ppFlexContainer" style="display: flex; float:left; text-align: center; padding-left: 25px;">
<p><b>Transform Lives</b><br>Help students achieve their career goals</p>
</div>
</div>
<div class="col-md-12 columnBlockLayout" style="padding: 5px;">
<div class="ppFlexContainer" style="display: flex; float:left;">
<div class="pyramid-middle"><i class="fa fa-usd pyramid-centered" aria-hidden="true"></i>
</div>
</div>
<div class="ppFlexContainer" style="display: flex; float:left; text-align: center; padding-left: 35px;">
<p><b>Provide Resources</b><br>Fund books and educational materials</p>
</div>
</div>
<div class="col-md-12 columnBlockLayout" style="padding: 5px;">
<div class="ppFlexContainer" style="display: flex; float:left;">
<div class="pyramid-bottom"><i class="fa fa-user-plus pyramid-centered" aria-hidden="true"></i>
</div>
</div>
<div class="ppFlexContainer" style="display: flex; float:left; text-align: center; padding-left: 20px;">
<p><b>Enable Mentorship</b><br>Volunteer in our Career Circles Program</p>
</div>
</div>
<div class="col-md-12 columnBlockLayout" style="padding: 5px;">
<p>Your gift of $10/month helps put a student through the Sujeeth Foundation Career Program. Together we can help students unlock opportunity through education.</p>
<div class="give-btn">
<a class="btn btn-default btn-lg" href="https://www.gofundme.com/sujeethorg2025" target="_blank" role="button">Donate Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End donation -->