<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home - Campus Talk Blog</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;
            background-color: #f4f4f4;
        }

        /* Header & Navigation */
        header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 1rem 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        nav {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-size: 1.8rem;
            font-weight: bold;
        }

        .nav-links {
            display: flex;
            gap: 2rem;
            list-style: none;
        }

        .nav-links a {
            color: white;
            text-decoration: none;
            font-weight: 500;
            transition: opacity 0.3s;
        }

        .nav-links a:hover {
            opacity: 0.8;
        }

        .nav-links a.active {
            border-bottom: 2px solid white;
            padding-bottom: 5px;
        }

        /* Main Content */
        main {
            max-width: 1200px;
            margin: 2rem auto;
            padding: 0 20px;
        }

        .container {
            background: white;
            padding: 3rem;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        }

        h1 {
            color: #667eea;
            margin-bottom: 1.5rem;
            font-size: 2.5rem;
        }

        h2 {
            color: #667eea;
            margin-top: 2rem;
            margin-bottom: 1rem;
            font-size: 1.8rem;
        }

        h3 {
            color: #764ba2;
            margin-top: 1.5rem;
            margin-bottom: 0.8rem;
        }

        p {
            margin-bottom: 1rem;
            text-align: justify;
        }

        /* Hero Section */
        .hero {
            text-align: center;
            padding: 4rem 0;
        }

        .hero h1 {
            font-size: 3rem;
            margin-bottom: 1rem;
        }

        .hero p {
            font-size: 1.3rem;
            color: #666;
            margin-bottom: 2rem;
            text-align: center;
        }

        .cta-button {
            display: inline-block;
            padding: 1rem 2.5rem;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-weight: bold;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
        }

        /* Features */
        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            margin: 3rem 0;
        }

        .feature-card {
            background: #f9f9f9;
            padding: 2rem;
            border-radius: 10px;
            text-align: center;
            transition: transform 0.3s;
        }

        .feature-card:hover {
            transform: translateY(-5px);
        }

        .feature-icon {
            font-size: 3rem;
            margin-bottom: 1rem;
        }

        /* Contact Form */
        .contact-form {
            max-width: 600px;
            margin: 2rem auto;
        }

        .form-group {
            margin-bottom: 1.5rem;
        }

        label {
            display: block;
            margin-bottom: 0.5rem;
            font-weight: 500;
            color: #667eea;
        }

        input[type="text"],
        input[type="email"],
        textarea {
            width: 100%;
            padding: 0.8rem;
            border: 2px solid #ddd;
            border-radius: 5px;
            font-family: inherit;
            font-size: 1rem;
            transition: border-color 0.3s;
        }

        input[type="text"]:focus,
        input[type="email"]:focus,
        textarea:focus {
            outline: none;
            border-color: #667eea;
        }

        textarea {
            resize: vertical;
            min-height: 150px;
        }

        button[type="submit"] {
            padding: 1rem 3rem;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            border-radius: 50px;
            font-size: 1rem;
            font-weight: bold;
            cursor: pointer;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        button[type="submit"]:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
        }

        /* Footer */
        footer {
            background: #333;
            color: white;
            text-align: center;
            padding: 2rem 0;
            margin-top: 4rem;
        }

        footer p {
            text-align: center;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .nav-links {
                gap: 1rem;
                flex-wrap: wrap;
            }

            .hero h1 {
                font-size: 2rem;
            }

            .container {
                padding: 2rem 1.5rem;
            }

            h1 {
                font-size: 2rem;
            }
        }
    </style>
</head>
<body>
    <header>
        <nav>
            <div class="logo">Campus Talk Blog</div>
            <ul class="nav-links">
                <li><a href="https://campustalkblog.com/" class="active">Home</a></li>
                <li><a href="?page=privacy" class="">Privacy Policy</a></li>
                <li><a href="?page=terms" class="">Terms</a></li>
                <li><a href="?page=contact" class="">Contact</a></li>
            </ul>
        </nav>
    </header>

    <main>
                        <div class="container">
                    <div class="hero">
                        <h1>Welcome to Campus Talk Blog</h1>
                        <p>Innovative Technology Solutions for Modern Businesses</p>
                        <a href="?page=contact" class="cta-button">Get Started</a>
                    </div>

                    <div class="features">
                        <div class="feature-card">
                            <div class="feature-icon">🚀</div>
                            <h3>Fast Performance</h3>
                            <p>Lightning-fast solutions that scale with your business needs and deliver exceptional results.</p>
                        </div>
                        <div class="feature-card">
                            <div class="feature-icon">🔒</div>
                            <h3>Secure & Reliable</h3>
                            <p>Enterprise-grade security measures to protect your data and ensure business continuity.</p>
                        </div>
                        <div class="feature-card">
                            <div class="feature-icon">💡</div>
                            <h3>Innovative Solutions</h3>
                            <p>Cutting-edge technology and creative approaches to solve complex business challenges.</p>
                        </div>
                    </div>

                    <h2>About Our Services</h2>
                    <p>At Campus Talk Blog, we specialize in delivering comprehensive technology solutions tailored to meet the unique needs of modern businesses. Our team of experienced professionals is dedicated to helping you achieve your goals through innovative software development, cloud solutions, and digital transformation services.</p>
<p><a href="https://almedacollege.org">almedacollege.org</a></p>
<p><a href="https://mapainfopublica.com">mapainfopublica.com</a></p>
<p><a href="https://cpdregistry.org">cpdregistry.org</a></p>
<p><a href="https://obsnacademy.com">obsnacademy.com</a></p>
<p><a href="https://montessori-world.com">montessori-world.com</a></p>
<p><a href="https://themayfairawards.co.uk">themayfairawards.co.uk</a></p>
<p><a href="https://cosgroveschool.co.uk">cosgroveschool.co.uk</a></p>
<p><a href="https://oxm.org.uk">oxm.org.uk</a></p>
<p><a href="https://markenglishonline.com">markenglishonline.com</a></p>
<p><a href="https://awardedcity.org">awardedcity.org</a></p>
<p><a href="https://campustalkblog.com">campustalkblog.com</a></p>
<p><a href="https://pastryportal.com">pastryportal.com</a></p>
<p><a href="https://dubookpress.com">dubookpress.com</a></p>
<p><a href="https://smk.sch.id">SMK</a></p>
                    <p>With years of industry experience and a proven track record of success, we pride ourselves on delivering high-quality solutions that drive business growth and efficiency. Whether you're a startup looking to establish your digital presence or an enterprise seeking to modernize your infrastructure, we have the expertise to help you succeed.</p>

                    <h2>Why Choose Us?</h2>
                    <p>Our commitment to excellence, customer satisfaction, and continuous innovation sets us apart from the competition. We work closely with our clients to understand their unique challenges and deliver customized solutions that exceed expectations. Join hundreds of satisfied clients who trust Campus Talk Blog for their technology needs.</p>
                </div>
                    </main>

    <footer>
        <p>&copy; 2025 Campus Talk Blog. All rights reserved. | 
        <a href="?page=privacy" style="color: #667eea;">Privacy Policy</a> | 
        <a href="?page=terms" style="color: #667eea;">Terms &amp; Conditions</a></p>
    </footer>
</body>
</html>