<?php
include("connection/conn.php");
$error2="";
	if(isset($_POST['submit2']))
    {
		$name=mysqli_real_escape_string($link,$_POST['name']);
		$e_mail=mysqli_real_escape_string($link,$_POST['email']);
		$phone=mysqli_real_escape_string($link,$_POST['mobile']);
		$course=mysqli_real_escape_string($link,$_POST['course']);
		$message=mysqli_real_escape_string($link,$_POST['message']);
		$date=date('Y-m-d');
		if($name=="")
		{
			$error2="Please enter your name.<br>";
		}
		if($e_mail=="")
		{
			$error2.="Please enter your email address.<br>";
		}
		if($phone=="")
		{
			$error2.="Please enter your phone number.<br>";
		}
		if($course=="")
		{
			$error2.="Please enter your course.<br>";
		}
		if($error2=="")
		{
			$insert="insert into contact_form_submissions set name='".$name."',email='".$e_mail."',phone='".$phone."',course='".$course."',message='".$message."',submission_date='".$date."'";
			$query=mysqli_query($link,$insert);
			header("location:thankyou.php?success=1");
			exit();
		}	
   }
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us - Edunet</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">




<?php
include("header.php");


?>


    <style>
        /* Reset and Base Styles */
        .edunet-reset {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', sans-serif;
        }

        .edunet-body {
            background-color: #f8fafc;
            color: #333;
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Contact Page Container */
        .edunet-contact-wrapper {
            padding: 100px 20px 80px;
            max-width: 1400px;
            margin: 0 auto;
            position: relative;
        }

        /* Page Header */
        .edunet-page-header-container {
            text-align: center;
            margin-bottom: 80px;
            position: relative;
        }

        .edunet-contact-badge {
            display: inline-block;
            background: linear-gradient(135deg, #ff9a00 0%, #ff6a00 100%);
            color: white;
            padding: 8px 24px;
            border-radius: 30px;
            font-size: 0.9rem;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 20px;
            box-shadow: 0 8px 20px rgba(255, 106, 0, 0.2);
            transform: translateY(20px);
            opacity: 0;
            animation: edunet-fade-up 0.8s ease-out 0.2s forwards;
        }

        .edunet-main-title {
            font-size: 3.2rem;
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 20px;
            color: #1e3a8a;
            transform: translateY(30px);
            opacity: 0;
            animation: edunet-fade-up 0.8s ease-out 0.4s forwards;
        }

        .edunet-main-title span {
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
        }

        .edunet-header-description {
            font-size: 1.2rem;
            color: #64748b;
            max-width: 700px;
            margin: 0 auto;
            transform: translateY(30px);
            opacity: 0;
            animation: edunet-fade-up 0.8s ease-out 0.6s forwards;
        }

        @keyframes edunet-fade-up {
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        /* Contact Container */
        .edunet-contact-layout {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            margin-bottom: 80px;
        }

        /* Contact Info Section */
        .edunet-contact-info-panel {
            transform: translateY(40px);
            opacity: 0;
            animation: edunet-fade-up 0.8s ease-out 0.8s forwards;
        }

        .edunet-info-card {
            background: white;
            border-radius: 25px;
            padding: 40px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            height: 100%;
            position: relative;
            overflow: hidden;
        }

        .edunet-info-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 8px;
            background: linear-gradient(90deg, #1e3a8a, #4facfe, #00f2fe);
        }

        .edunet-info-title {
            font-size: 1.8rem;
            font-weight: 700;
            color: #1e3a8a;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .edunet-info-title i {
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.3rem;
        }

        .edunet-details-container {
            display: flex;
            flex-direction: column;
            gap: 35px;
            margin-bottom: 40px;
        }

        .edunet-contact-detail-item {
            display: flex;
            align-items: flex-start;
            gap: 20px;
            transition: all 0.4s ease;
            padding: 15px;
            border-radius: 15px;
        }

        .edunet-contact-detail-item:hover {
            background: #f0f9ff;
            transform: translateX(10px);
        }

        .edunet-detail-icon {
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
            width: 60px;
            height: 60px;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #1e3a8a;
            font-size: 1.5rem;
            flex-shrink: 0;
            transition: all 0.3s ease;
        }

        .edunet-contact-detail-item:hover .edunet-detail-icon {
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            color: white;
            transform: scale(1.1);
        }

        .edunet-detail-text {
            flex: 1;
        }

        .edunet-detail-label {
            font-size: 0.9rem;
            color: #64748b;
            font-weight: 600;
            margin-bottom: 8px;
            letter-spacing: 0.5px;
        }

        .edunet-detail-value {
            font-size: 1.2rem;
            font-weight: 700;
            color: #1e3a8a;
            line-height: 1.4;
        }

        .edunet-social-section {
            margin-top: 40px;
        }

        .edunet-social-title {
            font-size: 1.2rem;
            font-weight: 600;
            color: #1e3a8a;
            margin-bottom: 20px;
        }

        .edunet-social-links-container {
            display: flex;
            gap: 15px;
        }

        .edunet-social-link-item {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 55px;
            height: 55px;
            background: #f0f9ff;
            color: #1e3a8a;
            border-radius: 15px;
            font-size: 1.3rem;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .edunet-social-link-item:hover {
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            color: white;
            transform: translateY(-8px);
            box-shadow: 0 12px 25px rgba(30, 58, 138, 0.3);
        }

        /* Contact Form Section */
        .edunet-contact-form-panel {
            transform: translateY(40px);
            opacity: 0;
            animation: edunet-fade-up 0.8s ease-out 1s forwards;
        }

        .edunet-form-card {
            background: white;
            border-radius: 25px;
            padding: 40px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            height: 100%;
            position: relative;
            overflow: hidden;
        }

        .edunet-form-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 8px;
            background: linear-gradient(90deg, #ff9a00, #ff6a00);
        }

        .edunet-form-title {
            font-size: 1.8rem;
            font-weight: 700;
            color: #1e3a8a;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .edunet-form-title i {
            background: linear-gradient(135deg, #ff9a00 0%, #ff6a00 100%);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.3rem;
        }

        .edunet-contact-form-main {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }

        .edunet-form-group {
            position: relative;
        }

        .edunet-form-label {
            display: block;
            margin-bottom: 10px;
            font-weight: 600;
            color: #475569;
            font-size: 1rem;
        }

        .edunet-form-input {
            width: 100%;
            padding: 18px 25px;
            border: 2px solid #e2e8f0;
            border-radius: 15px;
            font-size: 1rem;
            font-weight: 500;
            color: #1e293b;
            transition: all 0.3s ease;
            background: white;
        }

        .edunet-form-input:focus {
            outline: none;
            border-color: #4facfe;
            box-shadow: 0 0 0 3px rgba(79, 172, 254, 0.2);
        }

        .edunet-form-input::placeholder {
            color: #94a3b8;
        }

        .edunet-form-textarea {
            min-height: 180px;
            resize: vertical;
            font-family: 'Poppins', sans-serif;
        }

        .edunet-submit-button {
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            color: white;
            border: none;
            padding: 18px 40px;
            border-radius: 15px;
            font-size: 1.1rem;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-top: 10px;
            box-shadow: 0 10px 25px rgba(30, 58, 138, 0.3);
        }

        .edunet-submit-button:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(30, 58, 138, 0.4);
        }

        .edunet-submit-button:active {
            transform: translateY(-2px);
        }

        /* Map Section */
        .edunet-map-container {
            margin-bottom: 80px;
            transform: translateY(40px);
            opacity: 0;
            animation: edunet-fade-up 0.8s ease-out 1.2s forwards;
        }

        .edunet-map-title {
            font-size: 2rem;
            font-weight: 800;
            color: #1e3a8a;
            margin-bottom: 30px;
            text-align: center;
        }

        .edunet-map-title span {
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
        }

        .edunet-map-wrapper {
            background: white;
            border-radius: 25px;
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            height: 500px;
            position: relative;
        }

        .edunet-map-placeholder {
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #1e3a8a;
            text-align: center;
            padding: 40px;
        }

        .edunet-map-placeholder-icon {
            font-size: 5rem;
            margin-bottom: 30px;
            opacity: 0.7;
        }

        .edunet-map-placeholder-title {
            font-size: 2rem;
            margin-bottom: 15px;
        }

        .edunet-map-placeholder-text {
            font-size: 1.1rem;
            max-width: 600px;
            color: #64748b;
        }

        /* FAQ Section */
        .edunet-faq-container {
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: edunet-fade-up 0.8s ease-out 1.4s forwards;
        }

        .edunet-faq-title {
            font-size: 2rem;
            font-weight: 800;
            color: #1e3a8a;
            margin-bottom: 40px;
            text-align: center;
        }

        .edunet-faq-title span {
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
        }

        .edunet-faq-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
            gap: 25px;
        }

        .edunet-faq-item {
            background: white;
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }

        .edunet-faq-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
        }

        .edunet-faq-question {
            font-size: 1.3rem;
            font-weight: 700;
            color: #1e3a8a;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .edunet-faq-question i {
            color: #4facfe;
            font-size: 1.2rem;
        }

        .edunet-faq-answer {
            color: #64748b;
            line-height: 1.6;
        }

        /* Floating Elements */
        .edunet-floating-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            pointer-events: none;
        }

        .edunet-floating-element {
            position: absolute;
            border-radius: 20px;
            opacity: 0.1;
            animation: edunet-float-animation 25s infinite linear;
        }

        .edunet-floating-element-1 {
            width: 120px;
            height: 120px;
            background: #1e3a8a;
            top: 10%;
            left: 5%;
            animation-delay: 0s;
        }

        .edunet-floating-element-2 {
            width: 80px;
            height: 80px;
            background: #ff9a00;
            top: 70%;
            right: 10%;
            animation-delay: -5s;
            animation-duration: 30s;
        }

        .edunet-floating-element-3 {
            width: 160px;
            height: 160px;
            background: #4facfe;
            bottom: 10%;
            left: 15%;
            animation-delay: -10s;
            animation-duration: 35s;
        }

        @keyframes edunet-float-animation {
            0% {
                transform: translateY(0) rotate(0deg);
            }
            25% {
                transform: translateY(-30px) rotate(90deg);
            }
            50% {
                transform: translateY(-60px) rotate(180deg);
            }
            75% {
                transform: translateY(-30px) rotate(270deg);
            }
            100% {
                transform: translateY(0) rotate(360deg);
            }
        }

        /* Responsive Styles */
        @media (max-width: 1200px) {
            .edunet-contact-layout {
                gap: 40px;
            }
            
            .edunet-faq-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 992px) {
            .edunet-main-title {
                font-size: 2.5rem;
            }
            
            .edunet-contact-layout {
                grid-template-columns: 1fr;
                gap: 50px;
            }
            
            .edunet-faq-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 768px) {
            .edunet-contact-wrapper {
                padding: 80px 20px 60px;
            }
            
            .edunet-main-title {
                font-size: 2.2rem;
            }
            
            .edunet-header-description {
                font-size: 1.1rem;
            }
            
            .edunet-info-card,
            .edunet-form-card {
                padding: 30px;
            }
            
            .edunet-detail-icon {
                width: 50px;
                height: 50px;
                font-size: 1.3rem;
            }
            
            .edunet-detail-value {
                font-size: 1.1rem;
            }
            
            .edunet-map-wrapper {
                height: 400px;
            }
            
            .edunet-map-placeholder-icon {
                font-size: 4rem;
            }
            
            .edunet-map-placeholder-title {
                font-size: 1.8rem;
            }
            
            .edunet-floating-element {
                display: none;
            }
        }

        @media (max-width: 576px) {
            .edunet-main-title {
                font-size: 1.8rem;
            }
            
            .edunet-contact-badge {
                font-size: 0.8rem;
                padding: 6px 18px;
            }
            
            .edunet-info-title,
            .edunet-form-title {
                font-size: 1.5rem;
            }
            
            .edunet-info-title i,
            .edunet-form-title i {
                width: 45px;
                height: 45px;
                font-size: 1.2rem;
            }
            
            .edunet-contact-detail-item {
                flex-direction: column;
                gap: 15px;
            }
            
            .edunet-detail-icon {
                width: 60px;
                height: 60px;
            }
            
            .edunet-social-links-container {
                justify-content: center;
            }
            
            .edunet-faq-item {
                padding: 20px;
            }
            
            .edunet-faq-question {
                font-size: 1.1rem;
            }
        }

        /* Demo Info */
        .edunet-demo-info {
            max-width: 1200px;
            margin: 60px auto;
            padding: 0 20px;
        }

        .edunet-demo-title {
            color: #1e3a8a;
            margin-bottom: 20px;
            font-size: 1.8rem;
        }

        .edunet-demo-text {
            color: #475569;
            margin-bottom: 20px;
            font-size: 1.1rem;
        }
    </style>
</head>
<body class="edunet-body">
    <!-- Contact Page -->
    <section class="edunet-contact-wrapper">
        <!-- Floating Background Elements -->
        <div class="edunet-floating-background">
            <div class="edunet-floating-element edunet-floating-element-1"></div>
            <div class="edunet-floating-element edunet-floating-element-2"></div>
            <div class="edunet-floating-element edunet-floating-element-3"></div>
        </div>
        
        <!-- Page Header -->
        <div class="edunet-page-header-container">
            <div class="edunet-contact-badge">
                <i class="fas fa-headset"></i> Get in Touch
            </div>
            <h1 class="edunet-main-title">Contact <span>Edunet</span></h1>
            <p class="edunet-header-description">
                Have questions about our courses or admissions? We're here to help! Reach out to us using the contact details below or send us a message.
            </p>
        </div>
        
        <!-- Contact Container -->
        <div class="edunet-contact-layout">
            <!-- Contact Info -->
            <div class="edunet-contact-info-panel">
                <div class="edunet-info-card">
                    <h2 class="edunet-info-title">
                        <i class="fas fa-address-book"></i> Contact Information
                    </h2>
                    
                    <div class="edunet-details-container">
                        <!-- Email -->
                        <div class="edunet-contact-detail-item">
                            <div class="edunet-detail-icon">
                                <i class="fas fa-envelope"></i>
                            </div>
                            <div class="edunet-detail-text">
                                <div class="edunet-detail-label">Email Address</div>
                                <div class="edunet-detail-value">prajtyagi@gmail.com</div>
                            </div>
                        </div>
                        
                        <!-- Phone -->
                        <div class="edunet-contact-detail-item">
                            <div class="edunet-detail-icon">
                                <i class="fas fa-phone-alt"></i>
                            </div>
                            <div class="edunet-detail-text">
                                <div class="edunet-detail-label">Phone Number</div>
                                <div class="edunet-detail-value">+91 98999 44214</div>
                            </div>
                        </div>
                        
                        <!-- Address -->
                        <div class="edunet-contact-detail-item">
                            <div class="edunet-detail-icon">
                                <i class="fas fa-map-marker-alt"></i>
                            </div>
                            <div class="edunet-detail-text">
                                <div class="edunet-detail-label">Our Location</div>
                                <div class="edunet-detail-value">266, Noor Nagar Ghaziabad,<br>Uttar Pradesh - 201001</div>
                            </div>
                        </div>
                        
                        <!-- Hours -->
                        <div class="edunet-contact-detail-item">
                            <div class="edunet-detail-icon">
                                <i class="far fa-clock"></i>
                            </div>
                            <div class="edunet-detail-text">
                                <div class="edunet-detail-label">Working Hours</div>
                                <div class="edunet-detail-value">Monday - Friday: 9:00 AM - 6:00 PM<br>Saturday: 10:00 AM - 4:00 PM</div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Social Links -->
                    <div class="edunet-social-section">
                        <h3 class="edunet-social-title">Connect With Us</h3>
                        <div class="edunet-social-links-container">
                            <a href="#" class="edunet-social-link-item">
                                <i class="fab fa-facebook-f"></i>
                            </a>
                            <a href="#" class="edunet-social-link-item">
                                <i class="fab fa-twitter"></i>
                            </a>
                            <a href="#" class="edunet-social-link-item">
                                <i class="fab fa-instagram"></i>
                            </a>
                            <a href="#" class="edunet-social-link-item">
                                <i class="fab fa-linkedin-in"></i>
                            </a>
                            <a href="#" class="edunet-social-link-item">
                                <i class="fab fa-youtube"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Contact Form -->
            <div class="edunet-contact-form-panel">
                <div class="edunet-form-card">
                    <h2 class="edunet-form-title">
                        <i class="fas fa-paper-plane"></i> Send Us a Message
                    </h2>
                    
                    <form class="edunet-contact-form-main"  method="post" action="">
                        <div class="edunet-form-group">
                            <label class="edunet-form-label" for="edunetUserName">Full Name *</label>
                            <input type="text" name="name" class="edunet-form-input" placeholder="Enter your full name" required>
                        </div>
                        
                        <div class="edunet-form-group">
                            <label class="edunet-form-label" for="edunetUserEmail">Email Address *</label>
                            <input type="email" name="email" class="edunet-form-input" placeholder="Enter your email address" required>
                        </div>
                        
                        <div class="edunet-form-group">
                            <label class="edunet-form-label" for="edunetUserPhone">Mobile Number</label>
                            <input type="tel" name="mobile" class="edunet-form-input" placeholder="Enter your phone number">
                        </div>
                        
                        <div class="edunet-form-group">
                            <label class="edunet-form-label" for="edunetMessageSubject">Course *</label>
                            <input type="text" name="course" class="edunet-form-input" placeholder="What is this regarding?" required>
                        </div>
                        
                        <div class="edunet-form-group">
                            <label class="edunet-form-label" for="edunetUserMessage">Your Message *</label>
                            <textarea id="message" class="edunet-form-input edunet-form-textarea" placeholder="Please write your message here..." required></textarea>
                        </div>
                        
                        <input type="submit" class="edunet-submit-button" value="Send Message" name="submit2">
                            <i class="fas fa-paper-plane"></i> 
                     
                    </form>
                </div>
            </div>
        </div>
        
        <!-- Map Section -->
        <div class="edunet-map-container">
            <h2 class="edunet-map-title">Find Us on <span>Google Maps</span></h2>
            <div class="edunet-map-wrapper">
                <div class="edunet-map-placeholder">
                    <i class="fas fa-map-marked-alt edunet-map-placeholder-icon"></i>
                    <h3 class="edunet-map-placeholder-title">Our Location</h3>
                    <p class="edunet-map-placeholder-text">GreenlandPpublic School Duhai Ghaziabad, Uttar Pradesh-201206</p>
                    <p class="edunet-map-placeholder-text" style="margin-top: 10px; font-size: 1rem;">(Interactive map would be integrated here)</p>
                </div>
            </div>
        </div>
        
        <!-- FAQ Section -->
        <div class="edunet-faq-container">
            <h2 class="edunet-faq-title">Frequently Asked <span>Questions</span></h2>
            <div class="edunet-faq-grid">
                <div class="edunet-faq-item">
                    <h3 class="edunet-faq-question">
                        <i class="far fa-question-circle"></i> What is the admission process for Edunet?
                    </h3>
                    <p class="edunet-faq-answer">
                        The admission process involves submitting an online application, followed by document verification and an entrance exam (if applicable). Once selected, you'll receive an offer letter with further instructions.
                    </p>
                </div>
                
                <div class="edunet-faq-item">
                    <h3 class="edunet-faq-question">
                        <i class="far fa-question-circle"></i> How can I apply for scholarships?
                    </h3>
                    <p class="edunet-faq-answer">
                        Scholarship applications are available through our online portal. Eligibility criteria vary by program. Visit our scholarships page or contact our admissions office for detailed information.
                    </p>
                </div>
                
                <div class="edunet-faq-item">
                    <h3 class="edunet-faq-question">
                        <i class="far fa-question-circle"></i> What are the payment options available?
                    </h3>
                    <p class="edunet-faq-answer">
                        We accept online payments through credit/debit cards, net banking, UPI, and EMI options. Offline payments can be made via bank transfer or demand draft.
                    </p>
                </div>
                
                <div class="edunet-faq-item">
                    <h3 class="edunet-faq-question">
                        <i class="far fa-question-circle"></i> Can I visit the campus before applying?
                    </h3>
                    <p class="edunet-faq-answer">
                        Yes, we offer campus tours by appointment. Please contact our admissions office to schedule a visit and experience our facilities firsthand.
                    </p>
                </div>
            </div>
        </div>
    </section>
    
   

    <script>
        // Contact Form Submission
        const edunetContactForm = document.getElementById('edunetContactForm');
        
        edunetContactForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            // Get form values
            const edunetUserName = document.getElementById('edunetUserName').value;
            const edunetUserEmail = document.getElementById('edunetUserEmail').value;
            const edunetMessageSubject = document.getElementById('edunetMessageSubject').value;
            
            // Show success message
            alert(`Thank you ${edunetUserName}! Your message regarding "${edunetMessageSubject}" has been received. We will contact you at ${edunetUserEmail} shortly.`);
            
            // Reset form
            edunetContactForm.reset();
            
            // Add visual feedback
            const edunetSubmitButton = document.querySelector('.edunet-submit-button');
            const edunetOriginalButtonText = edunetSubmitButton.innerHTML;
            
            edunetSubmitButton.innerHTML = '<i class="fas fa-check"></i> Message Sent!';
            edunetSubmitButton.style.background = 'linear-gradient(135deg, #10b981 0%, #34d399 100%)';
            
            setTimeout(() => {
                edunetSubmitButton.innerHTML = edunetOriginalButtonText;
                edunetSubmitButton.style.background = 'linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%)';
            }, 3000);
        });
        
        // Contact item hover animation enhancement
        const edunetContactItems = document.querySelectorAll('.edunet-contact-detail-item');
        edunetContactItems.forEach(item => {
            item.addEventListener('mouseenter', () => {
                const edunetIcon = item.querySelector('.edunet-detail-icon');
                edunetIcon.style.transform = 'scale(1.1) rotate(5deg)';
            });
            
            item.addEventListener('mouseleave', () => {
                const edunetIcon = item.querySelector('.edunet-detail-icon');
                edunetIcon.style.transform = 'scale(1) rotate(0deg)';
            });
        });
        
        // Social link hover effects
        const edunetSocialLinks = document.querySelectorAll('.edunet-social-link-item');
        edunetSocialLinks.forEach(link => {
            link.addEventListener('mouseenter', function() {
                this.style.transform = 'translateY(-8px) scale(1.1)';
            });
            
            link.addEventListener('mouseleave', function() {
                this.style.transform = 'translateY(0) scale(1)';
            });
        });
        
        // Form input focus effects
        const edunetFormInputs = document.querySelectorAll('.edunet-form-input');
        edunetFormInputs.forEach(input => {
            input.addEventListener('focus', function() {
                this.parentElement.style.transform = 'translateY(-5px)';
            });
            
            input.addEventListener('blur', function() {
                this.parentElement.style.transform = 'translateY(0)';
            });
        });
        
        // FAQ item click to expand (optional enhancement)
        const edunetFaqItems = document.querySelectorAll('.edunet-faq-item');
        edunetFaqItems.forEach(item => {
            item.addEventListener('click', function() {
                // Remove active class from all items
                edunetFaqItems.forEach(faq => {
                    if (faq !== this) {
                        faq.classList.remove('edunet-faq-active');
                    }
                });
                
                // Toggle active class on clicked item
                this.classList.toggle('edunet-faq-active');
            });
        });
        
        // Animate elements on scroll
        const edunetObserverOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };
        
        const edunetScrollObserver = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.style.opacity = '1';
                    entry.target.style.transform = 'translateY(0)';
                }
            });
        }, edunetObserverOptions);
        
        // Observe sections for scroll animations
        const edunetSections = document.querySelectorAll('.edunet-contact-info-panel, .edunet-contact-form-panel, .edunet-map-container, .edunet-faq-container');
        edunetSections.forEach(section => {
            edunetScrollObserver.observe(section);
        });
        
        // Randomize floating elements position on load
        document.addEventListener('DOMContentLoaded', () => {
            const edunetFloatingElements = document.querySelectorAll('.edunet-floating-element');
            edunetFloatingElements.forEach(element => {
                // Randomize initial position
                const edunetRandomTop = Math.random() * 80 + 10;
                const edunetRandomLeft = Math.random() * 80 + 10;
                element.style.top = `${edunetRandomTop}%`;
                element.style.left = `${edunetRandomLeft}%`;
                
                // Randomize size
                const edunetRandomSize = Math.random() * 100 + 80;
                element.style.width = `${edunetRandomSize}px`;
                element.style.height = `${edunetRandomSize}px`;
                
                // Randomize animation duration
                const edunetRandomDuration = Math.random() * 20 + 25;
                element.style.animationDuration = `${edunetRandomDuration}s`;
            });
        });
    </script>



<?php
include("footer.php");


?>