-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
701 lines (642 loc) · 31.6 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
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
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<title>ITHUTENG TUTORING PROGRAM</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- ** Plugins Needed for the Project ** -->
<!-- Bootstrap -->
<link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
<!-- slick slider -->
<link rel="stylesheet" href="plugins/slick/slick.css">
<!-- themefy-icon -->
<link rel="stylesheet" href="plugins/themify-icons/themify-icons.css">
<!-- animation css -->
<link rel="stylesheet" href="plugins/animate/animate.css">
<!-- aos -->
<link rel="stylesheet" href="plugins/aos/aos.css">
<!-- venobox popup -->
<link rel="stylesheet" href="plugins/venobox/venobox.css">
<!-- Main Stylesheet -->
<link href="scss/style.css" rel="stylesheet">
<!--Favicon-->
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
</head>
<body>
<!-- preloader start -->
<div class="preloader">
<img src="images/preloader.gif" alt="preloader" width="500">
</div>
<!-- preloader end -->
<!-- header -->
<header class="fixed-top header">
<!-- top header -->
<div class="top-header py-2 bg-white">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 text-center text-lg-left">
<a class="text-color mr-3" href="callto:+27 69 679 6389"><strong>CALL</strong> +27 69 679 6389</a>
<a class="text-color mr-3" href="mailto:info@ithutengtutoring.co.za"><strong>Email</strong>
info@ithutengtutoringprogram.co.za</a>
<ul class="list-inline d-inline">
<li class="list-inline-item mx-0"><a class="d-inline-block p-2 text-color"
href="https://www.facebook.com/Ithuteng.tutoring/?ref=pages_you_manage" target="_blank"
rel="noopener"><i class="ti-facebook"></i></a></li>
<!-- <li class="list-inline-item mx-0"><a class="d-inline-block p-2 text-color" href="#"><i class="ti-twitter-alt"></i></a></li> -->
<!-- <li class="list-inline-item mx-0"><a class="d-inline-block p-2 text-color" href="#"><i class="ti-linkedin"></i></a></li> -->
<li class="list-inline-item mx-0"><a class="d-inline-block p-2 text-color"
href="https://www.instagram.com/ithuteng_tutoring/" target="_blank" rel="noopener"><i
class="ti-instagram"></i></a></li>
</ul>
</div>
<div class="col-lg-6 text-center text-lg-right">
<ul class="list-inline">
<li class="list-inline-item"><a class="text-uppercase text-color p-sm-2 py-2 px-0 d-inline-block"
href="notice.html">notice</a></li>
<li class="list-inline-item"><a class="text-uppercase text-color p-sm-2 py-2 px-0 d-inline-block"
href="research.html">research</a></li>
<li class="list-inline-item"><a class="text-uppercase text-color p-sm-2 py-2 px-0 d-inline-block"
href="scholarship.html">SCHOLARSHIP</a></li>
<!-- <li class="list-inline-item"><a class="text-uppercase text-color p-sm-2 py-2 px-0 d-inline-block"
href="#" data-toggle="modal" data-target="#loginModal">login</a></li> -->
<li class="list-inline-item"><a class="text-uppercase text-color p-sm-2 py-2 px-0 d-inline-block" href="#"
data-toggle="modal" data-target="#signupModal">apply</a></li>
</ul>
</div>
</div>
</div>
</div>
<hr class="horizontal">
<!-- navbar -->
<div class="navigation w-100">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark p-0">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo" width="200px" /></a>
<button class="navbar-toggler bg-dark rounded-1 " type="button" data-toggle="collapse"
data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto text-center">
<li class="nav-item active">
<a class="nav-link" href="index.html">HOME</a>
</li>
<li class="nav-item @@about">
<a class="nav-link" href="about.html">ABOUT</a>
</li>
<li class="nav-item @@events">
<a class="nav-link" href="events.html">EVENTS</a>
</li>
<li class="nav-item @@contact">
<a class="nav-link" href="contact.html">CONTACT</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!-- /header -->
<!-- Modal -->
<div class="modal fade" id="signupModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content rounded-0 border-0 p-4">
<div class="modal-header border-0">
<h3>apply</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="login">
<iframe frameborder="0" style="height:500px;width:99%;border:none;"
src='https://forms.zohopublic.com/ithutengtutoring/form/ApplicationForm2024/formperma/umKREUdEujy0fqrVPSm2TQYeW2KR9K2q_QXD6JPBD78'></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
<!-- hero slider -->
<section class="hero-section overlay bg-cover slide" data-background="images/students/ITPst.webp">
<div class="container">
<div class="hero-slider">
<!-- slider item -->
<div class="hero-slider-item">
<div class="row">
<div class="col-md-8">
<h1 class="text-white" data-animation-out="fadeOutRight" data-delay-out="5" data-duration-in=".3"
data-animation-in="fadeInLeft" data-delay-in=".1">Your bright future is our mission</h1>
<p class="text-muted mb-4" data-animation-out="fadeOutRight" data-delay-out="5" data-duration-in=".3"
data-animation-in="fadeInLeft" data-delay-in=".4">By addressing the different interests of students,
we enhance and improve student engagement.As they have a level of choice in the learning path they
take, this sense of ownership will propel students to become invested in their learning journey.
</p>
<a href="#" data-toggle="modal" data-target="#signupModal" class="btn btn-primary"
data-animation-out="fadeOutRight" data-delay-out="5" data-duration-in=".3"
data-animation-in="fadeInLeft" data-delay-in=".7">Apply now</a>
</div>
</div>
</div>
<!-- slider item -->
<div class="hero-slider-item">
<div class="row">
<div class="col-md-8">
<h1 class="text-white" data-animation-out="fadeOutUp" data-delay-out="5" data-duration-in=".3"
data-animation-in="fadeInDown" data-delay-in=".1">Customized Learning And Holistic Approach</h1>
<p class="text-muted mb-4" data-animation-out="fadeOutUp" data-delay-out="5" data-duration-in=".3"
data-animation-in="fadeInDown" data-delay-in=".4">We seek to address the emotional, social, ethical,
and academic needs of students in an integrated learning format</p>
<a href="#" data-toggle="modal" data-target="#signupModal" class="btn btn-primary"
data-animation-out="fadeOutRight" data-delay-out="5" data-duration-in=".3"
data-animation-in="fadeInLeft" data-delay-in=".7">Apply now</a>
</div>
</div>
</div>
<!-- slider item -->
<div class="hero-slider-item">
<div class="row">
<div class="col-md-8">
<h1 class="text-white" data-animation-out="fadeOutDown" data-delay-out="5" data-duration-in=".3"
data-animation-in="fadeInUp" data-delay-in=".1">High Quality At Affordable Prices</h1>
<p class="text-muted mb-4" data-animation-out="fadeOutDown" data-delay-out="5" data-duration-in=".3"
data-animation-in="fadeInUp" data-delay-in=".4">With our affordable prices we charge as little as R150
per month. Who can beat that 😎😎😎</p>
<a href="#" data-toggle="modal" data-target="#signupModal" class="btn btn-primary"
data-animation-out="fadeOutRight" data-delay-out="5" data-duration-in=".3"
data-animation-in="fadeInLeft" data-delay-in=".7">Apply now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /hero slider -->
<!-- about us -->
<section class="section">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 order-2 order-md-1">
<h2 class="section-title">About ITP</h2>
<p>ITP is a team of young passionate, dedicated, hardworking, and reliable tutors who place learning above
everything else. The program was founded in 2019 as response to the need for traditional and
non-traditional learning that promotes self-discovery, knowledge construction, group-based discussions,
transformation and independent learning, which is beneficial to learners who want to exercise their
flexibility and options on what to learn. </p>
<a href="about.html" class="btn btn-primary-outline">Learn more</a>
</div>
<div class="col-md-6 order-1 order-md-2 mb-4 mb-md-0">
<img loading="lazy" class="img-fluid w-100" src="images/students/students.gif" alt="about image">
</div>
</div>
</div>
</section>
<!-- /about us -->
<!-- banner-feature -->
<section class="bg-gray overflow-md-hidden">
<div class="container-fluid p-0">
<div class="row no-gutters">
<div class="col-xl-4 col-lg-5 align-self-end">
<img loading="lazy" class="img-fluid w-100 p-0 m-0" src="images/students/nhluvuko.webp" alt="banner-feature">
</div>
<div class="col-xl-8 col-lg-7">
<div class="row feature-blocks bg-gray justify-content-between">
<div class="col-sm-6 col-xl-5 mb-xl-5 mb-lg-3 mb-4 text-center text-sm-left">
<i class="ti-book mb-xl-4 mb-lg-3 mb-4 feature-icon"></i>
<h3 class="mb-xl-4 mb-lg-3 mb-4">Scholorship News</h3>
<p>ITP is currently not offering scholarships, but we are always looking for opportunites to fund the
tution of students in need</p>
</div>
<div class="col-sm-6 col-xl-5 mb-xl-5 mb-lg-3 mb-4 text-center text-sm-left">
<i class="ti-blackboard mb-xl-4 mb-lg-3 mb-4 feature-icon"></i>
<h3 class="mb-xl-4 mb-lg-3 mb-4">Our Notice Board</h3>
<p>We are excited to announce that we will be hosting free classes for students in grades 10, 11, and 12
on June 22, June 23, June 29, and June 30. Don't miss this opportunity to enhance your learning and
prepare for the upcoming academic year.</p>
</div>
<div class="col-sm-6 col-xl-5 mb-xl-5 mb-lg-3 mb-4 text-center text-sm-left">
<i class="ti-agenda mb-xl-4 mb-lg-3 mb-4 feature-icon"></i>
<h3 class="mb-xl-4 mb-lg-3 mb-4">Important Dates</h3>
<p>25<sup>th</sup> November - Closing Day </p>
<p>22<sup>nd</sup> June - Free Classes </p>
<p>23<sup>rd</sup> June - Free Classes </p>
<p>29<sup>th</sup> June - Free Classes </p>
<p>30<sup>th</sup> June - Free Classes </p>
</div>
<div class="col-sm-6 col-xl-5 mb-xl-5 mb-lg-3 mb-4 text-center text-sm-left">
<i class="ti-write mb-xl-4 mb-lg-3 mb-4 feature-icon"></i>
<h3 class="mb-xl-4 mb-lg-3 mb-4">Admission Now</h3>
<p>Please click on the button to Apply</p>
<a type="button" rel="noopener" class="btn btn-primary btn-lg" href="#" data-toggle="modal"
data-target="#signupModal">Apply Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /banner-feature -->
<!-- Pricing -->
<h2 class="mb-0 text-nowrap mr-3 text-center">Pricing</h2>
<div class="container mb-5 mt-5">
<div class="pricing card-deck flex-column flex-md-row mb-3">
<div class="card card-pricing popular text-center px-3 mb-4">
<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Grade 10</span>
<div class="bg-transparent card-header pt-4 border-0">
<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="15">R<span
class="price">150 </span> <span class="h6 text-muted ml-2">/per month</span></h1>
</div>
<div class="card-body pt-0">
<ul class="list-unstyled mb-4">
<li>Per Subject </li>
<li>up to 2 subjects </li>
<li>ZAR 50 Registration</li>
</ul>
</div>
</div>
<div class="card card-pricing popular shadow text-center px-3 mb-4">
<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Grade 11</span>
<div class="bg-transparent card-header pt-4 border-0">
<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="30">R<span
class="price">200</span><span class="h6 text-muted ml-2">/ per month</span></h1>
</div>
<div class="card-body pt-0">
<ul class="list-unstyled mb-4">
<li>Per Subject </li>
<li>up to 2 subjects </li>
<li>ZAR 50 Registration</li>
</ul>
</div>
</div>
<div class="card card-pricing popular text-center px-3 mb-4">
<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Matriculants</span>
<div class="bg-transparent card-header pt-4 border-0">
<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="45">R<span
class="price">200</span><span class="h6 text-muted ml-2">/ per month</span></h1>
</div>
<div class="card-body pt-0">
<ul class="list-unstyled mb-4">
<li>Per Subject </li>
<li>up to 2 subjects </li>
<li>ZAR 50 Registration</li>
</ul>
</div>
</div>
</div>
<!--/ Pricing -->
<!-- courses -->
<section class="section-sm">
<div class="container">
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center section-title justify-content-between">
<h2 class="mb-0 text-nowrap mr-3 text-center">Our Subjects</h2>
<div class="border-top w-100 border-primary d-none d-sm-block"></div>
<div>
</div>
</div>
</div>
</div>
<!-- course list -->
<div class="row justify-content-center">
<!-- course item -->
<div class="col-lg-4 col-sm-6 col-6 mb-5">
<div class="card p-0 border-primary rounded-0 hover-shadow">
<img loading="lazy" class="card-img-top ico rounded-0" src="images/icons/maths.gif" alt="course thumb">
<div class="card-body">
<ul class="list-inline mb-2">
<li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>01-02-2024</li>
<li class="list-inline-item"><a class="text-color" href="#">Science Stream</a></li>
</ul>
<a href="courses.html">
<h4 class="card-title">Maths</h4>
</a>
<p class="card-text mb-4"> </p>
</div>
</div>
</div>
<!-- course item -->
<div class="col-lg-4 col-sm-6 col-6 mb-5">
<div class="card p-0 border-primary rounded-0 hover-shadow">
<img loading="lazy" class="card-img-top ico rounded-0" src="images/icons/calculator.gif"
alt="course thumb">
<div class="card-body">
<ul class="list-inline mb-2">
<li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>01-02-2024</li>
<li class="list-inline-item"><a class="text-color" href="#">Commerce stream</a></li>
</ul>
<a href="courses.html">
<h4 class="card-title">Accounting</h4>
</a>
<p class="card-text mb-4"> </p>
</div>
</div>
</div>
<!-- course item -->
<div class="col-lg-4 col-sm-6 col-6 mb-5">
<div class="card p-0 border-primary rounded-0 hover-shadow">
<img loading="lazy" class="card-img-top ico rounded-0" src="images/icons/chemistry.gif"
alt="course thumb">
<div class="card-body">
<ul class="list-inline mb-2">
<li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>01-02-2024</li>
<li class="list-inline-item"><a class="text-color" href="#">Science Stream</a></li>
</ul>
<a href="courses.html">
<h4 class="card-title">Physical Science</h4>
</a>
<p class="card-text mb-4"> </p>
</div>
</div>
</div>
<!-- course item -->
<div class="col-lg-4 col-sm-6 col-6 mb-5">
<div class="card p-0 border-primary rounded-0 hover-shadow">
<img loading="lazy" class="card-img-top ico rounded-0" src="images/icons/protactor.gif"
alt="course thumb">
<div class="card-body">
<ul class="list-inline mb-2">
<li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>01-02-2024</li>
<li class="list-inline-item"><a class="text-color" href="#">Science Stream</a></li>
</ul>
<a href="courses.html">
<h4 class="card-title">Maths Literacy</h4>
</a>
<p class="card-text mb-4"> </p>
</div>
</div>
</div>
<!-- course item -->
<div class="col-lg-4 col-sm-6 col-6 mb-5">
<div class="card p-0 border-primary rounded-0 hover-shadow">
<img loading="lazy" class="card-img-top ico rounded-0" src="images/icons/dna.gif" alt="course thumb">
<div class="card-body">
<ul class="list-inline mb-2">
<li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>01-02-2024</li>
<li class="list-inline-item"><a class="text-color" href="#">Science Stream</a></li>
</ul>
<a href="courses.html">
<h4 class="card-title">Life Sciences</h4>
</a>
<p class="card-text mb-4"></p>
</div>
</div>
</div>
<!-- course item -->
<div class="col-lg-4 col-sm-6 col-6 mb-5">
<div class="card p-0 border-primary rounded-0 hover-shadow">
<img loading="lazy" class="card-img-top ico rounded-0" src="images/icons/geography.gif"
alt="course thumb">
<div class="card-body">
<ul class="list-inline mb-2">
<li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>01-02-2024</li>
<li class="list-inline-item"><a class="text-color" href="#">Science Stream</a></li>
</ul>
<a href="courses.html">
<h4 class="card-title">Geography</h4>
</a>
<p class="card-text mb-4"></p>
</div>
</div>
</div>
</div>
<!-- /course list -->
<!-- mobile see all button -->
<div class="row">
<div class="col-12 text-center">
<a href="courses.html" class="btn btn-sm btn-primary-outline d-sm-none d-inline-block">see all</a>
</div>
</div>
</div>
</section>
<!-- /courses -->
<!-- events -->
<section class="section bg-gray">
<div class="container">
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center section-title justify-content-between">
<h2 class="mb-0 text-nowrap mr-3 text-center">Upcoming Events</h2>
<div class="border-top w-100 border-primary d-none d-sm-block"></div>
<div>
<a href="events.html" class="btn btn-sm btn-primary-outline ml-sm-3 d-none d-sm-block">see all</a>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<!-- event -->
<div class="col-lg-6 col-sm-6 mb-5 mb-lg-0">
<div class="card border-0 rounded-0 hover-shadow">
<div class="card-img position-relative">
<img loading="lazy" class="card-img-top rounded-0" src="images/teachers/agisanang.jpg" alt="event thumb"
style="height: 500px;">
<div class="card-date"><span>2024</span><br>TBA</div>
</div>
<div class="card-body">
<!-- location -->
<p><i class="ti-location-pin text-primary mr-2"></i>Krugersdorp, Kagiso</p>
<a href="events.html">
<h4 class="card-title">Career Counciling and Career Expo</h4>
</a>
</div>
</div>
</div>
<!-- event -->
<div class="col-lg-6 col-sm-6 mb-5 mb-lg-0">
<div class="card border-0 rounded-0 hover-shadow">
<div class="card-img position-relative ">
<img loading="lazy" class="card-img-top rounded-0" src="images/freeClasses.jpeg" alt="event thumb"
style="height: 500px;">
<div class="card-date"><span>2024</span><br>June</div>
</div>
<div class="card-body">
<!-- location -->
<p><i class="ti-location-pin text-primary mr-2"></i>Krugersdorp, Kagiso</p>
<a href="events.html">
<h4 class="card-title">Free Classes</h4>
</a>
</div>
</div>
</div>
</div>
<!-- mobile see all button -->
<div class="row">
<div class="col-12 text-center">
<a href="events.html" class="btn btn-sm btn-primary-outline d-sm-none d-inline-block">see all</a>
</div>
</div>
</div>
</section>
<!-- /events -->
<h2 class="section-title text-center">Success Stories</h2>
<!-- Success story section -->
<section class="section bg-light">
<div class="container">
<div class="row">
<!-- Nhluvuko Ngobeni -->
<div class="col-lg-6 mb-4">
<div class="card h-100">
<img loading="lazy" src="images/students/nhluvukoAward.webp" class="card-img-top rounded story-image"
alt="Nhluvuko Ngobeni">
<div class="card-body">
<h5 class="card-title">Nhluvuko Ngobeni</h5>
<p class="card-text">Enrolling in ITP for mathematics and accounting in grade 10 term 3 was a turning
point for me. Initially, I lacked passion and interest in both subjects, but thanks to the excellent
tutoring at ITP, my attitude changed drastically.</p>
<p class="card-text">The tutors at ITP are outstanding! They made learning enjoyable, and my grades
improved beyond my expectations. Moreover, I learned essential skills such as time management, which
have proven invaluable in my academic journey.</p>
<p class="card-text">Their constant motivation and belief in me boosted my confidence, and since then, I
have been achieving top achiever awards in school. I am currently studying at Stellenbosch University,
where I continue to excel academically. I owe a great deal of my success to the unwavering support and
guidance from the ITP team.</p>
</div>
</div>
</div>
<!-- Rethabile More -->
<div class="col-lg-6 mb-4">
<div class="card h-100">
<img loading="lazy" src="images/students/retha.webp" class="card-img-top rounded story-image"
alt="Rethabile More">
<div class="card-body">
<h5 class="card-title">Rethabile More</h5>
<p class="card-text">My name is Rethabile More from Kagiso ext 8. My journey at Ituteng was very
exciting. We were always welcomed with warm open arms. It was a home far away from home, but then I'm
glad I was able to encounter a new atmosphere where my achievements put a big smile on my face.
Regarding my studies, the extra lessons helped me a lot. I developed more passion for my studies &
finally got to a tertiary level with all their hard work. I am very grateful for all their efforts &
may God bless them.</p>
</div>
</div>
</div>
<!-- Bokamoso Setona -->
<div class="col-lg-6 mb-4">
<div class="card h-100">
<img loading="lazy" src="images/teachers/bokamoso.jpg" class="card-img-top rounded story-image"
alt="Bokamoso Setona">
<div class="card-body">
<h5 class="card-title">Bokamoso Setona</h5>
<p class="card-text">My brother signed me up for grade 9 Mathematics when I was still doing grade 8 at
the time I was barely an average learner, its been almost 2 years now attending at ithuteng and I am
the top grade 9 learner at mandisa shiceka topping with a 99% percent in Mathematics in the 3rd term
and made it to the second round in westrand olypiad examinations.</p>
<p class="card-text">Ithuteng has been of great help academically, also helped me improve my confidence.
</p>
</div>
</div>
</div>
<!-- Lesedi Moteane -->
<div class="col-lg-6 mb-4">
<div class="card h-100">
<img loading="lazy" src="images/students/Lesedi.webp" class="card-img-top rounded story-image"
alt="Bokamoso Setona">
<div class="card-body">
<h5 class="card-title">Lesedi Moteane</h5>
<p class="card-text">I joined ITP in 2022 when I was struggling at level 4. With their exceptional
guidance and support, I've made significant strides and then consistently achieve level 5. Recently, I
achieved a staggering 97% in maths during term one, a testament to the effectiveness of ITP's teaching
methods. I'm particularly impressed by their motivational approach, always encouraging us to strive
for higher marks than we thought possible. I continue to attend ITP because their commitment to
excellence aligns perfectly with my goals. Their mantra of 'never give up' has truly inspired me to
study overtime and seek clarification by asking questions outside of tutoring hours</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End of success story section -->
<!-- cta -->
<section class="section bg-primary">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h2 class="section-title text-white">For More Information</h2>
<a href="contact.html" class="btn btn-secondary">Contact Us</a>
</div>
</div>
</div>
</section>
<!-- /cta -->
<!-- footer -->
<footer>
<!-- footer content -->
<div class="footer bg-footer section border-bottom">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-8 mb-5 mb-lg-0">
<!-- logo -->
<a class="logo-footer" href="index.html"><img class="img-fluid mb-4" src="images/logo.png" alt="logo"></a>
<ul class="list-unstyled">
<li class="mb-2">1422 Kaboganga St, Kagiso, 1754, Krugersdorp, SA</li>
<li class="mb-2">+27 69 679 6389</li>
<li class="mb-2">+27 69 217 3906</li>
</ul>
</div>
<!-- company -->
<div class="col-lg-2 col-md-3 col-sm-4 col-6 mb-5 mb-md-0">
<h4 class="text-white mb-5">COMPANY</h4>
<ul class="list-unstyled">
<li class="mb-3"><a class="text-color" href="about.html">About Us</a></li>
<li class="mb-3"><a class="text-color" href="contact.html">Contact</a></li>
</ul>
</div>
<!-- links -->
<div class="col-lg-2 col-md-3 col-sm-4 col-6 mb-5 mb-md-0">
<h4 class="text-white mb-5">LINKS</h4>
<ul class="list-unstyled">
<li class="mb-3"><a class="text-color" href="events.html">Events</a></li>
<!-- <li class="mb-3"><a class="text-color" href="faqs.html">FAQs</a></li> -->
</ul>
</div>
</div>
</div>
</div>
<!-- copyright -->
<div class="copyright py-4 bg-footer">
<div class="container">
<div class="row">
<div class="col-sm-7 text-sm-left text-center">
<p class="mb-0">Copyright
<script>
var CurrentYear = new Date().getFullYear()
document.write(CurrentYear)
</script>
© ithuteng_tutoring. All Rights Reserved. Designed by <a href="">S&M Web Solutions</a>
</p>
</div>
<div class="col-sm-5 text-sm-right text-center">
<ul class="list-inline">
<li class="list-inline-item"><a class="d-inline-block p-2"
href="https://www.facebook.com/Ithuteng.tutoring/?ref=pages_you_manage"><i
class="ti-facebook text-primary"></i></a></li>
<li class="list-inline-item"><a class="d-inline-block p-2"
href="https://www.instagram.com/ithuteng_tutoring/"><i class="ti-instagram text-primary"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- /footer -->
<!-- jQuery -->
<script src="plugins/jQuery/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="plugins/bootstrap/bootstrap.min.js"></script>
<!-- slick slider -->
<script src="plugins/slick/slick.min.js"></script>
<!-- aos -->
<script src="plugins/aos/aos.js"></script>
<!-- venobox popup -->
<script src="plugins/venobox/venobox.min.js"></script>
<!-- filter -->
<script src="plugins/filterizr/jquery.filterizr.min.js"></script>
<!-- Main Script -->
<script src="dist/bundle.js"></script>
</body>
</html>