<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lighthouse Ministries Academy - Online GED Testing</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #333;
        }
        
        header {
            background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
            color: white;
            padding: 1rem 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 100;
        }
        
        nav {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            font-size: 1.5rem;
            font-weight: bold;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        
        .logo::before {
            content: "🏛️";
            font-size: 1.8rem;
        }
        
        nav ul {
            display: flex;
            list-style: none;
            gap: 2rem;
        }
        
        nav a {
            color: white;
            text-decoration: none;
            font-weight: 500;
            transition: opacity 0.3s;
        }
        
        nav a:hover {
            opacity: 0.8;
        }
        
        .hero {
            background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
            color: white;
            padding: 6rem 2rem;
            text-align: center;
        }
        
        .hero-content {
            max-width: 800px;
            margin: 0 auto;
        }
        
        .hero h1 {
            font-size: 3rem;
            margin-bottom: 1rem;
            line-height: 1.2;
        }
        
        .hero p {
            font-size: 1.3rem;
            margin-bottom: 2rem;
            opacity: 0.95;
        }
        
        .cta-button {
            display: inline-block;
            background: white;
            color: #1e3a8a;
            padding: 1rem 2.5rem;
            border-radius: 50px;
            text-decoration: none;
            font-weight: bold;
            font-size: 1.1rem;
            transition: transform 0.3s, box-shadow 0.3s;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }
        
        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.3);
        }
        
        .section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 4rem 2rem;
        }
        
        .section h2 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            color: #1e3a8a;
            text-align: center;
        }
        
        .section-intro {
            text-align: center;
            font-size: 1.1rem;
            color: #666;
            margin-bottom: 3rem;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }
        
        .feature {
            background: #f8fafc;
            padding: 2rem;
            border-radius: 10px;
            text-align: center;
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .feature:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        
        .feature-icon {
            font-size: 3rem;
            margin-bottom: 1rem;
        }
        
        .feature h3 {
            color: #1e3a8a;
            margin-bottom: 1rem;
            font-size: 1.5rem;
        }
        
        .steps {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }
        
        .step {
            text-align: center;
            padding: 1.5rem;
        }
        
        .step-number {
            background: #3b82f6;
            color: white;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
            font-size: 1.5rem;
            font-weight: bold;
        }
        
        .step h3 {
            color: #1e3a8a;
            margin-bottom: 0.5rem;
        }
        
        .about-bg {
            background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
        }
        
        .contact-section {
            background: #1e3a8a;
            color: white;
            text-align: center;
        }
        
        .contact-section h2 {
            color: white;
        }
        
        .contact-info {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 3rem;
            margin-top: 2rem;
        }
        
        .contact-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.5rem;
        }
        
        .contact-icon {
            font-size: 2rem;
        }
        
        footer {
            background: #0f172a;
            color: white;
            text-align: center;
            padding: 2rem;
        }
        
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 2rem;
            }
            
            .hero p {
                font-size: 1.1rem;
            }
            
            nav ul {
                gap: 1rem;
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .section h2 {
                font-size: 2rem;
            }
        }
    </style>
</head>
<body>
    <header>
        <nav>
            <div class="logo">Lighthouse Ministries Academy</div>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#how-it-works">How It Works</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <section id="home" class="hero">
        <div class="hero-content">
            <h1>Earn Your GED Online</h1>
            <p>Flexible, accessible GED testing from the comfort of your home. Start your journey to a brighter future today.</p>
            <a href="#contact" class="cta-button">Get Started Today</a>
        </div>
    </section>

    <section id="about" class="section about-bg">
        <h2>Why Choose Lighthouse Ministries Academy?</h2>
        <p class="section-intro">We're dedicated to helping students achieve their educational goals through convenient, supportive online GED testing.</p>
        
        <div class="features">
            <div class="feature">
                <div class="feature-icon">💻</div>
                <h3>100% Online</h3>
                <p>Complete your GED testing entirely online from anywhere with an internet connection.</p>
            </div>
            <div class="feature">
                <div class="feature-icon">⏰</div>
                <h3>Flexible Scheduling</h3>
                <p>Study and test on your own schedule. We work around your life, not the other way around.</p>
            </div>
            <div class="feature">
                <div class="feature-icon">🎓</div>
                <h3>Expert Support</h3>
                <p>Our experienced team is here to guide you through every step of your GED journey.</p>
            </div>
            <div class="feature">
                <div class="feature-icon">✅</div>
                <h3>Accredited Program</h3>
                <p>Earn a legitimate GED credential recognized by employers and colleges nationwide.</p>
            </div>
            <div class="feature">
                <div class="feature-icon">💰</div>
                <h3>Affordable</h3>
                <p>Quality education at a price that won't break the bank. Invest in your future today.</p>
            </div>
            <div class="feature">
                <div class="feature-icon">🤝</div>
                <h3>Personal Guidance</h3>
                <p>One-on-one support to help you overcome challenges and reach your goals.</p>
            </div>
        </div>
    </section>

    <section id="how-it-works" class="section">
        <h2>How It Works</h2>
        <p class="section-intro">Getting your GED has never been easier. Follow these simple steps to start your journey.</p>
        
        <div class="steps">
            <div class="step">
                <div class="step-number">1</div>
                <h3>Register</h3>
                <p>Fill out our simple enrollment form and create your account to get started.</p>
            </div>
            <div class="step">
                <div class="step-number">2</div>
                <h3>Prepare</h3>
                <p>Access study materials and resources to help you prepare for your GED tests.</p>
            </div>
            <div class="step">
                <div class="step-number">3</div>
                <h3>Schedule</h3>
                <p>Choose a testing time that works for you. We offer flexible scheduling options.</p>
            </div>
            <div class="step">
                <div class="step-number">4</div>
                <h3>Take Your Test</h3>
                <p>Complete your GED test online with our secure, proctored testing system.</p>
            </div>
            <div class="step">
                <div class="step-number">5</div>
                <h3>Earn Your GED</h3>
                <p>Receive your official GED credential and open doors to new opportunities.</p>
            </div>
        </div>
    </section>

    <section id="contact" class="section contact-section">
        <h2>Ready to Get Started?</h2>
        <p class="section-intro" style="color: rgba(255,255,255,0.9);">Contact us today to learn more about our online GED program and take the first step toward your future.</p>
        
        <div class="contact-info">
            <div class="contact-item">
                <div class="contact-icon">📧</div>
                <strong>Email</strong>
                <span>info@online-abm.com</span>
            </div>
            <div class="contact-item">
                <div class="contact-icon">📞</div>
                <strong>Phone</strong>
                <span>(555) 123-4567</span>
            </div>
            <div class="contact-item">
                <div class="contact-icon">🌐</div>
                <strong>Website</strong>
                <span>www.online-abm.com</span>
            </div>
        </div>
        
        <div style="margin-top: 3rem;">
            <a href="mailto:info@online-abm.com" class="cta-button">Contact Us Today</a>
        </div>
    </section>

    <footer>
        <p>&copy; 2026 Lighthouse Ministries Academy. All rights reserved.</p>
        <p style="margin-top: 0.5rem; opacity: 0.8;">Empowering students to achieve their educational dreams.</p>
    </footer>
</body>
</html>