yo-men/progress-menu.html at main · Dhozii/yo-men · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Progress Menu - Programming Learning System</title>
<style>
body { font-family: Arial; background:#f5f5f5; margin:0; padding:20px; text-align:center; }
.container { max-width:500px; margin:auto; background:white; padding:20px; border-radius:15px; box-shadow:0 4px 10px rgba(0,0,0,0.2);}
h1 { color:#A389D4; margin-bottom:15px; }
button { display:block; width:80%; margin:10px auto; padding:10px; font-size:16px; border:none; border-radius:10px; background:#A389D4; color:white; cursor:pointer;}
button:hover { background:#8e74c1; }
.back-btn { background:#555; margin-top:20px;}
</style>
</head>
<body>
<div class="container">
<h1>Select Progress</h1>
<!-- Python -->
<button onclick="goToProgress('python','beginner')">Python Beginner</button>
<button onclick="goToProgress('python','intermediate')">Python Intermediate</button>
<button onclick="goToProgress('python','pro')">Python Pro</button>
<!-- Java -->
<button onclick="goToProgress('java','beginner')">Java Beginner</button>
<button onclick="goToProgress('java','intermediate')">Java Intermediate</button>
<button onclick="goToProgress('java','pro')">Java Pro</button>
<button class="back-btn" onclick="window.location.href='dashboard.html'">Back to Dashboard</button>
</div>
<script>
function goToProgress(language, level){
    window.location.href = `progress-view.html?language=${language}&level=${level}`;
}
</script>
</body>
</html>