-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprogrammes.html
More file actions
293 lines (277 loc) · 12.7 KB
/
Copy pathprogrammes.html
File metadata and controls
293 lines (277 loc) · 12.7 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
<!DOCTYPE html>
<html lang="en-GH">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Our Programmes | EduMath GH</title>
<meta name="description" content="Explore our WAEC-aligned maths programmes for Ghanaian primary, JHS and SHS students">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Custom Styles (reuse from main page) -->
<style>
:root {
--primary-blue: #1E90FF;
--accent-orange: #FF7F50;
--text-dark: #343a40;
--bg-light: #f8f9fa;
}
.flag-bar {
height: 8px;
background: linear-gradient(90deg, var(--accent-orange) 33%, var(--primary-blue) 33% 66%, var(--accent-orange) 66%);
}
.programme-card {
transition: transform 0.3s;
}
.programme-card:hover {
transform: translateY(-5px);
}
</style>
</head>
<body class="bg-light text-dark">
<!-- Ghana Flag Top Bar -->
<div class="flag-bar"></div>
<!-- Navigation (same as index.html) -->
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm sticky-top">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="edumath-gh-logo.svg" alt="EduMath GH" height="50">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link active" href="programmes.html">Programmes</a></li>
<li class="nav-item"><a class="nav-link" href="resources.html">Resources</a></li>
<li class="nav-item"><a class="nav-link" href="schools.html">For Schools</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
<li class="nav-item">
<a class="btn btn-primary" href="contact.html">Get Started</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Programmes Hero -->
<section class="py-5" style="background: var(--primary-blue); color: #fff;">
<div class="container text-center">
<h1 class="display-5 fw-bold">Our WAEC-Aligned Programmes</h1>
<p class="lead">Comprehensive maths support for every level of Ghanaian education</p>
</div>
</section>
<!-- Programme Tiers -->
<section class="py-5">
<div class="container">
<div class="row g-4">
<!-- Primary School Programme -->
<div class="col-md-4">
<div class="card h-100 programme-card shadow-sm">
<div class="card-header text-white text-center py-3" style="background: var(--accent-orange);">
<h3>Primary School</h3>
<p class="mb-0">(BECE Foundation)</p>
</div>
<div class="card-body">
<ul class="list-group list-group-flush mb-3">
<li class="list-group-item"><i class="fas fa-check text-success me-2"></i>Basic concepts mastery</li>
<li class="list-group-item"><i class="fas fa-check text-success me-2"></i>Ghanaian context problems</li>
<li class="list-group-item"><i class="fas fa-check text-success me-2"></i>Interactive lessons</li>
<li class="list-group-item"><i class="fas fa-check text-success me-2"></i>BECE preparation</li>
</ul>
</div>
<div class="card-footer bg-white text-center">
<a href="#" class="btn btn-outline-primary">Learn More</a>
</div>
</div>
</div>
<!-- JHS Programme -->
<div class="col-md-4">
<div class="card h-100 programme-card shadow-sm">
<div class="card-header text-white text-center py-3" style="background: var(--primary-blue);">
<h3>Junior High School</h3>
<p class="mb-0">(BECE Intensive)</p>
</div>
<div class="card-body">
<ul class="list-group list-group-flush mb-3">
<li class="list-group-item"><i class="fas fa-check text-success me-2"></i>Full WAEC syllabus coverage</li>
<li class="list-group-item"><i class="fas fa-check text-success me-2"></i>Past question practice</li>
<li class="list-group-item"><i class="fas fa-check text-success me-2"></i>Exam technique training</li>
<li class="list-group-item"><i class="fas fa-check text-success me-2"></i>Performance analytics</li>
</ul>
</div>
<div class="card-footer bg-white text-center">
<a href="#" class="btn btn-outline-primary">Learn More</a>
</div>
</div>
</div>
<!-- SHS Programme -->
<div class="col-md-4">
<div class="card h-100 programme-card shadow-sm">
<div class="card-header text-white text-center py-3" style="background: var(--text-dark);">
<h3>Senior High School</h3>
<p class="mb-0">(WASSCE Excellence)</p>
</div>
<div class="card-body">
<ul class="list-group list-group-flush mb-3">
<li class="list-group-item"><i class="fas fa-check text-success me-2"></i>Core & Elective maths</li>
<li class="list-group-item"><i class="fas fa-check text-success me-2"></i>WAEC marking scheme focus</li>
<li class="list-group-item"><i class="fas fa-check text-success me-2"></i>University prep</li>
<li class="list-group-item"><i class="fas fa-check text-success me-2"></i>STEM career pathways</li>
</ul>
</div>
<div class="card-footer bg-white text-center">
<a href="#" class="btn btn-outline-primary">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Curriculum Alignment Section -->
<section class="py-5 bg-light">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<h2 style="color: var(--primary-blue);">Perfectly Aligned with Ghana's Curriculum</h2>
<p>Our programmes are meticulously designed to match:</p>
<ul>
<li>WAEC examination requirements</li>
<li>GES curriculum standards</li>
<li>National teaching syllabus</li>
<li>Common student challenges</li>
</ul>
<a href="#" class="btn btn-primary mt-3">Download Syllabus Comparison</a>
</div>
<div class="col-md-6">
<img src="curriculum-alignment.jpg" alt="Curriculum alignment chart" class="img-fluid rounded shadow">
</div>
</div>
</div>
</section>
<!-- Pricing Section -->
<section class="py-5">
<div class="container text-center">
<h2 class="mb-4" style="color: var(--primary-blue);">Affordable for Ghanaian Schools</h2>
<p class="lead mb-5">Flexible pricing options based on your school's size and needs</p>
<div class="row g-4">
<div class="col-md-4">
<div class="card h-100 shadow-sm">
<div class="card-header py-3 bg-white">
<h4>Small Schools</h4>
<p class="text-muted mb-0">Under 100 students</p>
</div>
<div class="card-body">
<h3 class="my-3">GH₵50<span class="text-muted small">/student/month</span></h3>
<ul class="list-unstyled">
<li class="mb-2">Up to 5 teacher accounts</li>
<li class="mb-2">Basic progress tracking</li>
<li class="mb-2">Email support</li>
</ul>
</div>
<div class="card-footer bg-white">
<a href="#" class="btn btn-outline-primary">Enquire Now</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100 shadow-sm border-primary border-2">
<div class="card-header py-3 bg-primary text-white">
<h4>Medium Schools</h4>
<p class="mb-0">100-300 students</p>
</div>
<div class="card-body">
<h3 class="my-3">GH₵40<span class="text-muted small">/student/month</span></h3>
<ul class="list-unstyled">
<li class="mb-2">Up to 10 teacher accounts</li>
<li class="mb-2">Advanced analytics</li>
<li class="mb-2">Priority support</li>
</ul>
</div>
<div class="card-footer bg-white">
<a href="#" class="btn btn-primary">Popular Choice</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100 shadow-sm">
<div class="card-header py-3 bg-white">
<h4>Large Schools</h4>
<p class="text-muted mb-0">300+ students</h4>
</div>
<div class="card-body">
<h3 class="my-3">GH₵30<span class="text-muted small">/student/month</span></h3>
<ul class="list-unstyled">
<li class="mb-2">Unlimited teacher accounts</li>
<li class="mb-2">Full feature access</li>
<li class="mb-2">Dedicated account manager</li>
</ul>
</div>
<div class="card-footer bg-white">
<a href="#" class="btn btn-outline-primary">Contact for Quote</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- School Demo CTA -->
<section class="py-5 bg-light">
<div class="container text-center">
<h2 class="mb-4" style="color: var(--primary-blue);">See It In Action</h2>
<p class="lead mb-4">Book a free demo for your school to experience our platform</p>
<a href="#" class="btn btn-primary btn-lg">Request School Demo</a>
</div>
</section>
<!-- Footer (same as index.html) -->
<footer class="py-4" style="background: var(--text-dark); color: #fff;">
<div class="container">
<div class="row gy-4">
<div class="col-md-3">
<img src="edumath-gh-logo-white.svg" alt="EduMath GH" height="50" class="mb-3">
<p>WAEC-aligned maths tutoring platform designed specifically for Ghanaian schools and students.</p>
<div>
<a href="#" class="text-white me-2"><i class="fab fa-facebook fa-lg"></i></a>
<a href="#" class="text-white me-2"><i class="fab fa-twitter fa-lg"></i></a>
<a href="#" class="text-white me-2"><i class="fab fa-instagram fa-lg"></i></a>
<a href="#" class="text-white"><i class="fab fa-linkedin fa-lg"></i></a>
</div>
</div>
<div class="col-md-3">
<h5 class="text-uppercase mb-3" style="color: var(--accent-orange);">Programmes</h5>
<ul class="list-unstyled">
<li><a href="#" class="text-white text-decoration-none">Primary School</a></li>
<li><a href="#" class="text-white text-decoration-none">Junior High School</a></li>
<li><a href="#" class="text-white text-decoration-none">Senior High School</a></li>
<li><a href="#" class="text-white text-decoration-none">Holiday Classes</a></li>
</ul>
</div>
<div class="col-md-3">
<h5 class="text-uppercase mb-3" style="color: var(--accent-orange);">Resources</h5>
<ul class="list-unstyled">
<li><a href="#" class="text-white text-decoration-none">Past Questions</a></li>
<li><a href="#" class="text-white text-decoration-none">Video Lessons</a></li>
<li><a href="#" class="text-white text-decoration-none">Practice Tests</a></li>
<li><a href="#" class="text-white text-decoration-none">Teacher Guides</a></li>
</ul>
</div>
<div class="col-md-3">
<h5 class="text-uppercase mb-3" style="color: var(--accent-orange);">Contact</h5>
<ul class="list-unstyled">
<li><i class="fas fa-map-marker-alt me-2"></i> Accra, Ghana</li>
<li><i class="fas fa-phone me-2"></i> +233 24 123 4567</li>
<li><i class="fas fa-envelope me-2"></i> info@edumathgh.com</li>
</ul>
</div>
</div>
<hr class="my-4" style="border-color: #555;">
<div class="text-center">
<p class="small mb-0">© 2023 EduMath GH. All rights reserved.</p>
</div>
</div>
</footer>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>