Apppublic
Krydev32/tkquest-reflowed

sourceHugging Faceupdated 11mo agoView on Hugging Face
0likes
about.html56 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en" class="h-full" data-theme="light">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>About - TKQuest</title>7    <script src="https://cdn.tailwindcss.com"></script>8    <link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.10/dist/full.min.css" rel="stylesheet">9    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">10    <link rel="stylesheet" href="style.css">11</head>12<body class="h-full bg-base-300">13    <div id="app" class="min-h-full">14        <div id="main-app-view" class="h-screen flex fixed inset-0 overflow-hidden">15            <aside id="sidebar" class="bg-base-100 shadow-xl flex flex-col h-full z-10 w-64">16                <!-- Sidebar content from index.html -->17            </aside>18            <main class="bg-base-200 overflow-y-auto">19                <div class="py-10">20                    <header class="sticky top-0 bg-base-200/80 backdrop-blur z-20 pt-2 pb-2 -mt-10">21                        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">22                            <h1 class="text-3xl font-bold leading-tight text-primary-blue">About TKQuest</h1>23                        </div>24                    </header>25                    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-8 pb-10">26                        <div class="card bg-base-100 shadow-xl">27                            <div class="card-body">28                                <h2 class="card-title text-2xl">Our Mission</h2>29                                <p>TKQuest is a comprehensive learning platform designed to help Taekwondo students track their progress, complete lessons, and prepare for belt testing.</p>30                                31                                <div class="divider"></div>32                                33                                <h2 class="card-title text-2xl">Features</h2>34                                <ul class="list-disc pl-5 space-y-2">35                                    <li>Interactive curriculum with video lessons</li>36                                    <li>Progress tracking for each belt level</li>37                                    <li>Practice exercises and quizzes</li>38                                    <li>Event calendar for classes and testing</li>39                                    <li>Instructor feedback system</li>40                                </ul>41                                42                                <div class="divider"></div>43                                44                                <h2 class="card-title text-2xl">Contact</h2>45                                <p>For questions or support, please email:</p>46                                <p class="font-medium">support@tkquest.com</p>47                            </div>48                        </div>49                    </div>50                </div>51            </main>52        </div>53    </div>54    <script src="script.js"></script>55</body>56</html>