-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
252 lines (249 loc) · 23.2 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
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Thanos Tutorials</title>
<meta name="description" content="The Powerhouse in Online Classes for Nigerian Students">
<link rel="icon" type="image/jpeg" sizes="400x400" href="assets/img/b4cc5a94ca83a3ede1acd0aed62cf42f.jpg">
<link rel="icon" type="image/png" sizes="859x824" href="assets/img/learning-network-video-teaching-network-school-network-learning-gain-knowledge-e-learning-course-online-course-pc-online-learning.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/jpeg" sizes="400x400" href="assets/img/b4cc5a94ca83a3ede1acd0aed62cf42f.jpg">
<link rel="icon" type="image/png" sizes="859x824" href="assets/img/learning-network-video-teaching-network-school-network-learning-gain-knowledge-e-learning-course-online-course-pc-online-learning.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="859x824" href="assets/img/learning-network-video-teaching-network-school-network-learning-gain-knowledge-e-learning-course-online-course-pc-online-learning.png">
<link rel="icon" type="image/jpeg" sizes="400x400" href="assets/img/b4cc5a94ca83a3ede1acd0aed62cf42f.jpg">
<link rel="icon" type="image/jpeg" sizes="400x400" href="assets/img/b4cc5a94ca83a3ede1acd0aed62cf42f.jpg">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=ABeeZee&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aclonica&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Akaya+Kanadaka&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Almendra&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amaranth&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bagel+Fat+One&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=BioRhyme&display=swap">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/aos.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/-Fixed-Navbar-start-with-transparency-background-BS4--transparency-menu.css">
<link rel="stylesheet" href="assets/css/-Login-form-Page-BS4--Login-form-Page-BS4.css">
<link rel="stylesheet" href="assets/css/Features-Centered-Icons-icons.css">
<link rel="stylesheet" href="assets/css/Hero-Clean-Reverse-images.css">
<link rel="stylesheet" href="assets/css/Keet-Testimonial-01.css">
<link rel="stylesheet" href="assets/css/Pages-Navbar.css">
<link rel="stylesheet" href="assets/css/Pretty-Search-Form-.css">
<link rel="stylesheet" href="assets/css/Team-with-rotating-cards.css">
</head>
<body style="background: var(--bs-secondary-bg);">
<div class="container-fluid" style="padding: 0px;">
<nav class="navbar navbar-expand-lg sticky-top navigation-clean white-links navbar-light" style="background: rgba(42, 87, 107, 1); color: white;">
<div class="container"><a class="navbar-brand" id="company-name" href="index.html" style="font-family: Aclonica, sans-serif;font-weight: bold;text-decoration: underline;">THANOS TUTORIALS</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1" onclick="SetNavBackground();"><span class="visually-hidden">Toggle navigation</span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="color: white;font-size: 30px;">
<path d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z" fill="currentColor"></path>
<path d="M2 12.0322C2 11.4799 2.44772 11.0322 3 11.0322H21C21.5523 11.0322 22 11.4799 22 12.0322C22 12.5845 21.5523 13.0322 21 13.0322H3C2.44772 13.0322 2 12.5845 2 12.0322Z" fill="currentColor"></path>
<path d="M3 17.0645C2.44772 17.0645 2 17.5122 2 18.0645C2 18.6167 2.44772 19.0645 3 19.0645H21C21.5523 19.0645 22 18.6167 22 18.0645C22 17.5122 21.5523 17.0645 21 17.0645H3Z" fill="currentColor"></path>
</svg></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li>
<li class="nav-item"><a class="nav-link" href="about_us.html">About Us</a></li>
<li class="nav-item"><a class="nav-link" href="contact_us.html">Contact Us</a></li>
<li class="nav-item"><a class="btn btn-info move-left-xs-sm-md me-md-3 mb-3 mb-md-0" role="button" data-bss-hover-animate="rubberBand" href="log_in_index.html" style="width: 81.2375px;">Login</a></li>
<li class="nav-item"><a class="btn btn-success move-left-xs-sm-md" role="button" data-bss-hover-animate="rubberBand" href="sign_up.html">Sign Up</a></li>
</ul>
</div>
</div>
</nav>
</div>
<section class="py-4 py-xl-5" style="padding-right: 0px;padding-left: 0px;margin-left: 0px;margin-right: 0px;">
<div class="container" data-aos="zoom-out" data-aos-duration="1500">
<div class="bg-dark border rounded border-0 border-dark overflow-hidden" style="background: rgba(42, 87, 107, 1);">
<div class="row g-0" style="background: rgba(42, 87, 107, 1);">
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
<div class="text-white p-4 p-md-5">
<h2 class="fw-bold text-white mb-3" style="font-family: 'Akaya Kanadaka', serif;font-size: 50px;margin-top: 16px;">Online Tutoring That Releases Innate Potential</h2>
<p class="mb-4" style="font-family: 'Akaya Kanadaka', serif;text-align: left;font-size: 19px;margin-top: 24px;color: rgb(0,0,0);">Our expert tutors can help boost your grades, make your confidence soar...<br><strong><em>and reduce your worries on your children's education</em></strong></p>
<div class="d-flex flex-row flex-grow-0 justify-content-between align-items-center flex-wrap my-3" style="padding-bottom: 0px;padding-top: 0px;">
<form class="search-form">
<div class="input-group" style="margin-left: 0px;margin-right: 150px;"><input class="focus-ring focus-ring-danger form-control" type="text" placeholder="I am looking for.."><button class="btn btn-link" type="button" style="background: #000000;"><i class="fa fa-search" style="color: rgba(42, 87, 107, 1);"></i></button></div>
</form><a class="btn btn-primary border rounded-pill focus-ring focus-ring-danger me-2" role="button" data-bss-hover-animate="pulse" href="sign_up.html">Get Started</a>
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 order-first order-md-last" style="min-height: 250px;">
<div><img class="w-100 h-100 fit-cover" src="assets/img/online-classes-coursifyme.jpg" style="margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 48px;padding-bottom: 48px;padding-right: 48px;padding-left: 48px;"></div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-4 col-xxl-4">
<div style="background: linear-gradient(black, rgb(42,87,107) 3%, rgb(177,177,177) 69%, rgb(178,178,178) 69%, rgb(237,8,8) 98%, rgb(250,250,250) 98%, white);border-radius: 24px;border-style: none;margin: 10px;">
<div class="text-center"><img class="rounded-circle img-fluid border" src="assets/img/99455054-student-or-school-boy-studying-on-computer-online-lesson-and-education-vector-concept-student-at.jpg" style="height: 415.987px;width: 416px;"></div>
<div>
<h2 class="text-center" style="margin-top: 16px;">Quick and Easy Access</h2>
<p class="text-center" style="margin-top: 16px;padding-left: 16px;padding-right: 16px;padding-bottom: 24px;background: transparent;filter: contrast(200%);font-weight: bold;font-size: 18px;"><br>Enjoy easy access to a wide range of classes from many different tutors on all your relevant courses at your fingertips<br><br></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-4 col-xxl-4">
<div style="background: repeating-linear-gradient(black, rgba(42, 87, 107, 1) 2%, rgb(177,177,177) 69%, rgb(178,178,178) 69%, rgb(237,8,8) 98%, rgb(250,250,250) 98%, white);border-radius: 24px;border-style: none;margin: 10px;">
<div class="text-center"><img class="rounded-circle img-fluid border" src="assets/img/pngtree-e-learning-education-online-illustration.jpg" style="height: 415.987px;"></div>
<div>
<h2 class="text-center" style="margin-top: 16px;">Interaction</h2>
<p class="text-center" style="margin-top: 16px;padding-left: 16px;padding-right: 16px;padding-bottom: 24px;background: transparent;filter: contrast(200%);font-weight: bold;font-size: 18px;"><br>You can interact with tutors from posing questions on the chat forum, submitting assignments or requesting a personal tutorial session</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-4 col-xxl-4">
<div style="background: repeating-linear-gradient(black, rgba(42, 87, 107, 1) 2%, rgb(177,177,177) 69%, rgb(178,178,178) 69%, rgb(237,8,8) 98%, rgb(250,250,250) 98%, white);border-radius: 24px;border-style: none;margin: 10px;">
<div class="text-center"><img class="rounded-circle img-fluid border" src="assets/img/learning-network-video-teaching-network-school-network-learning-gain-knowledge-e-learning-course-online-course-pc-online-learning.png" style="height: 415.987px;"></div>
<div>
<h2 class="text-center" style="margin-top: 16px;">Seamless Design</h2>
<p class="text-center" style="margin-top: 16px;padding-left: 16px;padding-right: 16px;padding-bottom: 24px;background: transparent;filter: contrast(200%);font-weight: bold;font-size: 18px;"><br>With the sleek and effective design of the website, learning has never been easier. Easy navigation with built in help ensures you find what you're looking for </p>
</div>
</div>
</div>
</div>
</div>
<div class="container py-4 py-xl-5">
<div class="text-center text-white-50 bg-primary border rounded border-0 p-3" style="background: linear-gradient(-79deg, rgba(42, 87, 107, 1), rgba(42, 87, 107, 1)), rgba(42, 87, 107, 1);">
<div class="row row-cols-2 row-cols-md-4">
<div class="col">
<div class="p-3">
<h4 class="display-5 fw-bold text-white mb-0">7200+</h4>
<p class="mb-0" style="color: var(--bs-body-bg);"><strong>Five Star Ratings</strong></p>
</div>
</div>
<div class="col">
<div class="p-3">
<h4 class="display-5 fw-bold text-white mb-0">20+</h4>
<p class="mb-0" style="color: var(--bs-body-bg);"><strong>Subjects Available</strong></p>
</div>
</div>
<div class="col">
<div class="p-3">
<h4 class="display-5 fw-bold text-white mb-0">87+</h4>
<p class="mb-0" style="color: var(--bs-body-bg);"><strong>Tutors</strong></p>
</div>
</div>
<div class="col">
<div class="p-3">
<h4 class="display-5 fw-bold text-white mb-0">15,000+</h4>
<p class="mb-0" style="color: var(--bs-body-bg);"><strong>Students</strong></p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container" style="background: transparent;">
<h1 class="display-3 text-center" style="margin-bottom: 6px;font-family: 'Bagel Fat One', serif;font-size: 60px;">What makes us unique?</h1>
<section style="background: var(--bs-secondary-bg-subtle);">
<div class="container">
<div class="row align-items-center" style="background: var(--bs-tertiary-color);">
<div class="col-lg-6 d-flex flex-row justify-content-center order-lg-2">
<div class="p-5"><img class="rounded-circle img-fluid" src="assets/img/images.jpg"></div>
</div>
<div class="col-lg-6 order-lg-1">
<div class="text-center p-5">
<h2 class="display-5" style="font-family: Amaranth, sans-serif;font-weight: bold;">Access to multiple versions of each lessons </h2>
<p style="font-size: 18px;font-weight: bold;font-family: ABeeZee, sans-serif;"><em>The student enjoys access to multiple tutors for each course/lesson presenting the opportunity to pick the teaching technique and method that works best for them.</em></p>
</div>
</div>
</div>
</div>
</section>
<section style="background: var(--bs-success-bg-subtle);">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 d-flex flex-row justify-content-center order-lg-1">
<div class="p-5"><img class="rounded-circle img-fluid" src="assets/img/depositphotos_75129973-stock-photo-online-education-concept.jpg"></div>
</div>
<div class="col-lg-6 order-lg-2">
<div class="text-center p-5">
<h2 class="display-5" style="font-family: Amaranth, sans-serif;font-weight: bold;">External review of lessons by top ranked tutors</h2>
<p style="font-family: ABeeZee, sans-serif;font-size: 18px;"><strong><em>The lessons presented by tutors ranked as our top tutors are audited by third party experts in the field being taught on to ensure only the best quality. </em></strong></p>
</div>
</div>
</div>
</div>
</section>
<section style="background: var(--bs-secondary-bg);">
<div class="container">
<div class="row align-items-center" style="background: var(--bs-tertiary-color);">
<div class="col-lg-6 d-flex flex-row justify-content-center order-lg-2">
<div class="p-5"><img class="rounded-circle img-fluid" src="assets/img/online-learning-and-home-schooling-vector.jpg"></div>
</div>
<div class="col-lg-6 order-lg-1">
<div class="text-center p-5">
<h2 class="display-5" style="font-weight: bold;font-family: Amaranth, sans-serif;">Access to one on one tutorials on request</h2>
<p class="text-center" style="font-size: 18px;"><strong><em>Students are able to request one - on - one lessons with any tutor of their choice. This gives them the opportunity to interact in real time with these teachers if desired.</em></strong></p>
</div>
</div>
</div>
</div>
</section>
<section style="background: var(--bs-success-bg-subtle);">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 d-flex flex-row justify-content-center order-lg-1">
<div class="p-5"><img class="rounded-circle img-fluid" src="assets/img/pngtree-e-learning-education-online-illustration-png-image_6548963.jpg"></div>
</div>
<div class="col-lg-6 order-lg-2">
<div class="text-center p-5">
<h2 class="display-5" style="font-family: Amaranth, sans-serif;font-weight: bold;">Help from our team, every step of the way</h2>
<p style="font-family: ABeeZee, sans-serif;font-size: 18px;"><strong><em>A dedicated team is on standby to assist you with any issues you might have be it managing your account, querying a payment, reporting issues with a lesson or whatever else it might be. We're always here to help you.</em></strong></p>
</div>
</div>
</div>
</div>
</section>
<section style="background: var(--bs-secondary-bg);">
<div class="container">
<div class="row align-items-center" style="background: var(--bs-tertiary-color);">
<div class="col-lg-6 d-flex flex-row justify-content-center order-lg-2">
<div class="p-5"><img class="rounded-circle img-fluid" src="assets/img/b4cc5a94ca83a3ede1acd0aed62cf42f.jpg"></div>
</div>
<div class="col-lg-6 order-lg-1">
<div class="p-5">
<h2 class="display-5 text-center" style="font-family: Amaranth, sans-serif;font-weight: bold;">Our interactive learning space makes learning engaging</h2>
<p class="text-center" style="font-size: 18px;font-family: ABeeZee, sans-serif;"><strong><em>Students are able to request one - on - one lessons with any tutor of their choice. This gives them the opportunity to interact in real time with these teachers if desired.</em></strong></p>
</div>
</div>
</div>
</div>
</section>
</div>
<footer class="text-center bg-dark" style="margin-top: 0px;background: rgba(42, 87, 107, 1);">
<div class="container text-white py-4 py-lg-5" style="margin-top: 0px;">
<ul class="list-inline">
<li class="list-inline-item me-4"><a class="link-light" href="#">Coming soon</a></li>
<li class="list-inline-item me-4"><a class="link-light" href="#">Innovations</a></li>
<li class="list-inline-item"><a class="link-light" href="#">Terms and Conditions</a></li>
</ul>
<ul class="list-inline">
<li class="list-inline-item me-4"><a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook text-light">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"></path>
</svg></a></li>
<li class="list-inline-item me-4"><a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter text-light">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15"></path>
</svg></a></li>
<li class="list-inline-item"><a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram text-light">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"></path>
</svg></a></li>
</ul>
<p class="mb-0" style="color: var(--bs-body-bg);">Copyright © 2024 Thanos Tutorials Inc.</p>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/aos.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/Slider-for-phones-and-PCs-Videos--images-Pretty-Carousel-Fade--TouchSwipe.js"></script>
<script src="assets/js/-Fixed-Navbar-start-with-transparency-background-BS4--transparency-menu.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
<script src="assets/js/Optitmized-video-component---by-Gilmar-de-O-Aguiar-videos.js"></script>
<script src="assets/js/Testimomial-Slider-script.min.js"></script>
<script src="assets/js/testimonialSlider.js"></script>
</body>
</html>