-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
360 lines (326 loc) · 15.4 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Akiva Jackson - Tutoring for the curious of mind</title>
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/stylish-portfolio.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<a class="menu-toggle rounded" href="#">
<i class="fas fa-bars"></i>
</a>
<nav id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<a class="js-scroll-trigger" href="#page-top">Jackson Tutoring</a>
</li>
<li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="#page-top">Home</a>
</li>
<li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="#about">About</a>
</li>
<li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="#philosophy">Philosophy</a>
</li>
<li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="#portfolio">My Experience</a>
</li>
<!-- <li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="#contact">Contact</a>
</li> -->
</ul>
</nav>
<!-- Header -->
<header class="masthead d-flex">
<div class="container text-center my-auto">
<h1 class="mb-1">Akiva Jackson</h1>
<h3 class="mb-5">
<em>Tutoring for the curious of mind</em>
</h3>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
</div>
<div class="overlay"></div>
</header>
<!-- About -->
<section class="content-section bg-light" id="about">
<div class="container text-center">
<div class="row">
<div class="col-lg-10 mx-auto">
<h2>Helping Students Become Better Thinkers</h2>
<p class="lead mb-5"><br>I'm a Princeton graduate and former English and Social Studies teacher passionate about helping students succeed in school, in a way that is both meaningful and exciting for them. <br><br>
I am a teacher at heart, having mentored and tutored students of all ages, from kindergarten to high school, PhD candidates to senior citizens. I have tutored literature workshops, trained backpacking trip leaders, led Jewish education initiatives in Berlin, and taught video game design, scriptwriting and medical ethics in public school.
<br><br>A Princeton graduate in <a Href="Https://humstudies.princeton.edu/people/akiva-Jackson/">Comparative Literature</a>, with a certificate in German Language and Culture, I took high-level coursework ranging from math-major track classes and advanced physics, to literature, philosophy, sociology, anthropology and language, and I can't wait to learn with your student.</p>
<a class="btn btn-dark btn-xl js-scroll-trigger" href="#philosophy">My Tutoring Philosophy</a>
</div>
</div>
</div>
</section>
<!-- Contact-->
<!--
<section class="contentm-section bg-primary text-white" id="contact" style="padding-top:100px"> <!- -added bg-primary text-white which made it blue with white text- ->
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Contact Me</h2>
<h3 class="section-subheading ">Shoot me an email to set up a trial session!</h3> <!- -removed text-muted from class- -> note I added spaces inside the comment here so I could comment it out
</div>
<form id="contactForm" name="sentMessage" novalidate="novalidate">
<div class="row align-items-stretch mb-5">
<div class="col-md-6">
<div class="form-group">
<input class="form-control" id="name" type="text" placeholder="Your Name *" required="required" data-validation-required-message="Please enter your name." />
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input class="form-control" id="email" type="email" placeholder="Your Email *" required="required" data-validation-required-message="Please enter your email address." />
<p class="help-block text-danger"></p>
</div>
<div class="form-group mb-md-0">
<input class="form-control" id="phone" type="tel" placeholder="Your Phone *" required="required" data-validation-required-message="Please enter your phone number." />
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group form-group-textarea mb-md-0">
<textarea class="form-control" id="message" placeholder="Your Message *" required="required" data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
</div>
<div class="text-center">
<div id="success"></div>
<button class="btn btn-primary btn-xl text-uppercase" id="sendMessageButton" type="submit">Send Message</button>
</div>
</form>
</div>
</section>
-->
<!-- Philosophy -->
<section class="content-section bg-primary text-white text-center" id="philosophy">
<div class="container">
<div class="content-section-heading">
<!-- <h3 class="text-secondary mb-0">Philosophy</h3> -->
<h2 class="mb-5">My Tutoring Philosophy</h2>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-star"></i>
</span>
<h4>
<strong>Growth Oriented</strong>
</h4>
<p class="text-faded mb-0">I believe your child can thrive academically, and I will help your child believe so as well.</p>
</div>
<div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-pencil"></i>
</span>
<h4>
<strong>Rigorous</strong>
</h4>
<p class="text-faded mb-0">Tutoring that takes ideas seriously.</p>
</div>
<div class="col-lg-3 col-md-6 mb-5 mb-md-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-lock-open"></i>
</span>
<h4>
<strong>Mind Expanding</strong>
</h4>
<p class="text-faded mb-0">Open your child to new intellectual possibilities.</p>
</div>
<div class="col-lg-3 col-md-6">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-heart"></i>
</span>
<h4>
<strong>Compassionate</strong>
</h4>
<p class="text-faded mb-0">Care comes first: I will push your child from a place of love.</p>
</div>
</div>
</div>
</section>
<!-- Portfolio -->
<section class="content-section" id="portfolio">
<div class="container">
<div class="content-section-heading text-center">
<!-- <h3 class="text-secondary mb-0">Portfolio</h3> -->
<h2 class="mb-5">My Experience</h2>
</div>
<div class="row no-gutters">
<div class="col-lg-6">
<a class="portfolio-item" href="#!">
<div class="caption">
<div class="caption-content">
<div class="h2">Boston Public Schools</div>
<p class="mb-0">I learned cutting edge pedagogical techniques in the Boston Teacher Residency, an intensive student teaching program where I taught 11th and 12th grade English and Bioethics classes at the Dearborn STEM Academy, and took graduate education courses in the evening.</p>
</div>
</div>
<img class="img-fluid" src="img/portfolio-1.jpg" alt="">
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item" href="#!">
<div class="caption">
<div class="caption-content">
<div class="h2">Princeton Humanities Sequence</div>
<p class="mb-0">I honed my tutoring skills as a head of the peer mentoring service for an intensive humanities program.</p>
</div>
</div>
<img class="img-fluid" src="img/portfolio-2.jpg" alt="">
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item" href="#!">
<div class="caption">
<div class="caption-content">
<div class="h2">Outdoor Action</div>
<p class="mb-0">As the co-chair of the largest single outdoor orientation program in the U.S., I learned what life-changing learning looks like.</p>
</div>
</div>
<!-- <img class="img-fluid" src="img/portfolio-3.jpg" alt=""> -->
<img class="img-fluid" src="img/portfolio-3a.jpg" alt="">
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item" href="#!">
<div class="caption">
<div class="caption-content">
<div class="h2">Volunteer Mentorship</div>
<p class="mb-0">From being a Big Brother to leading interfaith groups, leading two age groups at Eden Village camp or facilitating a peace program in Bethlehem, I have always been passionate about helping others achieve their potential.</p>
</div>
</div>
<img class="img-fluid" src="img/portfolio-4.jpg" alt="">
</a>
</div>
</div>
</div>
</section>
<!-- Reviews -->
<section class="content-section bg-primary text-white text-center" id="reviews">
<div class="container">
<div class="content-section-heading">
<!-- <h3 class="text-secondary mb-0">Philosophy</h3> -->
<h2 class="mb-5">Testimonials</h2>
</div>
<div class="row">
<div class="col-md-3 mb-5">
<!-- <span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-pencil"></i>
</span> -->
<h4>
<strong>Mascha M.</strong>
</h4>
<p class="text-faded mb-0">Akiva is a passionate teacher whose enthusiasm for a subject transmits to his students. He knows that learning comes with joy. </p>
</div>
<div class="col-md-6 mb-5">
<!-- <span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-star"></i>
</span> -->
<h4>
Nickolai T.
<!-- <strong>Growth Oriented</strong> -->
</h4>
<p class="text-faded mb-0">Akiva Jackson has an amazing passion for teaching, which is practically infectious; his eloquence, thoroughness and clarity of thought make the subject matter of his classes extremely accessible and interesting to all of his students, regardless of their background knowledge on the subject. His teaching style displays compassion, kindness and patience, which marks him out as the class’s favourite instructor. I couldn’t have asked for a better tutor.</p>
</div>
<div class="col-md-3">
<!-- <span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-lock-open"></i>
</span> -->
<h4>
<strong>Elisabeth L.</strong>
</h4>
<p class="text-faded mb-0">Akiva shows interest in having all of his participants understand, and adapts his knowledge to ensure they learn well.</p>
</div>
<!-- <div class="col-lg-3 col-md-6">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-heart"></i>
</span>
<h4>
<strong>Compassionate</strong>
</h4>
<p class="text-faded mb-0">Care comes first: I will push your child from a place of love.</p>
</div> -->
</div>
</div>
</section>
<!-- Callout -->
<section class="callout">
<div class="container text-center">
<h2 class="mx-auto mb-5">Set up your first session today.</h2>
<a class="btn btn-primary btn-xl" href="mailto:akivajackson@gmail.com" target="_blank">Email Me!</a>
</div>
</section>
<!-- Call to Action -->
<!--
<section class="content-section bg-primary text-white">
<div class="container text-center">
<h2 class="mb-4">Set up your first session today!</h2>
<a href="mailto:akivajackson@gmail.com" class="btn btn-xl btn-light mr-4">Email Me!</a>
-->
<!-- <a href="#!" class="btn btn-xl btn-dark">Look at Me!</a> -->
<!--
</div>
</section>
-->
<!-- Map --><!--
<div id="contact" class="map">
<iframe src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&aq=0&oq=twitter&sll=28.659344,-81.187888&sspn=0.128789,0.264187&ie=UTF8&hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&t=m&z=15&iwloc=A&output=embed"></iframe>
<br />
<small>
<a href="https://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&aq=0&oq=twitter&sll=28.659344,-81.187888&sspn=0.128789,0.264187&ie=UTF8&hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&t=m&z=15&iwloc=A"></a>
</small>
</div>
-->
<!-- Footer -->
<footer class="footer text-center">
<div class="container">
<!-- <h2 class="mb-4" href="mailto:akivajackson@gmail.com">Email me at akivajackson@gmail.com</h2> me@akivajackson.com -->
<!--
<ul class="list-inline mb-5">
<li class="list-inline-item">
<a class="social-link rounded-circle text-white mr-3" href="#!">
<i class="icon-social-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a class="social-link rounded-circle text-white mr-3" href="#!">
<i class="icon-social-twitter"></i>
</a>
</li>
<li class="list-inline-item">
<a class="social-link rounded-circle text-white" href="#!">
<i class="icon-social-github"></i>
</a>
</li>
</ul>
-->
<p class="text-muted small mb-0">Copyright © akivajackson.com 2022</p>
</div>
</footer>
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded js-scroll-trigger" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/stylish-portfolio.min.js"></script>
</body>
</html>