Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.40.1.lve.el8.x86_64

PHP Version:

8.2.30

User:

u530111037

Directory:

/home/u530111037/domains/goodcharacteropc.com/.trash

Free Space:

3.33 TB

🔧 Quick Actions

✏️ Editing: index_og.php

<?php
require_once __DIR__ . '/header-student.php';
require_once __DIR__ . "/db.php";

?>
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Good Character Opc — Light, Animated (Feather & Flower)</title>

<img src="images/aim.png" class="decor feather wobble" id="bubble2" style="top:15%; left:65%; width:120px;">

<img src="https://cdn-icons-png.flaticon.com/512/628/628283.png" class="decor flower moving" id="flower1" style="top:60%; left:48%; width:100px;">
      <div class="kicker">Take the 50-question journey</div>
      <h2 class="hero-title">Discover your qualities & characteristics skills with our<br><span style="color:var(--accent);">insightful quizzes. 🎯</span></h2>
      <p class="hero-lead">
        Take our 50-question quiz, explore real-life scenarios, and find out if you're a true leader, empathetic friend, or someone ready to grow!
      </p>

<div style="margin-top:24px; margin-bottom:24px; display:flex; gap:12px; align-items:center">
        <div style="background:var(--card); padding:12px 14px; border-radius:12px; display:flex; align-items:center; gap:10px; border:1px solid rgba(12,18,26,0.03)">
          <i class="fa-solid fa-user-graduate" style="color:var(--accent)"></i>
          <div>
            <div style="font-size:12px; color:var(--muted)">Trusted by</div>
            <div style="font-weight:700">1200+ Educators</div>
          </div>
        </div>
        <div style="background:var(--card); padding:12px 14px; border-radius:12px; display:flex; align-items:center; gap:10px; border:1px solid rgba(12,18,26,0.03)">
          <i class="fa-solid fa-award" style="color:#6ee7b7"></i>
          <div>
            <div style="font-size:12px; color:var(--muted)">Certificates Issued</div>
            <div style="font-weight:700">500+</div>
          </div>
        </div>
      </div>
    </div>

<!-- <div class="decor-container" id="decorContainer">
          <img src="https://cdn-icons-png.flaticon.com/512/5987/5987460.png" class="decor feather wobble" id="feather1" style="top:10%; left:6%; width:110px;">
          <img src="https://cdn-icons-png.flaticon.com/512/5987/5987483.png" class="decor feather wobble" id="feather2" style="top:28%; left:80%; width:80px;">

</div>
    </div>

</div>

<section id="about" class="py-5" style="background: #fff;">
    <div class="container reveal px-5" style="margin-bottom: 50px">
      <div class="row align-items-center">

<div class="col-lg-6 mb-4 mb-lg-0 reveal mt-2" data-aos="fade-right">
          <div class="position-relative">
            
            <div class="position-absolute" style="top: -40px; left: -40px; z-index:1;">
              <div class="bg-warning text-white p-3 rounded-3 shadow">
                <h4 class="mb-0 fw-bold">12+</h4>
                <small>Years of Experience</small>
              </div>
            </div>
            <img src="images/hero.png"
                 class="img-fluid rounded-4 shadow-lg"
                 alt="Team Image">
            <img src="images/about-us-2.jpg"
                 class="img-fluid rounded-4 shadow position-absolute"
                 style="bottom: -10%; left: -10%; width: 40%; border: 5px solid #fff;"
                 alt="Student">
          </div>
        </div>

<div class="col-lg-6 mt-2 reveal" data-aos="fade-left">
          <img src="images/question.png" class="decor feather wobble" id="bubble2" style="left: 70%; width:100px; z-index:1; opacity: 0.6;">

<p class="text-uppercase text-muted fw-semibold" style="z-index: 999999">Get To Know About Us</p>
          <h2 class="fw-bold mb-4" style="font-family: 'Playfair Display', serif; z-index: 999999; text-shadow: rgb(98, 96, 96) 2px 2px 4px">
            What Is This <span style="color:#f7a600; text-shadow: #aaaaa9 2px 2px 4px">Quiz</span> About?
          </h2>
          <p class="mb-4 lead text-secondary" style="font-family: 'Poppins', sans-serif; z-index: 9999999; color: black;">
            Our quiz is a fun and interactive way to assess your personality
            and character traits. With 50 carefully designed questions,
            you'll explore how you handle various real-life scenarios and
            receive a personalized report about your character.
          </p>

<div class="row mb-4">
            <div class="col-6 mb-3">
              <h5><i class="bi bi-people text-primary me-2"></i>1000+ Users</h5>
            </div>
            <div class="col-6 mb-3">
              <h5><i class="bi bi-award text-success me-2"></i>500 Certificates</h5>
            </div>
            <div class="col-6 mb-3">
              <h5><i class="bi bi-check2-circle text-danger me-2"></i>100 Quizzes Daily</h5>
            </div>
            <div class="col-6 mb-3">
              <h5><i class="bi bi-journal-text text-warning me-2"></i>10000 Questions</h5>
            </div>
          </div>

</div>

</div>
    </div>
  </section>

<section id="features">
    <div class="container">

<h2 class="fw-bold mb-4" style="font-family: 'Playfair Display', serif;">
        <img src="images/flower.webp" class="decor feather wobble" id="bubble2" style="left: 45%; width:120px; z-index:99999; opacity: 1;">
        Feature that bring <span style="color:#f7a600;">clarity</span>
      </h2>
      <p style="color:var(--muted); margin-bottom:22px; max-width:760px" class="reveal">Mainly designed for students to get to know about themselves.</p>

<div class="row">
        <div class="col-md-4 card-pro mt-1 mb-1 reveal" data-animate>
          <div style="display:flex; align-items:center; gap:12px">
            <div class="icon"><i class="fa-solid fa-chart-line" style="color:#60a5fa"></i></div>
            <div>
              <h5>50 Questions / Quiz.</h5>
              <p>Answer 50 thoughtful questions to understand your inner character.</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 card-pro mt-1 mb-1 reveal" data-animate>
          <div style="display:flex; align-items:center; gap:12px">
            <div class="icon"><i class="fa-solid fa-shield-halved" style="color:var(--accent-2)"></i></div>
            <div>
              <h5>Multilingual</h5>
              <p>Speak your truth — in the language you’re comfortable with (English, Urdu etc).</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 card-pro mt-1 mb-1 reveal" data-animate>
          <div style="display:flex; align-items:center; gap:12px">
            <div class="icon"><i class="fa-solid fa-bolt" style="color:var(--accent);"></i></div>
            <div>
              <h5>Instant Certification</h5>
              <p>Every milestone deserves immediate celebration. Download your certificate second after completion.</p>
            </div>
          </div>
        </div>
      </div>

<!-- <div class="grid-3">
        <div class="card-pro reveal" data-animate>
          <div style="display:flex; align-items:center; gap:12px">
            <div class="icon"><i class="fa-solid fa-chart-line" style="color:#60a5fa"></i></div>
            <div>
              <h5>50 Questions / Quiz.</h5>
              <p>Answer 50 thoughtful questions to understand your inner character.</p>
            </div>
          </div>
        </div>

<div class="card-pro reveal" data-animate>
          <div style="display:flex; align-items:center; gap:12px">
            <div class="icon"><i class="fa-solid fa-shield-halved" style="color:var(--accent-2)"></i></div>
            <div>
              <h5>Multilingual</h5>
              <p>Speak your truth — in the language you’re comfortable with (English, Urdu etc).</p>
            </div>
          </div>
        </div>

<div class="card-pro reveal" data-animate>
          <div style="display:flex; align-items:center; gap:12px">
            <div class="icon"><i class="fa-solid fa-bolt" style="color:var(--accent);"></i></div>
            <div>
              <h5>Instant Certification</h5>
              <p>Every milestone deserves immediate celebration. Download your certificate second after completion.</p>
            </div>
          </div>
        </div>
      </div> -->
    </div>
  </section>

<section id="quizzes">
    <div class="container">
      <h2 class="fw-bold mb-4" style="font-family: 'Playfair Display', serif;">
        Active blogs by <span style="color:#f7a600;">Good Character OPC</span>
        <img src="images/blogbg.png" class="decor feather moving" id="bubble2" style="left: 60%; width:150px; z-index:0; opacity: 0.6;">

</h2>
      <p style="color:var(--muted); margin-bottom:22px; max-width:760px; z-index: 999999; color: black; text-shadow: rgb(98, 96, 96) 2px 2px 4px" class="reveal">
        Knowledge that flows — through words, videos, and guided learning. <br>One click access to blogs, PDFs, and YouTube resources.
      </p>

<div class="reveal">
        <div class="row">
        <?php
          $blogs_query = "SELECT * FROM blogs WHERE status='active' ORDER BY created_at DESC";
          $blogs = $mysqli->query($blogs_query);
          $html = "

";
          if(mysqli_num_rows($blogs)>0){
            while($row = $blogs->fetch_assoc()){
              $html .= "
                <div class='col-md-4 blog-card scroll-reveal'>
                    <div class='blog-icon'>
                    <img src='images/blog4.svg' style='width: 60px; height: 60px'> <span style='vertical-align: middle; font-size: 1.2rem' class='blog-name'><b>".$row['title']."</b></span>
                    </div>

<p class='blog-desc'>
                            ". substr($row['content'], 0, 60) ."...
                        </p>
                        <span class='blog-date'>". $row['created_at'] ."</span>
                    </div>

<span class='' style='text-align: center; margin-top: 1rem; padding: 5px 0rem; background: #f7a600; '><a style='color: white; font-size: 0.9rem' href='view-blog.php?id=".$row['id']."'>View Blog</a></span>
                </div>";
            }
          }

else{
            $html .= "
            <div class='col-md-4 blog-card scroll-reveal'>
              <p>No Blogs found at the moment.</p>
            </div>";
          }

echo $html;
        ?>
       </div>
      </div>
    </div>
  </section>

<section id="testimonials">
    <div class="container">
      <h2 class="fw-bold mb-4" style="font-family: 'Playfair Display', serif;">
        What our <span style="color:#f7a600;">clients</span> say
      </h2>
      <div class="row">
        <div class="col-md-4 card-pro mt-1 mb-1">
          <div class="quote reveal">
            <p style="color:var(--muted)">“Good Character Opc changed how we assess students. The animated reports make feedback easier to understand.”</p>
            <div style="margin-top:12px; font-weight:700">Principal — Green Valley School</div>
          </div>
        </div>

<div class="col-md-4 card-pro mt-1 mb-1">
          <div class="quote reveal">
            <p style="color:var(--muted)">“The insights are clear and actionable — perfect for classroom and corporate training.”</p>
            <div style="margin-top:12px; font-weight:700">Teacher — City College</div>
          </div>
        </div>

<div class="col-md-4 card-pro mt-1 mb-1">
          <div class="quote reveal">
            <p style="color:var(--muted)">“Excellent design and usability. The interactive quizzes keep learners engaged.”</p>
            <div style="margin-top:12px; font-weight:700">HR Manager — TechCorp</div>
          </div>
        </div>
      </div>
    </div>
  </section>

<section id="faq">
    <div class="container">
      <h2 class="fw-bold mt-4 mb-4" style="font-family: 'Playfair Display', serif;">
        <span style="color:#f7a600;">Contact</span> us
      </h2>
      <div class="row" style="">
        <div class="col-md-6 ">
          <p style="color:var(--muted); margin-top:0">Questions about the platform, demo requests, or institutional pricing — reach out and we'll respond promptly.</p>
          <div style="display:flex; gap:12px; margin-top:12px">
            <a class="btn-primary" href="#contact"><i class="fa-solid fa-envelope"></i> Email Us</a>
            <a class="btn-ghost" href="#contact">Request Demo</a>
          </div>
        </div>

<div class="col-md-6 mt-5">
          <form id="contactForm" style="background:var(--card); padding:18px; border-radius:10px; border:1px solid rgba(12,18,26,0.05);">
            <div style="display:flex; gap:8px; margin-bottom:8px">
              <input placeholder="Name" required style="flex:1; padding:10px; border-radius:8px; border:1px solid rgba(12,18,26,0.04); background:transparent; color:var(--text)" />
              <input placeholder="Email" required style="flex:1; padding:10px; border-radius:8px; border:1px solid rgba(12,18,26,0.04); background:transparent; color:var(--text)" />
            </div>
            <textarea placeholder="Message" rows="4" style="width:100%; padding:10px; border-radius:8px; border:1px solid rgba(12,18,26,0.04); background:transparent; color:var(--text)"></textarea>
            <div style="text-align:right; margin-top:10px"><button class="btn-primary" type="submit">Send Message</button></div>
          </form>
        </div>

</div>
    </div>
  </section>

<footer>
  <div class="container-fluid" style="display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap">
    <div style="color:var(--muted)">© 2025 Good Character Opc</div>
    <div style="color:var(--muted)">Designed & Managed by <a href="https://ignitech.in/" style="color:var(--accent); text-decoration:none">Ignitech</a></div>
  </div>
</footer>

gsap.utils.toArray('.reveal').forEach((el, i)=>{
    gsap.fromTo(el, { y: 16, opacity:0 }, { y:0, opacity:1, duration:0.5, delay: i*0.06, ease:'power3.out', scrollTrigger:{ trigger: el, start: 'top 92%' } });
  });

const form = document.getElementById('contactForm');
  form && form.addEventListener('submit', (e)=>{ e.preventDefault(); alert('Thanks! Message received (demo).'); });

if(window.matchMedia('(prefers-reduced-motion: reduce)').matches){ gsap.globalTimeline.timeScale(2); }
</script>

</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: index_og.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation