Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/hifi11.in/public_html

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: courses_.php

<?php
// Start session at the VERY beginning before any output
session_start();

// Check for coupon parameter (not changing flow but kept if needed later)
$couponApplied = isset($_GET['coupon']) && $_GET['coupon'] === 'TECHAK';
$discountedPrice = $couponApplied ? 1399 : 199; // final price now 199 (coupon kept but unlikely)
$originalPrice = 799;

// Generate a unique session ID if not set
if (!isset($_SESSION['user_tracking_id'])) {
    $_SESSION['user_tracking_id'] = bin2hex(random_bytes(16));
}
$session_id = $_SESSION['user_tracking_id'];
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>AI Full Stack Mastery Course | Hifi11 Technologies - Learn Web Development with AI</title>
<meta name="description" content="Master Full Stack Development with AI tools. 10-hour recorded course covering frontend, backend, databases & AI-powered coding. Build real projects from Day 1. One-time payment, lifetime access.">
<meta name="keywords" content="full stack development course, AI coding course, web development training, learn programming, frontend backend course, PHP MySQL course, AI tools for developers, Hifi11 courses">
<meta name="author" content="Hifi11 Technologies">

<meta property="og:title" content="AI Full Stack Mastery Course - Hifi11 Technologies">
<meta property="og:description" content="Learn Full Stack Development with AI tools. 10-hour recorded course with project-based learning. Build websites, CRMs and deploy applications.">
<meta property="og:type" content="website">

<link rel="canonical" href="https://hifi11.com/courses/ai-full-stack-mastery">

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Course",
  "name": "AI Full Stack Mastery",
  "description": "Complete Full Stack Development course with AI tools integration",
  "provider": {
    "@type": "Organization",
    "name": "Hifi11 Technologies",
    "sameAs": "https://hifi11.in"
  },
  "hasCourseInstance": {
    "@type": "CourseInstance",
    "courseMode": "self-paced",
    "courseWorkload": "PT10H"
  }
}
</script>
  <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=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
  <link rel="apple-touch-icon" sizes="180x180" href="assets/fav/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="assets/fav/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="assets/fav/favicon-16x16.png">
  <link rel="manifest" href="assets/fav/site.webmanifest">
  <script src="https://cdn.tailwindcss.com"></script>
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">

/* Very light decorative background (white-first) */
    .bg-animated{
      position:fixed; inset:0; z-index:-1;
      background:
        radial-gradient(900px 600px at 10% -10%, rgba(37,99,235,.10), transparent 60%),
        radial-gradient(900px 600px at 110% 20%, rgba(6,182,212,.10), transparent 60%),
        linear-gradient(180deg, #fff 0%, #fff 100%);
      background-size:200% 200%;
      animation:grad 24s ease-in-out infinite;
      opacity:.85; /* subtle */
    }
    @keyframes grad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* Cards / UI */
    .brand-card   { background:#ffffff; color:var(--ink); }
    .glass-light  { background:rgba(37,99,235,.08); border:1px solid rgba(37,99,235,.15) }
    .card{transition:transform .25s ease, box-shadow .25s ease}
    .card:hover{transform:translateY(-6px); box-shadow:0 14px 30px rgba(2,8,23,.08)}
    .btn{transition:transform .2s ease, box-shadow .2s ease}
    .btn:hover{transform:translateY(-1px); box-shadow:0 8px 20px rgba(2,8,23,.12)}
    .gradient-text{background:linear-gradient(90deg,var(--brand-mid),var(--brand-to)); -webkit-background-clip:text; background-clip:text; color:transparent}
    .badge{background:linear-gradient(90deg, rgba(37,99,235,.10), rgba(6,182,212,.10)); color:var(--brand-from); border:1px solid rgba(37,99,235,.15)}
    .brand-ring{box-shadow:0 0 0 3px rgba(37,99,235,.12)}

.progress{height:4px; background:#e5e7eb; border-radius:2px; overflow:hidden}
    .progress > span{display:block; height:100%; width:0; background:linear-gradient(90deg,var(--brand-mid),var(--brand-to)); transition:width .3s ease}

.faq-a{max-height:0; overflow:hidden; transition:max-height .3s ease}
    .faq-a.active{max-height:260px}

/* Course specific styles */
    .course-card {
      border-radius: 16px;
      overflow: hidden;
      transition: all 0.3s ease;
    }
    .course-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(2,8,23,.15);
    }
    .guarantee-badge {
      background: linear-gradient(90deg, #10b981, #059669);
      color: white;
      font-weight: 600;
      padding: 4px 10px;
      border-radius: 20px;
      font-size: 12px;
      display: inline-block;
    }
    .batch-badge {
      background: linear-gradient(90deg, var(--brand-mid), var(--brand-to));
      color: white;
      font-weight: 600;
      padding: 4px 10px;
      border-radius: 20px;
      font-size: 12px;
      display: inline-block;
    }
    
    /* Feature cards */
    .feature-card {
      border-radius: 12px;
      transition: all 0.3s ease;
      padding: 1.5rem;
      text-align: center;
    }
    .feature-card:hover {
      transform: translateY(-5px);
    }
    
    /* Instructor card */
    .instructor-card {
      border-radius: 16px;
      overflow: hidden;
      transition: all 0.3s ease;
    }
    
    /* Course hero section */
    .course-hero {
      background: linear-gradient(135deg, var(--brand-from), var(--brand-to));
      color: white;
    }
    
    /* Section titles */
    .section-title {
      position: relative;
      padding-bottom: 1rem;
      margin-bottom: 2rem;
    }
    .section-title:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 60px;
      height: 3px;
      background: linear-gradient(90deg, var(--brand-mid), var(--brand-to));
      border-radius: 2px;
    }
  </style>
</head>
<body>
  <div class="bg-animated"></div>

<?php include('includes/header.php')?>
  <div class="h-16"></div>

<section class="py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6">
      <div class="grid lg:grid-cols-2 gap-8 items-center">
        
        <div class="course-card brand-card shadow-lg">
          <img src="https://images.unsplash.com/photo-1555066931-4365d14bab8c" alt="Recorded AI Full Stack" class="w-full h-64 sm:h-96 object-cover">
        </div>

<div class="space-y-6">
          <div>
            <h2 class="text-3xl font-bold gradient-text">AI Full Stack Mastery</h2>
            <p class="text-slate-600 mt-2">Complete recorded course covering everything from frontend basics, PHP backend, databases (MySQL), to AI-powered developer workflows.</p>
          </div>

<div class="space-y-3">
            <h3 class="font-semibold text-lg text-slate-900">
              <i class="fas fa-check-circle text-green-500 mr-2"></i>What You'll Get
            </h3>
            <div class="grid sm:grid-cols-2 gap-3">
              <div class="flex items-center">
                <i class="fas fa-play-circle text-blue-500 mr-3"></i>
                <span>10 Hours Recorded Content</span>
              </div>
              <div class="flex items-center">
                <i class="fas fa-database text-blue-500 mr-3"></i>
                <span>Backend + Database (MySQL)</span>
              </div>
              <div class="flex items-center">
                <i class="fab fa-github text-blue-500 mr-3"></i>
                <span>Project Templates (GitHub)</span>
              </div>
              <div class="flex items-center">
                <i class="fas fa-robot text-blue-500 mr-3"></i>
                <span>AI Tool Workflows & Prompts</span>
              </div>
            </div>
          </div>

<div class="glass-light rounded-xl p-4">
            <div class="flex items-start">
              <i class="fas fa-info-circle text-yellow-500 mt-1 mr-3"></i>
              <div>
                <strong>Self-paced access:</strong> Get lifetime access to recordings & resources. Start learning immediately after enrollment.
              </div>
            </div>
          </div>

<div class="glass-light rounded-xl p-6">
            <div class="flex justify-between items-center">
              <div>
                <h4 class="text-2xl font-bold gradient-text">
                  ₹<?= number_format($discountedPrice) ?> 
                  <small class="text-slate-500 text-lg line-through ml-2">₹<?= number_format($originalPrice) ?></small>
                </h4>
                <p class="text-green-600 font-semibold">
                  <?= round(($originalPrice - $discountedPrice)/$originalPrice * 100) ?>% OFF • One-time payment
                </p>
              </div>
              <button class="btn bg-[var(--brand-mid)] hover:bg-[var(--brand-from)] text-white font-semibold px-6 py-3 rounded-lg open-popup">
                Enroll Now
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

<section class="py-16 bg-slate-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6">
      <div class="section-title text-center">
        <h2 class="text-3xl font-bold text-slate-900">What You'll Discover</h2>
        <p class="text-slate-600 mt-2">Hands-on preview of AI-driven development</p>
      </div>
      
      <div class="grid md:grid-cols-3 gap-6">
        
        <div class="feature-card brand-card border border-slate-200">
          <div class="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" style="background: linear-gradient(135deg, var(--brand-mid), var(--brand-to))">
            <i class="fas fa-robot text-white text-2xl"></i>
          </div>
          <h3 class="text-xl font-semibold text-slate-900 mb-3">AI Coding</h3>
          <p class="text-slate-600">Automate 60% of your code with AI assistance and intelligent code generation.</p>
        </div>
        
        
        <div class="feature-card brand-card border border-slate-200">
          <div class="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" style="background: linear-gradient(135deg, #8b5cf6, #a855f7)">
            <i class="fas fa-bolt text-white text-2xl"></i>
          </div>
          <h3 class="text-xl font-semibold text-slate-900 mb-3">Fast Prototyping</h3>
          <p class="text-slate-600">Build functional applications in minutes instead of days with AI-powered development.</p>
        </div>
        
        
        <div class="feature-card brand-card border border-slate-200">
          <div class="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" style="background: linear-gradient(135deg, #10b981, #059669)">
            <i class="fas fa-bug text-white text-2xl"></i>
          </div>
          <h3 class="text-xl font-semibold text-slate-900 mb-3">Smart Debugging</h3>
          <p class="text-slate-600">AI finds and fixes errors automatically, saving hours of manual debugging.</p>
        </div>
      </div>
    </div>
  </section>

<section class="py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6">
      <div class="section-title">
        <h2 class="text-3xl font-bold text-slate-900">Course Content Overview</h2>
        <p class="text-slate-600 mt-2">From Zero to Deployment - Project Based Learning</p>
      </div>
      
      <div class="grid md:grid-cols-2 gap-8">
        
        <div class="brand-card rounded-2xl p-6 border border-slate-200">
          <h3 class="text-xl font-semibold text-slate-900 mb-4 flex items-center">
            <i class="fas fa-palette text-blue-500 mr-3"></i>
            Frontend Development
          </h3>
          <ul class="space-y-3 text-slate-600">
            <li class="flex items-center">
              <i class="fas fa-check-circle text-green-500 mr-2 text-sm"></i>
              <span>Landing Page Development</span>
            </li>
            <li class="flex items-center">
              <i class="fas fa-check-circle text-green-500 mr-2 text-sm"></i>
              <span>E-commerce Page Development</span>
            </li>
            <li class="flex items-center">
              <i class="fas fa-check-circle text-green-500 mr-2 text-sm"></i>
              <span>Complete Website Pages (Home, Services, Products, About, Contact)</span>
            </li>
            <li class="flex items-center">
              <i class="fas fa-check-circle text-green-500 mr-2 text-sm"></i>
              <span>Form Creation (Frontend + Backend Integration)</span>
            </li>
          </ul>
        </div>
        
        
        <div class="brand-card rounded-2xl p-6 border border-slate-200">
          <h3 class="text-xl font-semibold text-slate-900 mb-4 flex items-center">
            <i class="fas fa-server text-green-500 mr-3"></i>
            Backend & Professional Skills
          </h3>
          <ul class="space-y-3 text-slate-600">
            <li class="flex items-center">
              <i class="fas fa-check-circle text-green-500 mr-2 text-sm"></i>
              <span>Backend CRUD Operations (Create, Read, Update, Delete)</span>
            </li>
            <li class="flex items-center">
              <i class="fas fa-check-circle text-green-500 mr-2 text-sm"></i>
              <span>Complete CRM Project Development</span>
            </li>
            <li class="flex items-center">
              <i class="fas fa-check-circle text-green-500 mr-2 text-sm"></i>
              <span>Deployment Strategies (Zero to Deployment)</span>
            </li>
            <li class="flex items-center">
              <i class="fas fa-check-circle text-green-500 mr-2 text-sm"></i>
              <span>Freelance Guidance & Digital Marketing Plan</span>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>

<section class="py-16 bg-slate-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6">
      <div class="section-title">
        <h2 class="text-3xl font-bold text-slate-900">Unique Learning Approach</h2>
        <p class="text-slate-600 mt-2">Revolutionary methods that guarantee results</p>
      </div>
      
      <div class="grid md:grid-cols-3 gap-6">
        <div class="feature-card brand-card border border-slate-200 text-center">
          <div class="w-12 h-12 rounded-lg flex items-center justify-center mx-auto mb-4" style="background: linear-gradient(135deg, var(--brand-mid), var(--brand-to))">
            <i class="fas fa-calendar-day text-white text-xl"></i>
          </div>
          <h3 class="text-lg font-semibold text-slate-900 mb-2">Day 1 Project-Based Learning</h3>
          <p class="text-slate-600 text-sm">Start building real projects from the very first day</p>
        </div>
        
        <div class="feature-card brand-card border border-slate-200 text-center">
          <div class="w-12 h-12 rounded-lg flex items-center justify-center mx-auto mb-4" style="background: linear-gradient(135deg, #8b5cf6, #a855f7)">
            <i class="fas fa-users text-white text-xl"></i>
          </div>
          <h3 class="text-lg font-semibold text-slate-900 mb-2">Corporate-Style Team Tasks</h3>
          <p class="text-slate-600 text-sm">Work in teams with roles like Team Leader and Developers</p>
        </div>
        
        <div class="feature-card brand-card border border-slate-200 text-center">
          <div class="w-12 h-12 rounded-lg flex items-center justify-center mx-auto mb-4" style="background: linear-gradient(135deg, #10b981, #059669)">
            <i class="fas fa-brain text-white text-xl"></i>
          </div>
          <h3 class="text-lg font-semibold text-slate-900 mb-2">AI-Powered Development</h3>
          <p class="text-slate-600 text-sm">Learn to use ChatGPT, Deepseek and other AI tools</p>
        </div>
      </div>
    </div>
  </section>

<section class="py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6">
      <div class="section-title">
        <h2 class="text-3xl font-bold text-slate-900">Who Should Attend?</h2>
        <p class="text-slate-600 mt-2">This program is perfect for:</p>
      </div>
      
      <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
        <div class="feature-card brand-card border border-slate-200 text-center">
          <div class="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" style="background: linear-gradient(135deg, var(--brand-mid), var(--brand-to))">
            <i class="fas fa-graduation-cap text-white text-2xl"></i>
          </div>
          <h3 class="text-lg font-semibold text-slate-900 mb-2">Students & Freshers</h3>
          <p class="text-slate-600 text-sm">Engineering/Any Graduate students looking to build real-world projects</p>
        </div>
        
        <div class="feature-card brand-card border border-slate-200 text-center">
          <div class="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" style="background: linear-gradient(135deg, #8b5cf6, #a855f7)">
            <i class="fas fa-code text-white text-2xl"></i>
          </div>
          <h3 class="text-lg font-semibold text-slate-900 mb-2">Junior Developers</h3>
          <p class="text-slate-600 text-sm">1-3 years experience wanting to learn full stack with AI</p>
        </div>
        
        <div class="feature-card brand-card border border-slate-200 text-center">
          <div class="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" style="background: linear-gradient(135deg, #10b981, #059669)">
            <i class="fas fa-briefcase text-white text-2xl"></i>
          </div>
          <h3 class="text-lg font-semibold text-slate-900 mb-2">Career Changers</h3>
          <p class="text-slate-600 text-sm">Professionals transitioning to tech with zero coding experience</p>
        </div>
        
        <div class="feature-card brand-card border border-slate-200 text-center">
          <div class="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" style="background: linear-gradient(135deg, #f59e0b, #d97706)">
            <i class="fas fa-rocket text-white text-2xl"></i>
          </div>
          <h3 class="text-lg font-semibold text-slate-900 mb-2">Entrepreneurs</h3>
          <p class="text-slate-600 text-sm">Founders who want to build tech products without heavy coding</p>
        </div>
      </div>
    </div>
  </section>

<section class="py-16 bg-slate-50">
    <div class="max-w-4xl mx-auto px-4 sm:px-6">
      <div class="section-title text-center">
        <h2 class="text-3xl font-bold text-slate-900">Frequently Asked Questions</h2>
        <p class="text-slate-600 mt-2">Find answers to common questions</p>
      </div>
      
      <div class="space-y-4">
        <div class="brand-card rounded-2xl p-6 border border-slate-200">
          <h3 class="font-semibold text-slate-900 mb-2">Do I need prior coding experience?</h3>
          <p class="text-slate-600">No prior experience needed! We start from absolute basics and use AI tools to accelerate your learning.</p>
        </div>
        
        <div class="brand-card rounded-2xl p-6 border border-slate-200">
          <h3 class="font-semibold text-slate-900 mb-2">What's the course duration?</h3>
          <p class="text-slate-600">10 hours of recorded content, but you get lifetime access to learn at your own pace.</p>
        </div>
        
        <div class="brand-card rounded-2xl p-6 border border-slate-200">
          <h3 class="font-semibold text-slate-900 mb-2">Will I get certificate?</h3>
          <p class="text-slate-600">Yes, you'll receive a certificate of completion after finishing the course and projects.</p>
        </div>
        
        <div class="brand-card rounded-2xl p-6 border border-slate-200">
          <h3 class="font-semibold text-slate-900 mb-2">What about placement support?</h3>
          <p class="text-slate-600">We provide freelance guidance, project portfolio building, and digital marketing strategies to help you get clients.</p>
        </div>
      </div>
    </div>
  </section>

<section class="py-16">
  <div class="max-w-7xl mx-auto px-4 sm:px-6">
    <div class="section-title text-center">
      <h2 class="text-3xl font-bold text-slate-900">Your Expert Instructor</h2>
      <p class="text-slate-600 mt-2">Learn from an industry leader</p>
    </div>
    
    <div class="grid lg:grid-cols-2 gap-8 items-center">
      
      <div class="flex justify-center">
        <div class="instructor-card flex flex-col items-center">
          <div class="w-64 h-64 rounded-full p-2 mb-6" style="background: linear-gradient(135deg, var(--brand-mid), var(--brand-to))">
            <div class="w-full h-full rounded-full overflow-hidden border-4 border-white shadow-xl">
              <img src="https://hifi11.in/ari.png" alt="Ariharasudhan P" class="w-full h-full object-cover">
            </div>
          </div>
        </div>
      </div>
      
      
      <div class="space-y-6">
        <div>
          <h3 class="text-2xl font-bold text-slate-900">Ariharasudhan P</h3>
          <p class="text-lg gradient-text font-semibold">AI & Full Stack Expert</p>
        </div>
        
        <div class="space-y-3">
          <div class="flex items-center">
            <i class="fas fa-crown text-yellow-500 mr-3"></i>
            <span class="font-semibold">CEO, Hifi11 Technologies</span>
          </div>
          <div class="flex items-center">
            <i class="fas fa-chalkboard-teacher text-blue-500 mr-3"></i>
            <span class="font-semibold">150+ Corporate Trainings</span>
          </div>
          <div class="flex items-center">
            <i class="fas fa-user-graduate text-green-500 mr-3"></i>
            <span class="font-semibold">Master Trainer, EDII-TN</span>
          </div>
          <div class="flex items-center">
            <i class="fas fa-users text-purple-500 mr-3"></i>
            <span class="font-semibold">Resource Person, SISCASO</span>
          </div>
        </div>
        
        <div class="glass-light rounded-xl p-4">
          <p class="text-slate-700 italic">
            "Empowering coders with AI to 10x their productivity."
          </p>
        </div>
        
        <div class="flex gap-4">
          <button class="btn bg-[var(--brand-mid)] hover:bg-[var(--brand-from)] text-white font-semibold px-6 py-3 rounded-lg open-popup flex-1">
            Enroll Now - ₹<?= number_format($discountedPrice) ?>
          </button>
        </div>
      </div>
    </div>
  </div>
</section>

<div id="leadPopup" class="hidden fixed inset-0 z-[60] bg-black/60 items-center justify-center">
    <div class="bg-white rounded-2xl w-[92%] max-w-md p-5 relative">
      <button class="close-popup absolute top-3 right-3 text-slate-500 text-xl">&times;</button>
      <div class="text-center mb-3">
        <h3 class="text-xl font-extrabold gradient-text">Enroll Now – ₹<?= number_format($discountedPrice) ?> Only</h3>
        <p class="text-xs text-slate-600">One-time payment — lifetime access to recordings & resources</p>
      </div>
      <div class="progress mb-3"><span id="progFill"></span></div>
      <form id="enrollmentForm" action="online-process_payment.php" method="POST" autocomplete="off" class="space-y-3">
        <div class="glass-light rounded-xl p-3 mb-3">
          <div class="flex items-center">
            <i class="fas fa-star text-yellow-500 mr-2"></i>
            <span class="font-semibold text-sm">One-time payment — lifetime access</span>
          </div>
        </div>

<div>
          <label class="text-xs">WhatsApp Number <span class="text-red-500">*</span></label>
          <input name="whatsapp" type="tel" class="w-full px-3 py-2 border rounded-lg" required>
        </div>

<div>
          <label class="text-xs">Email <span class="text-red-500">*</span></label>
          <input name="email" type="email" class="w-full px-3 py-2 border rounded-lg" required>
        </div>

<div>
          <label class="text-xs">Create Password <span class="text-red-500">*</span></label>
          <input name="password" type="password" class="w-full px-3 py-2 border rounded-lg" minlength="6" required>
          <div class="text-xs text-slate-500 mt-1">Minimum 6 characters. Used to login to your account.</div>
        </div>

<div class="flex items-start gap-2">
          <input name="agreeTerms" type="checkbox" id="agreeTerms" required class="h-4 w-4 mt-1">
          <label for="agreeTerms" class="text-xs text-slate-700">
            I agree to the terms and the 30-day refund policy if not satisfied
          </label>
        </div>

<div class="text-center mt-3">
          <div class="flex justify-center items-center gap-2 mb-1">
            <i class="fas fa-lock text-green-500"></i>
            <span class="text-xs text-slate-600">Secure payments powered by PhonePe</span>
          </div>
        </div>
      </form>
    </div>
  </div>

<?php include('includes/footer.php')?>

<script>
    // Year
    document.getElementById('currentYear').textContent = new Date().getFullYear();

// Popup controls
    const popup = document.getElementById('leadPopup');
    const openers = document.querySelectorAll('.open-popup');
    const closer = document.querySelector('.close-popup');
    openers.forEach(b=>b.addEventListener('click',()=>{popup.classList.remove('hidden'); popup.classList.add('flex'); document.body.style.overflow='hidden'}));
    closer.addEventListener('click',()=>{popup.classList.add('hidden'); popup.classList.remove('flex'); document.body.style.overflow='auto'});
    popup.addEventListener('click',e=>{if(e.target===popup){popup.classList.add('hidden'); popup.classList.remove('flex'); document.body.style.overflow='auto'}});

// Progress bar in form
    const enrollmentForm = document.getElementById('enrollmentForm');
    const fill = document.getElementById('progFill');
    const reqInputs = enrollmentForm.querySelectorAll('input[required]');
    reqInputs.forEach(i=>i.addEventListener('input',()=>{
      const done=[...reqInputs].filter(x=>x.type==='checkbox'?x.checked:x.value.trim().length>0).length;
      fill.style.width = (done/reqInputs.length)*100 + '%';
    }));
  </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: courses_.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation