undefined / programmes.html
Mytune's picture
let add hero slide to the home page
62730a6 verified
Raw History Blame Contribute Delete
24 kB
<!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>