undefined / about.html
Mytune's picture
let add hero slide to the home page
62730a6 verified
Raw History Blame Contribute Delete
16.4 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Lighthouse Global College</title>
<meta name="description" content="Learn about Lighthouse Global College's history, mission, vision, and government accreditation as a leading theological institution in Nigeria.">
<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="text-gold font-bold">About</a>
<a href="programmes.html" class="hover:text-gold transition">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 text-gold font-bold">About</a>
<a href="programmes.html" class="block py-2 hover:text-gold transition">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">About Our College</h1>
<p class="text-xl max-w-3xl mx-auto">Discover our mission, vision, and commitment to excellence in theological education</p>
</div>
</section>
<!-- History Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row items-center gap-12">
<div class="md:w-1/2">
<img src="http://static.photos/education/600x400/10" alt="Lighthouse Global College Campus" class="rounded-lg shadow-lg">
</div>
<div class="md:w-1/2">
<h2 class="text-3xl font-bold text-navy mb-6">Our History</h2>
<p class="text-lg text-dark mb-4">Lighthouse Global College was established with a divine mandate to raise Christian leaders equipped with sound biblical knowledge and practical ministry skills. Founded in Abraka, Delta State, Nigeria, our institution has grown to become a government-approved center for theological education.</p>
<p class="text-lg text-dark">Over the years, we have trained hundreds of ministers, pastors, and Christian workers who are making significant impacts in churches, ministries, and communities across Nigeria and beyond.</p>
</div>
</div>
</div>
</section>
<!-- Mission & Vision -->
<section class="py-16 bg-light">
<div class="container mx-auto px-4">
<div class="grid md:grid-cols-2 gap-12">
<div class="bg-white p-8 rounded-lg shadow-md">
<div class="text-gold text-5xl mb-6">
<i data-feather="target"></i>
</div>
<h3 class="text-2xl font-bold text-navy mb-4">Our Mission</h3>
<p class="text-dark">To provide quality theological education and ministerial training that equips believers for effective Christian service, leadership, and global impact through sound biblical teaching, practical ministry experience, and character development.</p>
</div>
<div class="bg-white p-8 rounded-lg shadow-md">
<div class="text-gold text-5xl mb-6">
<i data-feather="eye"></i>
</div>
<h3 class="text-2xl font-bold text-navy mb-4">Our Vision</h3>
<p class="text-dark">To be a leading global theological institution that produces Spirit-filled, biblically grounded, and practically equipped Christian leaders who transform churches, communities, and nations through the power of the Gospel.</p>
</div>
</div>
</div>
</section>
<!-- Core Values -->
<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">Our Core Values</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
<div class="text-center">
<div class="bg-navy text-gold 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 text-navy mb-3">Biblical Foundation</h3>
<p class="text-dark">We are committed to the authority and sufficiency of Scripture in all teaching and practice.</p>
</div>
<div class="text-center">
<div class="bg-navy text-gold 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 text-navy mb-3">Excellence</h3>
<p class="text-dark">We pursue excellence in all aspects of theological education and ministerial training.</p>
</div>
<div class="text-center">
<div class="bg-navy text-gold w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-feather="users" class="w-10 h-10"></i>
</div>
<h3 class="text-xl font-bold text-navy mb-3">Leadership</h3>
<p class="text-dark">We develop Christian leaders with integrity, vision, and servant hearts.</p>
</div>
<div class="text-center">
<div class="bg-navy text-gold w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-feather="globe" class="w-10 h-10"></i>
</div>
<h3 class="text-xl font-bold text-navy mb-3">Global Impact</h3>
<p class="text-dark">We equip students for ministry that transforms communities and nations worldwide.</p>
</div>
</div>
</div>
</section>
<!-- Accreditation -->
<section class="py-16 bg-gold text-navy">
<div class="container mx-auto px-4 text-center">
<h2 class="text-3xl font-bold mb-6">Government Approval & Accreditation</h2>
<p class="text-xl max-w-3xl mx-auto mb-8">Lighthouse Global College is fully approved by the Nigerian government to operate as a theological institution and award certificates, diplomas, and degrees in theology.</p>
<div class="bg-white p-8 rounded-lg shadow-lg max-w-2xl mx-auto">
<div class="text-5xl mb-4">
<i data-feather="check-circle" class="text-green-600"></i>
</div>
<h3 class="text-2xl font-bold mb-4">Recognized Certification</h3>
<p class="text-dark">Our graduates receive certificates and degrees that are recognized by religious organizations, ministries, and educational institutions across Nigeria and internationally.</p>
</div>
</div>
</section>
<!-- Leadership (Optional) -->
<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">College Leadership</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-white p-6 rounded-lg shadow-md text-center">
<img src="http://static.photos/people/200x200/1" alt="Provost" class="w-32 h-32 rounded-full mx-auto mb-4">
<h3 class="text-xl font-bold text-navy mb-2">Dr. John Adeyemi</h3>
<p class="text-gold font-semibold mb-3">Provost</p>
<p class="text-dark">With over 25 years in theological education and ministry leadership.</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md text-center">
<img src="http://static.photos/people/200x200/2" alt="Registrar" class="w-32 h-32 rounded-full mx-auto mb-4">
<h3 class="text-xl font-bold text-navy mb-2">Mrs. Grace Okon</h3>
<p class="text-gold font-semibold mb-3">Registrar</p>
<p class="text-dark">Administrative leadership with expertise in educational management.</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md text-center">
<img src="http://static.photos/people/200x200/3" alt="Dean of Studies" class="w-32 h-32 rounded-full mx-auto mb-4">
<h3 class="text-xl font-bold text-navy mb-2">Rev. Michael Chukwu</h3>
<p class="text-gold font-semibold mb-3">Dean of Studies</p>
<p class="text-dark">Oversees academic programs and faculty development.</p>
</div>
</div>
</div>
</section>
<!-- Call to Action -->
<section class="py-16 bg-navy text-white text-center">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold mb-6">Join Our Community of Faith Learners</h2>
<p class="text-xl max-w-3xl mx-auto mb-8">Become part of a vibrant community dedicated to theological excellence and ministerial impact.</p>
<a href="contact.html" class="inline-block bg-gold hover:bg-yellow-600 text-navy font-bold py-3 px-8 rounded-lg transition">Contact Us Today</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>