forked from Fresh-Teacher/NPJS-App
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
491 lines (428 loc) · 23.2 KB
/
index.html
File metadata and controls
491 lines (428 loc) · 23.2 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Outreach School Examinations Board</title>
<!-- Bootstrap CSS link -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- Custom CSS -->
<style>
/* Custom CSS for navbar color */
.navbar-custom {
background-color: #ff2f00;
/* Change this color to your desired color */
}
.navbar-custom .navbar-brand,
.navbar-custom .navbar-nav .nav-link {
color: #ffffff;
/* Change this color to your desired color */
}
.navbar-brand img {
max-height: 30px;
/* Adjust the max-height as needed */
}
/* Shaking animation */
@keyframes shake {
0% {
transform: translateX(0);
}
25% {
transform: translateX(-5px);
}
50% {
transform: translateX(5px);
}
75% {
transform: translateX(-5px);
}
100% {
transform: translateX(0);
}
}
.btn-shake {
animation: shake 0.9s infinite;
}
/* Black text in the jumbotron */
.jumbotron .lead {
color: transparent;
/* Make the text transparent */
}
/* Scroll to top button */
#scrollToTop {
display: none;
/* Initially hide the button */
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #ff2f00;
color: #ffffff;
cursor: pointer;
padding: 15px;
border-radius: 50%;
}
#scrollToTop:hover {
background-color: #ff5e3a;
}
/* Confetti CSS */
.confetti {
position: fixed;
top: 0;
left: 0;
pointer-events: none;
z-index: 9999;
}
/* Shakes animation */
@keyframes shakes {
0% { transform: translateY(0); }
50% { transform: translateY(-5px); }
100% { transform: translateY(0); }
}
.btn-shakes {
animation: shakes 1s infinite;
}
/* Heart animation */
@keyframes heartbeat {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
.heart {
display: inline-block;
animation: heartbeat 1s infinite;
color: red; /* Add color property for red color */
}
</style>
</head>
<body>
<!-- Confetti canvas -->
<canvas class="confetti" id="canvas"></canvas>
<!-- Navigation bar -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top navbar-custom">
<div class="container">
<a class="navbar-brand" href="#">
<img src="OSEB_CHARGES-1_page-0001-removebg-preview.png" alt="Logo">
<!-- Replace 'your-logo.png' with the path to your logo -->
OSEB
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#exams">Exams <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#schemes_of_work">Schemes of Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#textbooks">Textbooks</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#lesson_notes">Lesson Notes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#holiday_packages">Holiday Packages</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#learners_workbooks"> Workbooks</a>
</li>
</ul>
</div>
</div>
</nav>
<p></p><br><br>
<!-- Scroll to top button -->
<button id="scrollToTop" onclick="scrollToTop()"><i class="fas fa-arrow-up"></i></button>
<center>
<!-- Image for exams section -->
<img src="OSEB CHARGES-1_page-0001.jpg" alt="OSEB Logo" class="img-fluid w-100">
</center>
<header class="container mt-5 text-center">
<h1>Welcome to OSEB</h1>
<p>We are delighted to have you here! Explore our packages and empower your educational journey.</p>
<a href="OSEB CHARGES.pdf" class="btn btn-primary btn-shakes">Download Packages ↓</a>
</header>
<section id="exams" class="container mt-5">
<h3>Exams</h3>
<p>Prepare for your academic journey with our comprehensive range of exams. Thousands of teachers have utilized
our exams and witnessed remarkable improvements in their pupils' performance. With a wide variety of
subjects and levels covered, our exams are designed to challenge and motivate learners to excel. <p></p>Avail the
soft copy of our exams at a nominal price of only Shs. 60,000.</p>
<a href="https://fresh-teacher.github.io/" class="btn btn-danger btn-shake">Purchase Now ➮ </a>
</section>
<section id="schemes_of_work" class="container mt-5">
<h3>Schemes of Work</h3>
<p>Explore our meticulously crafted schemes of work tailored to meet the diverse needs of educators. Our schemes
of work have been praised by educators worldwide for their clarity, effectiveness, and alignment with
curriculum standards. Join the thousands of satisfied teachers who have successfully implemented our schemes
of work and witnessed remarkable improvements in pupil engagement and achievement.
<p></p>Get the soft copies of our schemes of work for only Shs. 5,000.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="textbooks" class="container mt-5">
<h3>Textbooks</h3>
<p>Browse through our extensive collection of textbooks, carefully curated to support effective teaching and
learning. Our textbooks have received rave reviews from educators for their comprehensive coverage, clarity,
and engaging content. A lot of teachers have trusted our textbooks to deliver quality education and inspire
pupils to reach their full potential.
<p></p> Get the soft copies of our textbooks at a budget-friendly price.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="lesson_notes" class="container mt-5">
<h3>Lesson Notes</h3>
<p>Access a treasure trove of lesson notes designed to enrich your teaching and captivate your pupils' interest.
Our lesson notes have been tried and tested by educators worldwide, with outstanding results. Join the
countless teachers who have utilized our lesson notes to create dynamic and engaging lessons that foster
deep learning and inspire academic excellence.
<p></p> Purchase the soft copies of our lesson notes for only Shs. 5,000.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="holiday_packages" class="container mt-5">
<h3>Holiday Packages</h3>
<p>Join the ranks of educators who have transformed vacations into valuable learning experiences for their
pupils. Our holiday packages offer a perfect blend of fun and education, ensuring that pupils return
refreshed, inspired, and ready to tackle new challenges. <p></p>Benefit from our holiday packages at an affordable
rate of Shs. 5000.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="weekly_homeworks" class="container mt-5">
<h3>Weekly Homeworks</h3>
<p>Elevate your pupils' learning with our professionally prepared weekly homework assignments. Experience the
positive impact of consistent and meaningful homework on pupil progress and academic achievement. Join the
multitude of educators who have witnessed remarkable improvements in pupil engagement, retention, and
academic performance with our weekly homeworks.
<p></p> Get the soft copies of our weekly homeworks for only Shs. 5,000 per class.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="topical_questions" class="container mt-5">
<h3>Topical Questions</h3>
<p>Enhance your pupils' understanding and mastery of key concepts with our comprehensive collection of topical
questions. Thousands of educators have utilized our topical questions to reinforce learning, stimulate
critical thinking, and prepare pupils for exams. Witness firsthand the transformative power of focused
practice and targeted revision with our top-quality topical questions.
<p></p> Purchase the soft copies of our topical questions for just Shs. 8,000 per subject.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="learners_workbooks" class="container mt-5">
<h3>Learner's Workbooks</h3>
<p>Empower your pupils to take ownership of their learning journey with our learner's workbooks. Our workbooks
are designed to foster independent learning, critical thinking, and problem-solving skills. Join the growing
community of educators who have seen their pupils thrive academically and develop a lifelong love for
learning through the use of our learner's workbooks.
<p></p>Purchase the soft copies of our learner's workbooks at a reasonable price of Shs. 8,000.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="lesson_plan_templates" class="container mt-5">
<h3>Lesson Plan Templates</h3>
<p>Simplify your lesson planning process with our professionally crafted lesson plan templates. Designed by
experienced educators, our templates streamline lesson preparation, ensuring that every lesson is
well-structured, engaging, and aligned with learning objectives. Join those teachers who have saved valuable
time and energy with our user-friendly lesson plan templates.
<p></p> Avail the soft copies of our lesson plan templates for only Shs. 2,500.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="ple_pamphlets" class="container mt-5">
<h3>PLE Pamphlets</h3>
<p>Guide your pupils through the Primary Leaving Examinations (PLE) with our informative pamphlets. Trusted by
educators for their clarity and relevance, our PLE pamphlets provide valuable insights, tips, and strategies
to help pupils excel in their exams. Join the teachers who have relied on our PLE pamphlets to empower their
pupils and achieve outstanding results.
<p></p> Purchase the soft copies of our PLE pamphlets at an affordable price of Shs. 10,000.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="p7_topical_questions" class="container mt-5">
<h3>P.7 Topical Questions</h3>
<p>Prepare your Primary 7 pupils for success with our targeted P.7 topical questions. Our carefully set
questions cover key topics and concepts, allowing pupils to gain confidence and proficiency in their exam
preparations. Join the legions of educators who have witnessed the transformative impact of our P.7 topical
questions on pupil performance and success.
<p></p>Purchase the soft copies of our P.7 topical questions at a give-away fee of Shs. 8,000.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<!-- New Sections -->
<section id="p7_special_sets" class="container mt-5">
<h3>P7 Special Sets Series</h3>
<p>Equip your Primary 7 pupils for excellence with our exclusive P7 Special Sets Series. Each set is strategically
curated to cover key topics and concepts essential for exam success. Witness remarkable improvements in pupil
performance and confidence with this invaluable resource, available now for only Shs. 15,000 per set.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="interview_exams" class="container mt-5">
<h3>Interview Exams</h3>
<p>Prepare for your teaching career with our comprehensive Interview Exams series. Each set includes a variety of
questions and scenarios commonly encountered in interviews, ensuring you're fully prepared to ace your job
interviews. Boost your confidence and land your dream teaching job now for only Shs. 8,000 per set.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="ple_spot_exams" class="container mt-5">
<h3>PLE Spot Exams</h3>
<p>Empower your pupils for success in the Primary Leaving Examinations (PLE) with our PLE Spot Exams. Each set
contains a selection of exam-style questions covering various subjects, providing invaluable practice and
preparation. Elevate your pupils' confidence and proficiency with this essential resource, available now for
only Shs. 12,000 per set.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="book_cover_hardcopies" class="container mt-5">
<h3>Book Cover Hardcopies</h3>
<p>Protect your valuable textbooks and exercise books with our durable Book Cover Hardcopies. Available in two sizes (A4 and A3),
these covers ensure your books stay in pristine condition throughout the academic year. Invest in the longevity
of your educational resources now for just Shs. 200 each or Shs. 100 each, depending on the size.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="teachers_interview_papers" class="container mt-5">
<h3>Teacher's Interview Papers</h3>
<p>Prepare for your teaching job interviews with confidence using our comprehensive Teacher's Interview Papers.
This essential resource includes a collection of interview questions, tips, and strategies to help you secure
your dream teaching position. Invest in your career success now for only Shs. 15,000.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<section id="weekend_tests" class="container mt-5">
<h3>Weekend Tests</h3>
<p>Elevate your class' learning experience with our Weekend Tests series. Each test is designed to
reinforce key concepts and topics covered during the week, ensuring maximum pupil engagement and retention.
Empower your learners for success now for just Shs. 5,000 per class.</p>
<a href="store.html" class="btn btn-danger btn-shake">Purchase Now ➮</a>
</section>
<!-- Bootstrap JS and jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<!-- Font Awesome -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/js/all.min.js"></script>
<!-- Custom JavaScript for scroll to top button -->
<script>
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Trigger confetti on page load
window.addEventListener('load', function() {
startConfetti();
});
// Function to start confetti
function startConfetti() {
// Confetti initialization code
canvas = document.getElementById("canvas");
ctx = canvas.getContext("2d");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
cx = ctx.canvas.width / 2;
cy = ctx.canvas.height / 2;
let confetti = [];
const confettiCount = 150;
const gravity = 1.5;
const terminalVelocity = 5;
const drag = 0.075;
const colors = [
{ front: 'red', back: 'darkred' },
{ front: 'green', back: 'darkgreen' },
{ front: 'blue', back: 'darkblue' },
{ front: 'yellow', back: 'darkyellow' },
{ front: 'orange', back: 'darkorange' },
{ front: 'pink', back: 'darkpink' },
{ front: 'purple', back: 'darkpurple' },
{ front: 'turquoise', back: 'darkturquoise' }
];
// Initialize confetti
for (let i = 0; i < confettiCount; i++) {
confetti.push({
color: colors[Math.floor(Math.random() * colors.length)],
dimensions: { x: Math.random() * 10 + 10, y: Math.random() * 20 + 10 },
position: { x: Math.random() * canvas.width, y: canvas.height - 1 },
rotation: Math.random() * 2 * Math.PI,
scale: { x: 1, y: 1 },
velocity: { x: Math.random() * 50 - 25, y: Math.random() * -50 }
});
}
// Render confetti
function render() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
confetti.forEach((confetto, index) => {
let width = confetto.dimensions.x * confetto.scale.x;
let height = confetto.dimensions.y * confetto.scale.y;
// Move canvas to position and rotate
ctx.translate(confetto.position.x, confetto.position.y);
ctx.rotate(confetto.rotation);
// Apply forces to velocity
confetto.velocity.x -= confetto.velocity.x * drag;
confetto.velocity.y = Math.min(confetto.velocity.y + gravity, terminalVelocity);
confetto.velocity.x += Math.random() > 0.5 ? Math.random() : -Math.random();
// Set position
confetto.position.x += confetto.velocity.x;
confetto.position.y += confetto.velocity.y;
// Delete confetti when out of frame
if (confetto.position.y >= canvas.height) confetti.splice(index, 1);
// Loop confetto x position
if (confetto.position.x > canvas.width) confetto.position.x = 0;
if (confetto.position.x < 0) confetto.position.x = canvas.width;
// Spin confetto by scaling y
confetto.scale.y = Math.cos(confetto.position.y * 0.1);
ctx.fillStyle = confetto.scale.y > 0 ? confetto.color.front : confetto.color.back;
// Draw confetti
ctx.fillRect(-width / 2, -height / 2, width, height);
// Reset transform matrix
ctx.setTransform(1, 0, 0, 1, 0, 0);
});
if (confetti.length > 0) {
requestAnimationFrame(render);
} else {
ctx.clearRect(0, 0, canvas.width, canvas.height);
canvas.style.zIndex = -1;
}
}
render();
}
// Get the button
var scrollToTopBtn = document.getElementById("scrollToTop");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () { scrollFunction() };
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
scrollToTopBtn.style.display = "block";
} else {
scrollToTopBtn.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function scrollToTop() {
// Scroll to top smoothly
window.scrollTo({
top: 0,
behavior: "smooth"
});
}
</script><br>
<div class="container">
<p><strong><h3>CONTACT US</h3> </strong>
<strong>EMAIL:</strong> <a href="mailto:dicktuge@gmail.com">dicktuge@gmail.com</a>
<br><strong>PHONE:</strong> <a href="tel:+256775787978"><br>0775787978</a>
<br> <a href="tel:+256742845900">0742845900</a>
<br><strong>LOCATION:</strong><p>6 Miles off Gayaza Road-Kampala</p>Wilsem Plaza Room Number 03 <p></p><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.725161469977!2d32.577275971490636!3d0.3915380996046231!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x177db0891f472cc1%3A0xfa65a91d8342630a!2sGayaza%20-Kampala%20Rd!5e0!3m2!1sen!2sug!4v1710436920884!5m2!1sen!2sug" width="250" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</p>
</div>
<center>
<!-- Footer -->
<footer class="footer" id="contact">
<div class="container">
<p>© 2024 Outreach Schools Examinations Board</p>
<p>Coded with <span class="heart">♥</span> by <a href="https://fresh-teacher.github.io"> Fresh Teacher</a></p>
</div>
</footer>
</center>
<!-- End of Footer -->
</body>
</html>