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/lms/Lms

Free Space:

10.19 TB

🔧 Quick Actions

✏️ Editing: student-profile.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Student Profile - QUEST</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        :root {
            --primary-yellow: #fec53a;
            --primary-blue: #44ade5;
            --dark-blue: #2c6a91;
            --light-bg: #f8f9fa;
            --success-green: #28a745;
            --warning-orange: #ffc107;
            --danger-red: #dc3545;
            --info-teal: #17a2b8;
            --gold: #ffd700;
            --silver: #c0c0c0;
            --bronze: #cd7f32;
            --gray-100: #f8f9fa;
            --gray-200: #e9ecef;
            --gray-300: #dee2e6;
            --gray-600: #6c757d;
            --gray-800: #343a40;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f5f7fa;
            color: var(--gray-800);
            line-height: 1.5;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 16px;
        }
        
        /* Navigation */
        .navbar {
            background: white;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            padding: 12px 0;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
        }
        
        .navbar-brand {
            font-weight: 700;
            font-size: 1.5rem;
            color: var(--primary-blue) !important;
        }
        
        .nav-link {
            font-weight: 500;
            margin: 0 12px;
            color: var(--gray-800) !important;
            padding: 8px 12px !important;
        }
        
        .nav-link:hover, .nav-link.active {
            color: var(--primary-blue) !important;
        }
        
        .btn-primary {
            background-color: var(--primary-blue);
            border-color: var(--primary-blue);
            padding: 8px 20px;
            font-weight: 600;
            border-radius: 6px;
        }
        
        .btn-warning {
            background-color: var(--primary-yellow);
            border-color: var(--primary-yellow);
            color: var(--gray-800);
            padding: 8px 20px;
            font-weight: 600;
            border-radius: 6px;
        }

/* Profile Hero */
        .profile-hero {
            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
            color: white;
            padding: 120px 0 48px;
            margin-top: 60px;
        }
        
        .hero-content {
            text-align: center;
        }
        
        .hero-title {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 12px;
        }
        
        .hero-subtitle {
            font-size: 1.1rem;
            opacity: 0.9;
            max-width: 500px;
            margin: 0 auto;
        }
        
        /* Main Layout */
        .profile-container {
            display: grid;
            grid-template-columns: 300px 1fr;
            gap: 24px;
            margin: -40px auto 40px;
            align-items: start;
        }
        
        /* Profile Card */
        .profile-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            margin-bottom: 24px;
        }
        
        .profile-header {
            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
            color: white;
            padding: 24px;
            text-align: center;
        }
        
        .profile-avatar {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            border: 3px solid white;
            margin: 0 auto 16px;
            background: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            color: var(--primary-blue);
        }
        
        .profile-name {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 4px;
        }
        
        .profile-class {
            font-size: 0.9rem;
            opacity: 0.9;
            margin-bottom: 12px;
        }
        
        .profile-badges {
            display: flex;
            justify-content: center;
            gap: 6px;
            margin-bottom: 12px;
        }
        
        .profile-badge {
            background: rgba(255,255,255,0.2);
            padding: 4px 10px;
            border-radius: 16px;
            font-size: 0.75rem;
            font-weight: 600;
        }
        
        .profile-body {
            padding: 20px;
        }
        
        .info-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0;
            border-bottom: 1px solid var(--gray-200);
        }
        
        .info-item:last-child {
            border-bottom: none;
        }
        
        .info-label {
            font-weight: 600;
            color: var(--gray-800);
            font-size: 0.875rem;
        }
        
        .info-value {
            color: var(--gray-600);
            font-size: 0.875rem;
        }
        
        .subscription-premium {
            color: var(--gold);
            font-weight: 600;
        }
        
        .profile-actions {
            margin-top: 16px;
        }
        
        /* Stats Grid */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
            margin-bottom: 24px;
        }
        
        .stat-card {
            background: white;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
            display: flex;
            align-items: center;
        }
        
        .stat-icon {
            width: 48px;
            height: 48px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            margin-right: 16px;
            flex-shrink: 0;
        }
        
        .points-icon {
            background: rgba(40, 167, 69, 0.1);
            color: var(--success-green);
        }
        
        .monthly-icon {
            background: rgba(255, 193, 7, 0.1);
            color: var(--warning-orange);
        }
        
        .redeemable-icon {
            background: rgba(23, 162, 184, 0.1);
            color: var(--info-teal);
        }
        
        .rank-icon {
            background: rgba(68, 173, 229, 0.1);
            color: var(--primary-blue);
        }
        
        .stat-content h3 {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 2px;
            color: var(--dark-blue);
        }
        
        .stat-content p {
            color: var(--gray-600);
            margin: 0;
            font-size: 0.875rem;
        }
        
        /* Section Styling */
        .section {
            background: white;
            border-radius: 12px;
            padding: 24px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
            margin-bottom: 20px;
        }
        
        .section-header {
            margin-bottom: 20px;
        }
        
        .section-title {
            font-weight: 700;
            color: var(--dark-blue);
            font-size: 1.25rem;
            margin: 0 0 4px 0;
        }
        
        .section-subtitle {
            color: var(--gray-600);
            font-size: 0.875rem;
            margin: 0;
        }
        
        /* Badges Section */
        .badges-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
            gap: 16px;
        }
        
        .badge-item {
            text-align: center;
        }
        
        .badge-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            margin: 0 auto 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            color: white;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        }
        
        .badge-gold {
            background: linear-gradient(135deg, var(--gold) 0%, #ffed4e 100%);
        }
        
        .badge-silver {
            background: linear-gradient(135deg, var(--silver) 0%, #e8e8e8 100%);
        }
        
        .badge-bronze {
            background: linear-gradient(135deg, var(--bronze) 0%, #e6a85e 100%);
        }
        
        .badge-certificate {
            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-blue) 100%);
        }
        
        .badge-locked {
            background: var(--gray-200);
            color: var(--gray-600);
        }
        
        .badge-name {
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--gray-800);
        }
        
        .badge-locked .badge-name {
            color: var(--gray-600);
        }
        
        /* Test History */
        .test-table {
            width: 100%;
            border-collapse: collapse;
        }
        
        .test-table thead {
            background: var(--gray-100);
        }
        
        .test-table th {
            padding: 12px 16px;
            text-align: left;
            font-weight: 600;
            color: var(--dark-blue);
            border-bottom: 1px solid var(--gray-300);
            font-size: 0.875rem;
        }
        
        .test-table td {
            padding: 12px 16px;
            border-bottom: 1px solid var(--gray-200);
            font-size: 0.875rem;
        }
        
        .test-table tr:last-child td {
            border-bottom: none;
        }
        
        .score-high {
            color: var(--success-green);
            font-weight: 600;
        }
        
        .score-medium {
            color: var(--warning-orange);
            font-weight: 600;
        }
        
        .score-low {
            color: var(--danger-red);
            font-weight: 600;
        }
        
        .correct-answers {
            color: var(--success-green);
            font-weight: 600;
        }
        
        .wrong-answers {
            color: var(--danger-red);
            font-weight: 600;
        }
        
        .points-earned {
            color: var(--primary-blue);
            font-weight: 600;
        }
        
        .rank-high {
            background: rgba(255, 215, 0, 0.1);
            color: var(--gold);
            padding: 4px 10px;
            border-radius: 16px;
            font-weight: 600;
            font-size: 0.75rem;
        }
        
        .rank-medium {
            background: rgba(192, 192, 192, 0.1);
            color: var(--silver);
            padding: 4px 10px;
            border-radius: 16px;
            font-weight: 600;
            font-size: 0.75rem;
        }
        
        .rank-low {
            background: rgba(205, 127, 50, 0.1);
            color: var(--bronze);
            padding: 4px 10px;
            border-radius: 16px;
            font-weight: 600;
            font-size: 0.75rem;
        }
        
        /* Upcoming Tests */
        .upcoming-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 16px;
        }
        
        .upcoming-card {
            background: white;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
            border: 1px solid var(--gray-200);
        }
        
        .upcoming-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
        }
        
        .test-name {
            font-weight: 600;
            color: var(--dark-blue);
            font-size: 1rem;
        }
        
        .difficulty {
            padding: 4px 10px;
            border-radius: 16px;
            font-size: 0.75rem;
            font-weight: 600;
        }
        
        .difficulty-easy {
            background: rgba(40, 167, 69, 0.1);
            color: var(--success-green);
        }
        
        .difficulty-medium {
            background: rgba(255, 193, 7, 0.1);
            color: var(--warning-orange);
        }
        
        .difficulty-hard {
            background: rgba(220, 53, 69, 0.1);
            color: var(--danger-red);
        }
        
        .countdown {
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--primary-blue);
            margin: 8px 0;
            text-align: center;
        }
        
        .expected-points {
            display: flex;
            align-items: center;
            color: var(--gray-600);
            font-size: 0.875rem;
        }
        
        .expected-points i {
            color: var(--primary-blue);
            margin-right: 6px;
        }
        
        /* Leaderboard */
        .leaderboard-item {
            display: flex;
            align-items: center;
            padding: 12px 0;
            border-bottom: 1px solid var(--gray-200);
        }
        
        .leaderboard-item:last-child {
            border-bottom: none;
        }
        
        .leaderboard-rank {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            margin-right: 12px;
            flex-shrink: 0;
            font-size: 0.875rem;
        }
        
        .rank-1 {
            background: var(--gold);
            color: white;
        }
        
        .rank-2 {
            background: var(--silver);
            color: white;
        }
        
        .rank-3 {
            background: var(--bronze);
            color: white;
        }
        
        .rank-other {
            background: var(--gray-100);
            color: var(--gray-800);
        }
        
        .leaderboard-user {
            display: flex;
            align-items: center;
            flex-grow: 1;
        }
        
        .user-avatar {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: var(--primary-blue);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            margin-right: 12px;
            font-size: 0.875rem;
        }
        
        .user-name {
            font-weight: 600;
            color: var(--gray-800);
            font-size: 0.875rem;
        }
        
        .user-points {
            font-weight: 700;
            color: var(--primary-blue);
            font-size: 0.875rem;
        }
        
        .current-user {
            background: rgba(68, 173, 229, 0.05);
            border-radius: 8px;
            padding: 8px;
            margin: 0 -8px;
        }
        
        /* Points Rules */
        .rules-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 12px;
        }
        
        .rule-item {
            display: flex;
            align-items: center;
            padding: 10px;
            border-radius: 8px;
            background: var(--gray-100);
        }
        
        .rule-points {
            width: 50px;
            font-weight: 700;
            color: var(--success-green);
            flex-shrink: 0;
            font-size: 1rem;
        }
        
        .negative-points {
            color: var(--danger-red);
        }
        
        .rule-description {
            color: var(--gray-800);
            font-size: 0.875rem;
        }
        
        /* Footer */
        .footer {
            background-color: var(--dark-blue);
            color: white;
            padding: 48px 0 24px;
            margin-top: 60px;
        }
        
        .footer h5 {
            color: var(--primary-yellow);
            margin-bottom: 16px;
            font-size: 1.1rem;
        }
        
        .footer a {
            color: #ddd;
            text-decoration: none;
        }
        
        .footer a:hover {
            color: var(--primary-yellow);
        }
        
        .copyright {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: 20px;
            margin-top: 32px;
            text-align: center;
            color: #aaa;
            font-size: 0.875rem;
        }
        
        /* Responsive */
        @media (max-width: 1024px) {
            .profile-container {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .stats-grid {
                grid-template-columns: 1fr;
            }
            
            .upcoming-grid {
                grid-template-columns: 1fr;
            }
            
            .rules-list {
                grid-template-columns: 1fr;
            }
            
            .test-table {
                display: block;
                overflow-x: auto;
            }
        }
    </style>
</head>
<body>
    
    <?php include 'header.php' ?>

<section class="profile-hero">
        <div class="container">
            <div class="hero-content">
                <h1 class="hero-title">Student Profile</h1>
                <p class="hero-subtitle">Track your progress, achievements, and performance</p>
            </div>
        </div>
    </section>

<div class="container">
        <div class="profile-container">
            
            <div class="sidebar">
                
                <div class="profile-card">
                    <div class="profile-header">
                        <div class="profile-avatar">
                            <i class="fas fa-user-graduate"></i>
                        </div>
                        <h2 class="profile-name">Alex Johnson</h2>
                        <p class="profile-class">Grade 10 | Age: 15</p>
                        <div class="profile-badges">
                            <span class="profile-badge">Gold Member</span>
                            <span class="profile-badge">Active</span>
                        </div>
                    </div>
                    <div class="profile-body">
                        <div class="info-item">
                            <span class="info-label">Email</span>
                            <span class="info-value">alex.johnson@quest.edu</span>
                        </div>
                        <div class="info-item">
                            <span class="info-label">Join Date</span>
                            <span class="info-value">Jan 15, 2023</span>
                        </div>
                        <div class="info-item">
                            <span class="info-label">Subscription</span>
                            <span class="info-value subscription-premium">Premium</span>
                        </div>
                        <div class="info-item">
                            <span class="info-label">Learning Streak</span>
                            <span class="info-value">12 days <i class="fas fa-fire text-danger ms-1"></i></span>
                        </div>
                        <div class="profile-actions">
                            <button class="btn btn-primary w-100">
                                <i class="fas fa-edit me-2"></i>Edit Profile
                            </button>
                        </div>
                    </div>
                </div>
                
                
                <div class="section">
                    <div class="section-header">
                        <h3 class="section-title">Points Rules</h3>
                        <p class="section-subtitle">How you earn points</p>
                    </div>
                    <div class="rules-list">
                        <div class="rule-item">
                            <span class="rule-points">+10</span>
                            <span class="rule-description">Quiz Participation</span>
                        </div>
                        <div class="rule-item">
                            <span class="rule-points">+5</span>
                            <span class="rule-description">Correct Answer</span>
                        </div>
                        <div class="rule-item">
                            <span class="rule-points negative-points">-2</span>
                            <span class="rule-description">Wrong Answer</span>
                        </div>
                        <div class="rule-item">
                            <span class="rule-points">+20</span>
                            <span class="rule-description">Quiz Completion</span>
                        </div>
                        <div class="rule-item">
                            <span class="rule-points">+50</span>
                            <span class="rule-description">Top Scorer of Day</span>
                        </div>
                        <div class="rule-item">
                            <span class="rule-points">+30</span>
                            <span class="rule-description">Weekly Challenge</span>
                        </div>
                    </div>
                </div>
            </div>
            
            
            <div class="main-content">
                
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-icon points-icon">
                            <i class="fas fa-star"></i>
                        </div>
                        <div class="stat-content">
                            <h3>1,850</h3>
                            <p>Total Points</p>
                        </div>
                    </div>
                    
                    <div class="stat-card">
                        <div class="stat-icon monthly-icon">
                            <i class="fas fa-calendar-alt"></i>
                        </div>
                        <div class="stat-content">
                            <h3>320</h3>
                            <p>This Month</p>
                        </div>
                    </div>
                    
                    <div class="stat-card">
                        <div class="stat-icon redeemable-icon">
                            <i class="fas fa-gift"></i>
                        </div>
                        <div class="stat-content">
                            <h3>850</h3>
                            <p>Redeemable</p>
                        </div>
                    </div>
                    
                    <div class="stat-card">
                        <div class="stat-icon rank-icon">
                            <i class="fas fa-trophy"></i>
                        </div>
                        <div class="stat-content">
                            <h3>#24</h3>
                            <p>Global Rank</p>
                        </div>
                    </div>
                </div>
                
                
                <div class="section">
                    <div class="section-header">
                        <h3 class="section-title">Badges & Achievements</h3>
                        <p class="section-subtitle">Earn badges by completing challenges</p>
                    </div>
                    <div class="badges-container">
                        <div class="badge-item">
                            <div class="badge-icon badge-gold">
                                <i class="fas fa-medal"></i>
                            </div>
                            <p class="badge-name">Quiz Master</p>
                        </div>
                        <div class="badge-item">
                            <div class="badge-icon badge-silver">
                                <i class="fas fa-brain"></i>
                            </div>
                            <p class="badge-name">Quick Learner</p>
                        </div>
                        <div class="badge-item">
                            <div class="badge-icon badge-bronze">
                                <i class="fas fa-fire"></i>
                            </div>
                            <p class="badge-name">Streak Keeper</p>
                        </div>
                        <div class="badge-item">
                            <div class="badge-icon badge-certificate">
                                <i class="fas fa-award"></i>
                            </div>
                            <p class="badge-name">Math Expert</p>
                        </div>
                        <div class="badge-item">
                            <div class="badge-icon badge-locked">
                                <i class="fas fa-crown"></i>
                            </div>
                            <p class="badge-name">Top Performer</p>
                        </div>
                        <div class="badge-item">
                            <div class="badge-icon badge-locked">
                                <i class="fas fa-infinity"></i>
                            </div>
                            <p class="badge-name">Perfect Score</p>
                        </div>
                    </div>
                </div>
                
                
                <div class="section">
                    <div class="section-header">
                        <h3 class="section-title">Test History</h3>
                        <p class="section-subtitle">Your recent quiz performances</p>
                    </div>
                    <div class="table-responsive">
                        <table class="test-table">
                            <thead>
                                <tr>
                                    <th>Test Name</th>
                                    <th>Score</th>
                                    <th>Correct/Wrong</th>
                                    <th>Points Earned</th>
                                    <th>Rank</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Algebra Fundamentals</td>
                                    <td class="score-high">92%</td>
                                    <td><span class="correct-answers">23</span>/<span class="wrong-answers">2</span></td>
                                    <td class="points-earned">+145</td>
                                    <td><span class="rank-high">#3</span></td>
                                </tr>
                                <tr>
                                    <td>Chemical Reactions</td>
                                    <td class="score-medium">78%</td>
                                    <td><span class="correct-answers">18</span>/<span class="wrong-answers">5</span></td>
                                    <td class="points-earned">+95</td>
                                    <td><span class="rank-medium">#12</span></td>
                                </tr>
                                <tr>
                                    <td>World War II</td>
                                    <td class="score-high">95%</td>
                                    <td><span class="correct-answers">28</span>/<span class="wrong-answers">1</span></td>
                                    <td class="points-earned">+165</td>
                                    <td><span class="rank-high">#1</span></td>
                                </tr>
                                <tr>
                                    <td>Literary Analysis</td>
                                    <td class="score-medium">82%</td>
                                    <td><span class="correct-answers">20</span>/<span class="wrong-answers">4</span></td>
                                    <td class="points-earned">+110</td>
                                    <td><span class="rank-medium">#8</span></td>
                                </tr>
                                <tr>
                                    <td>Cell Biology</td>
                                    <td class="score-low">65%</td>
                                    <td><span class="correct-answers">15</span>/<span class="wrong-answers">8</span></td>
                                    <td class="points-earned">+65</td>
                                    <td><span class="rank-low">#25</span></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                
                <div class="section">
                    <div class="section-header">
                        <h3 class="section-title">Upcoming Tests</h3>
                        <p class="section-subtitle">Prepare for these assessments</p>
                    </div>
                    <div class="upcoming-grid">
                        <div class="upcoming-card">
                            <div class="upcoming-header">
                                <h4 class="test-name">Physics Principles</h4>
                                <span class="difficulty difficulty-medium">Medium</span>
                            </div>
                            <div class="countdown" id="countdown1">2 days 05:32:15</div>
                            <div class="expected-points">
                                <i class="fas fa-star"></i>
                                <span>Expected Points: 120</span>
                            </div>
                        </div>
                        
                        <div class="upcoming-card">
                            <div class="upcoming-header">
                                <h4 class="test-name">Advanced Calculus</h4>
                                <span class="difficulty difficulty-hard">Hard</span>
                            </div>
                            <div class="countdown" id="countdown2">5 days 12:45:30</div>
                            <div class="expected-points">
                                <i class="fas fa-star"></i>
                                <span>Expected Points: 180</span>
                            </div>
                        </div>
                    </div>
                </div>
                
                
                <div class="section">
                    <div class="section-header">
                        <h3 class="section-title">Class Leaderboard</h3>
                        <p class="section-subtitle">Your position among classmates</p>
                    </div>
                    <div class="leaderboard">
                        <div class="leaderboard-item current-user">
                            <div class="leaderboard-rank rank-other">24</div>
                            <div class="leaderboard-user">
                                <div class="user-avatar">
                                    <i class="fas fa-user"></i>
                                </div>
                                <div class="user-name">Alex Johnson (You)</div>
                            </div>
                            <div class="user-points">1,850 pts</div>
                        </div>
                        
                        <div class="leaderboard-item">
                            <div class="leaderboard-rank rank-1">1</div>
                            <div class="leaderboard-user">
                                <div class="user-avatar" style="background-color: var(--gold);">
                                    <i class="fas fa-user"></i>
                                </div>
                                <div class="user-name">Sarah Miller</div>
                            </div>
                            <div class="user-points">2,850 pts</div>
                        </div>
                        
                        <div class="leaderboard-item">
                            <div class="leaderboard-rank rank-2">2</div>
                            <div class="leaderboard-user">
                                <div class="user-avatar" style="background-color: var(--silver);">
                                    <i class="fas fa-user"></i>
                                </div>
                                <div class="user-name">Michael Chen</div>
                            </div>
                            <div class="user-points">2,650 pts</div>
                        </div>
                        
                        <div class="leaderboard-item">
                            <div class="leaderboard-rank rank-3">3</div>
                            <div class="leaderboard-user">
                                <div class="user-avatar" style="background-color: var(--bronze);">
                                    <i class="fas fa-user"></i>
                                </div>
                                <div class="user-name">Emma Wilson</div>
                            </div>
                            <div class="user-points">2,420 pts</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<?php include 'footer.php' ?>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: student-profile.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation