Spaces:
Running
Running
| <html lang="en" class="h-full" data-theme="light"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>About - TKQuest</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.10/dist/full.min.css" rel="stylesheet"> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body class="h-full bg-base-300"> | |
| <div id="app" class="min-h-full"> | |
| <div id="main-app-view" class="h-screen flex fixed inset-0 overflow-hidden"> | |
| <aside id="sidebar" class="bg-base-100 shadow-xl flex flex-col h-full z-10 w-64"> | |
| <!-- Sidebar content from index.html --> | |
| </aside> | |
| <main class="bg-base-200 overflow-y-auto"> | |
| <div class="py-10"> | |
| <header class="sticky top-0 bg-base-200/80 backdrop-blur z-20 pt-2 pb-2 -mt-10"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <h1 class="text-3xl font-bold leading-tight text-primary-blue">About TKQuest</h1> | |
| </div> | |
| </header> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-8 pb-10"> | |
| <div class="card bg-base-100 shadow-xl"> | |
| <div class="card-body"> | |
| <h2 class="card-title text-2xl">Our Mission</h2> | |
| <p>TKQuest is a comprehensive learning platform designed to help Taekwondo students track their progress, complete lessons, and prepare for belt testing.</p> | |
| <div class="divider"></div> | |
| <h2 class="card-title text-2xl">Features</h2> | |
| <ul class="list-disc pl-5 space-y-2"> | |
| <li>Interactive curriculum with video lessons</li> | |
| <li>Progress tracking for each belt level</li> | |
| <li>Practice exercises and quizzes</li> | |
| <li>Event calendar for classes and testing</li> | |
| <li>Instructor feedback system</li> | |
| </ul> | |
| <div class="divider"></div> | |
| <h2 class="card-title text-2xl">Contact</h2> | |
| <p>For questions or support, please email:</p> | |
| <p class="font-medium">support@tkquest.com</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |