-
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpartner.html
More file actions
277 lines (268 loc) · 13.8 KB
/
partner.html
File metadata and controls
277 lines (268 loc) · 13.8 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
---
layout: section
permalink: /partner
title: Partner
excerpt: Let's get every student in a Career Circle. Career Circles increase confidence and increase use of existing Unversity resources. Free for up to 150 students.
skip: true
---
<!-- introduction -->
<section id="intro-section" style="display: flex; flex-wrap: wrap; min-height: auto; background-image: url(/img/partner/partner-quad.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;">Empowering Students for Career Success</h1>
<p>Our mission is to solve underemployment for recent college graduates through mentorship and career development. Join us in building connections that activate students' agency in their career journey.
</p>
<div class="ppFlexContainer">
<a href="/joinpartner.html" rel="noopener noreferrer" class="btn btn-lg button1">Partner With Us</a>
</div>
</div>
</div>
</div>
</section>
<!-- end introduction -->
<!-- Define Problem -->
<section id="problem-section" style="display: flex; flex-wrap: wrap; min-height: auto;">
<div class="container" style="padding: 0px">
<div class="row sectionBlockLayout text-left">
<div class="col-md-6 columnBlockLayout hide-mobile"><img src="/img/partner/partner-worried.png" style="width: 100%; padding: 10px;"></div>
<div class="col-md-6 columnBlockLayout">
<div class="row sectionBlockLayout" style="padding-bottom: 20px;">
<div><h2>The Higher Education Challenge</h2></div>
<div class="sujflex" style="display: flex;">
<div class="col-md-3 columnBlockLayout" style="flex:1; background-color: #f2eeee; margin: 10px; text-align: center;">
<h3 style="padding-top: 10px;">80%<br/>Earnings Increase
</h3>
<p>Bachelor's degree holders earn more than high school graduates
</p>
</div>
<div class="col-md-3 columnBlockLayout" style="flex:1; background-color: #f2eeee; margin: 10px; text-align: center;">
<h3 style="padding-top: 10px;">$37K<br/>Student Loan Debt</h3>
<p>Average debt per borrower
</p>
</div>
</div>
<div class="sujflex" style="display: flex;">
<div class="col-md-3 columnBlockLayout" style="flex:1; background-color: #f2eeee; margin: 10px; text-align: center;">
<h3 style="padding-top: 10px;">50%<br/>Underemployed
</h3>
<p>Graduates working in roles not requiring their degree
</p>
</div>
<div class="col-md-3 columnBlockLayout" style="flex:1; background-color: #f2eeee; margin: 10px; text-align: center;">
<h3 style="padding-top: 10px;">$27,940<br/>Annual Cost</h3>
<p>Average annual cost for public in-state college education
</p>
</div>
</div>
<div>
<a href="/whitepaper/Unlocking-the-Value-of-Education.pdf" rel="noopener noreferrer" class="btn btn-lg button1">Download Whitepaper</a>
</div>
</div>
</div>
</div>
</section>
<!-- End Problem -->
<!-- Career Circle Approach-->
<section id="circle-section" style="display: flex; flex-wrap: wrap; min-height: auto; background-color: #E04F00">
<div class="container" style="padding-top: 50px; padding-bottom: 50px; background-color: #fff;">
<div class="row sectionBlockLayout text-left">
<div class="col-md-12 columnBlockLayout">
<h2>The Career Circle Approach</h2>
</div>
<div class="col-md-4 columnBlockLayout">
<div class="ppFlexContainer" style="display: flex;">
<i class="fa fa-users fa-3x" aria-hidden="true"></i>
<h3 style="text-align: left; padding-left: 10px; padding-top: 10px;">Six-Week Mentorship</h3>
</div>
<p style="padding-left: 55px;">We pair mentors with groups of six students in career circles, creating a supportive environment for career exploration.
</p>
</div>
<div class="col-md-4 columnBlockLayout">
<div class="ppFlexContainer" style="display: flex;">
<i class="fa fa-lightbulb-o fa-3x" aria-hidden="true"></i>
<h3 style="text-align: left; padding-left: 10px; padding-top: 10px;">Student Agency</h3>
</div>
<p style="padding-left: 55px;">Our program encourages students to take ownership of their career paths through guided exploration and skill development.
</p>
</div>
<div class="col-md-4 columnBlockLayout">
<div class="ppFlexContainer" style="display: flex;">
<i class="fa fa-graduation-cap fa-3x" aria-hidden="true"></i>
<h3 style="text-align: left; padding-left: 10px; padding-top: 10px;">Institutional Partnership</h3>
</div>
<p style="padding-left: 55px;">We work with educational institutions to build structure, recruit volunteers, and fund circles that can scale from one class to the entire school.
</p>
</div>
</div>
<div class="col-md-12 columnBlockLayout">
<a href="https://topics.sujeeth.org" rel="noopener noreferrer" class="btn btn-lg button1">Learn More</a>
</div>
</div>
</section>
<!-- End Circle -->
<!-- Onboarding Process-->
<section id="onboarding-section" style="display: flex; flex-wrap: wrap; min-height: auto; background-color: #fff">
<div class="container">
<div class="row sectionBlockLayout text-left">
<div class="col-md-12 columnBlockLayout" style="padding: 10px;">
<h2>Forming Career Circles</h2>
</div>
<div class="col-md-4 columnBlockLayout" style="padding-top: 10%;">
<div><hr style="border-top:10px solid #E04F00; width: 100%"></div>
<div class="ppFlexContainer" style="display: flex;">
<h3 style="text-align: left; padding-top: 10px;">Create Student Groups</h3>
</div>
<p>Partner institutions form career circles of six students each, providing a collaborative learning environment.
</p>
</div>
<div class="col-md-4 columnBlockLayout" style="padding-top: 5%">
<div><hr style="border-top:10px solid #E04F00; width: 100%"></div>
<div class="ppFlexContainer" style="display: flex;">
<h3 style="text-align: left; padding-top: 10px;">Establish Meeting Times</h3>
</div>
<p>Each circle determines a weekly meeting schedule that accommodates both students and mentors.
</p>
</div>
<div class="col-md-4 columnBlockLayout">
<div><hr style="border-top:10px solid #E04F00; width: 100%"></div>
<div class="ppFlexContainer" style="display: flex;">
<h3 style="text-align: left; padding-top: 10px;">Introduce Mentors</h3>
</div>
<p>Student meet with mentors who will facilitate weekly sessions.
</p>
</div>
<div class="col-md-12 columnBlockLayout" style="padding: 5px;">
</div>
</div>
</div>
</section>
<!-- End Onboarding-->
<!-- 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>Feedback</h2>
<div class="devider"></div>
<p class="subtitle">What Students are Saying</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.feedbacks limit:10 -%}
<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 -->
<!-- Impact -->
<section id="impact-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>Our Impact on Career Satisfaction
</h2></div>
<div class="col-md-6 columnBlockLayout"><img src="/img/partner/partner-impact.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>Educational Foundation</b><br>Maximizing the return on educational investment
</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>Mentorship Support</b><br>Providing guidance through the job application process
</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>Career Alignment</b><br>Connecting education to appropriate employment opportunities
</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>Workplace Enthusiasm</b><br>Building genuine engagement in professional environments
</p>
</div>
</div>
<a href="/joinpartner.html" rel="noopener noreferrer" class="btn btn-lg button1">Partner With Us</a>
</div>
</div>
</div>
</section>
<!-- End Impact-->
<!-- Mission -->
<section id="mission-section" style="display: flex; flex-wrap: wrap; min-height: auto; background-color: #fff">
<div class="container">
<div class="row sectionBlockLayout text-left">
<div class="col-md-12 columnBlockLayout" style="padding: 10px;">
<h2>Join Our Mission</h2>
</div>
<div class="row sujflex" style="display: flex;">
<div class="col-md-4 columnBlockLayout" style="flex:1; background-color: #f2eeee; margin: 10px">
<div class="ppFlexContainer" style="display: flex;">
<h3 style="text-align: left; padding-top: 10px;">For Students
</h3>
</div>
<p>Gain valuable mentorship and career guidance to prepare for professional success after graduation.
</p>
</div>
<div class="col-md-4 columnBlockLayout" style="flex:1; background-color: #f2eeee; margin: 10px">
<div class="ppFlexContainer" style="display: flex;">
<h3 style="text-align: left; padding-top: 10px;">For Mentors</h3>
</div>
<p>Share your expertise and make a meaningful impact on the next generation of professionals.
</p>
</div>
<div class="col-md-4 columnBlockLayout" style="flex:1; background-color: #f2eeee; margin: 10px">
<div class="ppFlexContainer" style="display: flex;">
<h3 style="text-align: left; padding-top: 10px;">For Institutions
</h3>
</div>
<p>Partner with us to enhance your career services and improve graduate employment outcomes.
</p>
</div>
</div>
<div class="col-md-12 columnBlockLayout" style="padding: 5px;">
<p>
The Sujeeth Foundation's Career Circle Program addresses underemployment by providing structured guidance throughout the job search process.
</p>
</div>
</div>
</div>
</section>
<!-- End Mission -->