104 lines
2.4 KiB
PHP
104 lines
2.4 KiB
PHP
<?php
|
|
session_start();
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Choose Assessment Mode | RS Learning Lab</title>
|
|
|
|
<style>
|
|
body{
|
|
margin:0;
|
|
min-height:100vh;
|
|
background:radial-gradient(circle at top,#0f172a,#020617);
|
|
font-family:Segoe UI,sans-serif;
|
|
color:#e5e7eb;
|
|
}
|
|
.wrap{
|
|
max-width:1100px;
|
|
margin:80px auto;
|
|
padding:20px;
|
|
}
|
|
h1{
|
|
font-size:34px;
|
|
margin-bottom:6px;
|
|
}
|
|
.sub{
|
|
opacity:.7;
|
|
margin-bottom:45px;
|
|
}
|
|
.cards{
|
|
display:grid;
|
|
grid-template-columns:1fr 1fr;
|
|
gap:30px;
|
|
}
|
|
.card{
|
|
background:linear-gradient(180deg,#111827,#020617);
|
|
border:1px solid #1f2937;
|
|
border-radius:20px;
|
|
padding:32px;
|
|
transition:.3s;
|
|
}
|
|
.card:hover{
|
|
border-color:#0ea5e9;
|
|
transform:translateY(-6px);
|
|
}
|
|
.title{
|
|
font-size:22px;
|
|
margin-bottom:10px;
|
|
}
|
|
.desc{
|
|
opacity:.8;
|
|
line-height:1.6;
|
|
}
|
|
a{
|
|
text-decoration:none;
|
|
color:inherit;
|
|
}
|
|
.back{
|
|
display:inline-block;
|
|
margin-top:40px;
|
|
color:#38bdf8;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="wrap">
|
|
<h1>Choose Assessment Mode</h1>
|
|
<div class="sub">
|
|
Select how you want to conduct the learning style assessment.
|
|
</div>
|
|
|
|
<div class="cards">
|
|
|
|
<a href="manual.php">
|
|
<div class="card">
|
|
<div class="title">👨🏫 Facilitated Mode</div>
|
|
<div class="desc">
|
|
Teacher conducts the assessment.
|
|
Upload class list and guide students
|
|
in classroom or lab.
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="self_assessment_start.php">
|
|
<div class="card">
|
|
<div class="title">💻 Self-Assessment Mode</div>
|
|
<div class="desc">
|
|
Students attempt the assessment independently
|
|
using name or roll number.
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<a href="dashboard.php" class="back">← Back to Dashboard</a>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|