File size: 23,954 Bytes
62730a6
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Programmes - Lighthouse Global College</title>
    <meta name="description" content="Explore our theological programmes from Certificate to PhD levels, ministerial training schools, and flexible learning options at Lighthouse Global College.">
    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        navy: '#0A192F',
                        gold: '#D4AF37',
                        light: '#F8F9FA',
                        dark: '#212529'
                    }
                }
            }
        }
    </script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <script src="https://unpkg.com/feather-icons"></script>
</head>
<body class="bg-light font-sans">
    <!-- Navigation -->
    <nav class="bg-navy text-white shadow-lg fixed w-full z-50">
        <div class="container mx-auto px-4">
            <div class="flex justify-between items-center py-4">
                <div class="flex items-center">
                    <img src="http://static.photos/education/120x120/42" alt="Lighthouse Global College Logo" class="h-12 w-12 mr-3 rounded-full">
                    <a href="index.html" class="text-xl font-bold">Lighthouse Global College</a>
                </div>
                
                <div class="hidden md:flex space-x-8">
                    <a href="index.html" class="hover:text-gold transition">Home</a>
                    <a href="about.html" class="hover:text-gold transition">About</a>
                    <a href="programmes.html" class="text-gold font-bold">Programmes</a>
                    <a href="gallery.html" class="hover:text-gold transition">Gallery</a>
                    <a href="contact.html" class="hover:text-gold transition">Contact</a>
                </div>
                
                <div class="md:hidden">
                    <button id="menu-btn" class="text-white focus:outline-none">
                        <i data-feather="menu"></i>
                    </button>
                </div>
            </div>
            
            <!-- Mobile Menu -->
            <div id="mobile-menu" class="hidden md:hidden pb-4">
                <a href="index.html" class="block py-2 hover:text-gold transition">Home</a>
                <a href="about.html" class="block py-2 hover:text-gold transition">About</a>
                <a href="programmes.html" class="block py-2 text-gold font-bold">Programmes</a>
                <a href="gallery.html" class="block py-2 hover:text-gold transition">Gallery</a>
                <a href="contact.html" class="block py-2 hover:text-gold transition">Contact</a>
            </div>
        </div>
    </nav>

    <!-- Page Header -->
    <section class="pt-32 pb-20 bg-navy text-white">
        <div class="container mx-auto px-4 text-center">
            <h1 class="text-4xl md:text-5xl font-bold mb-4">Our Programmes</h1>
            <p class="text-xl max-w-3xl mx-auto">Comprehensive theological education and ministerial training designed for spiritual growth and effective ministry</p>
        </div>
    </section>

    <!-- Theological Programmes -->
    <section class="py-16 bg-white">
        <div class="container mx-auto px-4">
            <h2 class="text-3xl font-bold text-navy text-center mb-12">Theological Degree Programmes</h2>
            
            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="bg-light p-6 rounded-lg shadow-md border-t-4 border-gold">
                    <div class="text-gold text-4xl mb-4">
                        <i data-feather="book"></i>
                    </div>
                    <h3 class="text-xl font-bold text-navy mb-3">Certificate in Theology</h3>
                    <p class="text-dark mb-4">Foundational biblical studies for beginners in ministry.</p>
                    <ul class="text-dark space-y-2 mb-6">
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>1-year programme</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>Basic biblical studies</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>Introduction to ministry</span>
                        </li>
                    </ul>
                    <a href="contact.html" class="inline-block bg-gold hover:bg-yellow-600 text-navy font-bold py-2 px-6 rounded transition">Apply Now</a>
                </div>
                
                <div class="bg-light p-6 rounded-lg shadow-md border-t-4 border-gold">
                    <div class="text-gold text-4xl mb-4">
                        <i data-feather="book-open"></i>
                    </div>
                    <h3 class="text-xl font-bold text-navy mb-3">Diploma in Theology</h3>
                    <p class="text-dark mb-4">Intermediate theological training for ministry development.</p>
                    <ul class="text-dark space-y-2 mb-6">
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>2-year programme</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>Comprehensive Bible study</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>Pastoral training</span>
                        </li>
                    </ul>
                    <a href="contact.html" class="inline-block bg-gold hover:bg-yellow-600 text-navy font-bold py-2 px-6 rounded transition">Apply Now</a>
                </div>
                
                <div class="bg-light p-6 rounded-lg shadow-md border-t-4 border-gold">
                    <div class="text-gold text-4xl mb-4">
                        <i data-feather="graduation-cap"></i>
                    </div>
                    <h3 class="text-xl font-bold text-navy mb-3">Bachelor of Theology</h3>
                    <p class="text-dark mb-4">Undergraduate degree for in-depth theological education.</p>
                    <ul class="text-dark space-y-2 mb-6">
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>4-year programme</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>Advanced biblical studies</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>Church history & theology</span>
                        </li>
                    </ul>
                    <a href="contact.html" class="inline-block bg-gold hover:bg-yellow-600 text-navy font-bold py-2 px-6 rounded transition">Apply Now</a>
                </div>
                
                <div class="bg-light p-6 rounded-lg shadow-md border-t-4 border-gold">
                    <div class="text-gold text-4xl mb-4">
                        <i data-feather="award"></i>
                    </div>
                    <h3 class="text-xl font-bold text-navy mb-3">Master of Theology</h3>
                    <p class="text-dark mb-4">Graduate studies for specialized ministerial excellence.</p>
                    <ul class="text-dark space-y-2 mb-6">
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>2-year programme</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>Specialized concentrations</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>Research & thesis</span>
                        </li>
                    </ul>
                    <a href="contact.html" class="inline-block bg-gold hover:bg-yellow-600 text-navy font-bold py-2 px-6 rounded transition">Apply Now</a>
                </div>
                
                <div class="bg-light p-6 rounded-lg shadow-md border-t-4 border-gold">
                    <div class="text-gold text-4xl mb-4">
                        <i data-feather="star"></i>
                    </div>
                    <h3 class="text-xl font-bold text-navy mb-3">PhD in Theology</h3>
                    <p class="text-dark mb-4">Doctoral research for academic and ministerial leadership.</p>
                    <ul class="text-dark space-y-2 mb-6">
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>3-5 year programme</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>Original research</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check" class="text-green-600 mr-2 mt-1"></i>
                            <span>Dissertation defense</span>
                        </li>
                    </ul>
                    <a href="contact.html" class="inline-block bg-gold hover:bg-yellow-600 text-navy font-bold py-2 px-6 rounded transition">Apply Now</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Ministerial Training -->
    <section class="py-16 bg-light">
        <div class="container mx-auto px-4">
            <h2 class="text-3xl font-bold text-navy text-center mb-12">Ministerial Training Schools</h2>
            
            <div class="grid md:grid-cols-3 gap-8">
                <div class="bg-white p-6 rounded-lg shadow-lg text-center">
                    <div class="text-navy text-5xl mb-6">
                        <i data-feather="users"></i>
                    </div>
                    <h3 class="text-2xl font-bold text-navy mb-4">Apostolic School</h3>
                    <p class="text-dark mb-6">Training for apostolic ministry, church planting, and leadership development with emphasis on pioneering works and establishing churches.</p>
                    <a href="contact.html" class="inline-block bg-navy hover:bg-blue-900 text-white font-bold py-2 px-6 rounded transition">Learn More</a>
                </div>
                
                <div class="bg-white p-6 rounded-lg shadow-lg text-center">
                    <div class="text-navy text-5xl mb-6">
                        <i data-feather="shield"></i>
                    </div>
                    <h3 class="text-2xl font-bold text-navy mb-4">Deliverance School</h3>
                    <p class="text-dark mb-6">Specialized training in spiritual warfare, deliverance ministry, and setting captives free through the power of the Holy Spirit.</p>
                    <a href="contact.html" class="inline-block bg-navy hover:bg-blue-900 text-white font-bold py-2 px-6 rounded transition">Learn More</a>
                </div>
                
                <div class="bg-white p-6 rounded-lg shadow-lg text-center">
                    <div class="text-navy text-5xl mb-6">
                        <i data-feather="eye"></i>
                    </div>
                    <h3 class="text-2xl font-bold text-navy mb-4">School of Prophets</h3>
                    <p class="text-dark mb-6">Developing prophetic ministry, hearing God's voice, interpretation of dreams and visions, and prophetic evangelism.</p>
                    <a href="contact.html" class="inline-block bg-navy hover:bg-blue-900 text-white font-bold py-2 px-6 rounded transition">Learn More</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Learning Options -->
    <section class="py-16 bg-white">
        <div class="container mx-auto px-4">
            <h2 class="text-3xl font-bold text-navy text-center mb-12">Flexible Learning Options</h2>
            
            <div class="flex flex-col md:flex-row items-center gap-12">
                <div class="md:w-1/2">
                    <img src="http://static.photos/technology/600x400/5" alt="Online Learning" class="rounded-lg shadow-lg">
                </div>
                
                <div class="md:w-1/2">
                    <h3 class="text-2xl font-bold text-navy mb-4">Online Learning</h3>
                    <p class="text-dark mb-6">Study from anywhere in the world with our comprehensive online platform. Our virtual classrooms provide interactive learning experiences with qualified instructors.</p>
                    <ul class="text-dark space-y-3 mb-6">
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-600 mr-2 mt-1"></i>
                            <span>Live virtual classes</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-600 mr-2 mt-1"></i>
                            <span>Recorded lectures</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-600 mr-2 mt-1"></i>
                            <span>Online discussion forums</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-600 mr-2 mt-1"></i>
                            <span>Digital library resources</span>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="flex flex-col md:flex-row-reverse items-center gap-12 mt-16">
                <div class="md:w-1/2">
                    <img src="http://static.photos/education/600x400/7" alt="Onsite Learning" class="rounded-lg shadow-lg">
                </div>
                
                <div class="md:w-1/2">
                    <h3 class="text-2xl font-bold text-navy mb-4">Onsite Learning</h3>
                    <p class="text-dark mb-6">Experience our conducive learning environment at our campus in Abraka, Delta State. Benefit from face-to-face interactions with instructors and fellow students.</p>
                    <ul class="text-dark space-y-3 mb-6">
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-600 mr-2 mt-1"></i>
                            <span>Modern classroom facilities</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-600 mr-2 mt-1"></i>
                            <span>Library with theological resources</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-600 mr-2 mt-1"></i>
                            <span>Prayer chapel</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-600 mr-2 mt-1"></i>
                            <span>Student accommodation available</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Features -->
    <section class="py-16 bg-navy text-white">
        <div class="container mx-auto px-4">
            <h2 class="text-3xl font-bold text-center mb-12">Why Choose Our Programmes?</h2>
            
            <div class="grid md:grid-cols-3 gap-8">
                <div class="text-center">
                    <div class="bg-gold text-navy w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
                        <i data-feather="user-check" class="w-10 h-10"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">Qualified Lecturers</h3>
                    <p>Learn from experienced theologians and ministry practitioners with academic excellence and practical experience.</p>
                </div>
                
                <div class="text-center">
                    <div class="bg-gold text-navy w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
                        <i data-feather="book-open" class="w-10 h-10"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">Comprehensive Curriculum</h3>
                    <p>Our programmes offer balanced training in biblical studies, theology, practical ministry, and character development.</p>
                </div>
                
                <div class="text-center">
                    <div class="bg-gold text-navy w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
                        <i data-feather="award" class="w-10 h-10"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">Recognized Certification</h3>
                    <p>Graduate with government-approved certificates and degrees recognized by religious organizations worldwide.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Call to Action -->
    <section class="py-16 bg-gold text-navy text-center">
        <div class="container mx-auto px-4">
            <h2 class="text-3xl font-bold mb-6">Ready to Begin Your Theological Journey?</h2>
            <p class="text-xl max-w-3xl mx-auto mb-8">Take the first step toward effective ministry and spiritual growth with our government-approved programmes.</p>
            <a href="contact.html" class="inline-block bg-navy hover:bg-blue-900 text-white font-bold py-3 px-8 rounded-lg transition">Apply Now</a>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-navy text-white py-12">
        <div class="container mx-auto px-4">
            <div class="grid md:grid-cols-4 gap-8">
                <div>
                    <img src="http://static.photos/education/120x120/42" alt="Lighthouse Global College Logo" class="h-16 w-16 mb-4 rounded-full">
                    <h3 class="text-xl font-bold mb-4">Lighthouse Global College</h3>
                    <p class="text-gray-300">Government-approved theological education and ministerial training.</p>
                </div>
                
                <div>
                    <h4 class="text-lg font-bold mb-4 text-gold">Quick Links</h4>
                    <ul class="space-y-2">
                        <li><a href="index.html" class="text-gray-300 hover:text-gold transition">Home</a></li>
                        <li><a href="about.html" class="text-gray-300 hover:text-gold transition">About Us</a></li>
                        <li><a href="programmes.html" class="text-gray-300 hover:text-gold transition">Programmes</a></li>
                        <li><a href="gallery.html" class="text-gray-300 hover:text-gold transition">Gallery</a></li>
                        <li><a href="contact.html" class="text-gray-300 hover:text-gold transition">Contact</a></li>
                    </ul>
                </div>
                
                <div>
                    <h4 class="text-lg font-bold mb-4 text-gold">Programmes</h4>
                    <ul class="space-y-2">
                        <li><a href="programmes.html" class="text-gray-300 hover:text-gold transition">Theological Degrees</a></li>
                        <li><a href="programmes.html" class="text-gray-300 hover:text-gold transition">Ministerial Training</a></li>
                        <li><a href="programmes.html" class="text-gray-300 hover:text-gold transition">Online Learning</a></li>
                        <li><a href="programmes.html" class="text-gray-300 hover:text-gold transition">Special Ordination</a></li>
                    </ul>
                </div>
                
                <div>
                    <h4 class="text-lg font-bold mb-4 text-gold">Contact Info</h4>
                    <ul class="space-y-2">
                        <li class="flex items-start">
                            <i data-feather="map-pin" class="mr-2 mt-1 text-gold"></i>
                            <span class="text-gray-300">1st Lend, Obadudu Road, Abraka, Delta State, Nigeria</span>
                        </li>
                        <li class="flex items-center">
                            <i data-feather="mail" class="mr-2 text-gold"></i>
                            <span class="text-gray-300">lighthouseglobalcollege@gmail.com</span>
                        </li>
                        <li class="flex items-center">
                            <i data-feather="phone" class="mr-2 text-gold"></i>
                            <span class="text-gray-300">+2349037127746</span>
                        </li>
                    </ul>
                    
                    <div class="flex space-x-4 mt-4">
                        <a href="#" class="text-gray-300 hover:text-gold transition"><i data-feather="facebook"></i></a>
                        <a href="#" class="text-gray-300 hover:text-gold transition"><i data-feather="twitter"></i></a>
                        <a href="#" class="text-gray-300 hover:text-gold transition"><i data-feather="instagram"></i></a>
                        <a href="#" class="text-gray-300 hover:text-gold transition"><i data-feather="youtube"></i></a>
                    </div>
                </div>
            </div>
            
            <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
                <p>&copy; 2023 Lighthouse Global College. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <!-- WhatsApp Chat Button -->
    <div class="fixed bottom-6 right-6 z-50">
        <a href="https://wa.me/2349037127746" class="bg-green-500 hover:bg-green-600 text-white p-4 rounded-full shadow-lg flex items-center justify-center transition">
            <i data-feather="message-circle" class="w-6 h-6"></i>
        </a>
    </div>

    <script>
        // Mobile menu toggle
        document.getElementById('menu-btn').addEventListener('click', function() {
            document.getElementById('mobile-menu').classList.toggle('hidden');
        });
        
        // Feather icons
        feather.replace();
    </script>
</body>
</html>