Live Assessments & Tasks

by Bridgeyu

HTML

<!DOCTYPE html>

<html lang="en" class="h-full">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>BridgeYU - Live Tests & Task Management System</title>

<!-- Tailwind CSS -->

<script src="https://cdn.tailwindcss.com"></script>

<script>

tailwind.config = {

darkMode: 'class',

theme: {

extend: {

colors: {

brand: {

50: '#f0f3ff',

100: '#e1e7fe',

500: '#4f46e5',

600: '#4338ca',

700: '#3730a3',

},

studentBg: '#121621',

studentCard: '#1a202c',

studentCardBorder: '#2d3748',

studentSidebar: '#181f2c'

}

}

}

}

</script>

<!-- FontAwesome Icons -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<!-- Google Fonts -->

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

<style>

body { font-family: 'Inter', sans-serif; }

.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }

.custom-scrollbar::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); }

.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(156, 163, 175, 0.5); border-radius: 4px; }

.dark .custom-scrollbar::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); }

.dark .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(75, 85, 99, 0.5); }

</style>

</head>

<body class="bg-gray-100 text-gray-800 h-full flex flex-col antialiased selection:bg-indigo-500 selection:text-white">

<!-- Global Demo Controller Bar -->

<header class="bg-slate-900 text-white px-4 py-2.5 flex flex-wrap justify-between items-center z-50 text-xs sm:text-sm border-b border-slate-800 shadow-md">

<div class="flex items-center gap-3">

<div class="bg-indigo-600 text-white p-1.5 rounded-lg flex items-center justify-center font-bold">

<i class="fa-solid...