Apppublic
Skullwanderer/marksmaster-pro

sourceHugging Faceupdated 8mo agoView on Hugging Face
0likes
index.html111 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>MarksMaster Pro</title>7    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8    <link rel="stylesheet" href="style.css">9    <script src="https://cdn.tailwindcss.com"></script>10    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11    <script src="https://unpkg.com/feather-icons"></script>12</head>13<body class="bg-gray-900 text-white">14    <!-- Header Component -->15    <custom-header></custom-header>16 17    <!-- Main Content -->18    <main class="container mx-auto px-4 py-8">19        <div class="text-center mb-12">20            <h1 class="text-4xl font-bold mb-4">MarksMaster Pro 🎓</h1>21            <p class="text-xl text-cyan-300">Streamlined Marks Processing for Diploma in IT</p>22        </div>23 24        <!-- Dashboard Stats -->25        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">26            <div class="bg-gray-800 rounded-lg p-6 shadow-lg border-l-4 border-cyan-500">27                <h3 class="text-lg font-semibold mb-2">Total Students</h3>28                <p class="text-3xl font-bold text-cyan-400">142</p>29            </div>30            <div class="bg-gray-800 rounded-lg p-6 shadow-lg border-l-4 border-cyan-500">31                <h3 class="text-lg font-semibold mb-2">Active Modules</h3>32                <p class="text-3xl font-bold text-cyan-400">8</p>33            </div>34            <div class="bg-gray-800 rounded-lg p-6 shadow-lg border-l-4 border-cyan-500">35                <h3 class="text-lg font-semibold mb-2">Pass Rate</h3>36                <p class="text-3xl font-bold text-cyan-400">78%</p>37            </div>38        </div>39 40        <!-- Quick Actions -->41        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">42            <a href="marks-input.html" class="bg-gray-800 hover:bg-cyan-700 rounded-lg p-6 shadow-lg transition-all duration-300 transform hover:-translate-y-1">43                <i data-feather="edit-3" class="w-10 h-10 mb-4 text-cyan-400"></i>44                <h3 class="text-xl font-semibold mb-2">Input Marks</h3>45                <p class="text-gray-400">Enter coursework and exam marks</p>46            </a>47            <a href="student-registration.html" class="bg-gray-800 hover:bg-cyan-700 rounded-lg p-6 shadow-lg transition-all duration-300 transform hover:-translate-y-1">48                <i data-feather="user-plus" class="w-10 h-10 mb-4 text-cyan-400"></i>49                <h3 class="text-xl font-semibold mb-2">Register Students</h3>50                <p class="text-gray-400">Add new students to cohorts</p>51            </a>52            <a href="module-registration.html" class="bg-gray-800 hover:bg-cyan-700 rounded-lg p-6 shadow-lg transition-all duration-300 transform hover:-translate-y-1">53                <i data-feather="book" class="w-10 h-10 mb-4 text-cyan-400"></i>54                <h3 class="text-xl font-semibold mb-2">Module Registration</h3>55                <p class="text-gray-400">Register new modules</p>56            </a>57            <a href="reports.html" class="bg-gray-800 hover:bg-cyan-700 rounded-lg p-6 shadow-lg transition-all duration-300 transform hover:-translate-y-1">58                <i data-feather="bar-chart-2" class="w-10 h-10 mb-4 text-cyan-400"></i>59                <h3 class="text-xl font-semibold mb-2">Reports</h3>60                <p class="text-gray-400">Generate BOE formatted reports</p>61            </a>62        </div>63 64        <!-- Recent Activity -->65        <div class="bg-gray-800 rounded-lg p-6 shadow-lg mb-12">66            <h2 class="text-2xl font-bold mb-6">Recent Activity</h2>67            <div class="space-y-4">68                <div class="flex items-start">69                    <div class="bg-cyan-500 rounded-full p-2 mr-4">70                        <i data-feather="check-circle" class="w-5 h-5"></i>71                    </div>72                    <div>73                        <h4 class="font-semibold">Marks Processed</h4>74                        <p class="text-gray-400">Web Development module marks processed for Cohort 2023-A</p>75                        <p class="text-sm text-gray-500">2 hours ago</p>76                    </div>77                </div>78                <div class="flex items-start">79                    <div class="bg-cyan-500 rounded-full p-2 mr-4">80                        <i data-feather="user-plus" class="w-5 h-5"></i>81                    </div>82                    <div>83                        <h4 class="font-semibold">New Student Registered</h4>84                        <p class="text-gray-400">John Smith added to Database Systems module</p>85                        <p class="text-sm text-gray-500">5 hours ago</p>86                    </div>87                </div>88                <div class="flex items-start">89                    <div class="bg-cyan-500 rounded-full p-2 mr-4">90                        <i data-feather="file-text" class="w-5 h-5"></i>91                    </div>92                    <div>93                        <h4 class="font-semibold">Report Generated</h4>94                        <p class="text-gray-400">Semester results report for Cohort 2022-B</p>95                        <p class="text-sm text-gray-500">1 day ago</p>96                    </div>97                </div>98            </div>99        </div>100    </main>101 102    <!-- Footer Component -->103    <custom-footer></custom-footer>104 105    <script src="components/header.js"></script>106    <script src="components/footer.js"></script>107    <script src="script.js"></script>108    <script>feather.replace();</script>109<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>110</body>111</html>