-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (80 loc) · 2.74 KB
/
index.html
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en">
<head>
<title>King's Online Web Developer task 2023</title>
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script>
</head>
<body>
<div class="header">
<h1 class="title">Web Developer task 2023</h1>
<p>For this task, please write JavaScript in the script.js file to give the activities in the task container the relevant tags.</p>
<p>Once you have implemented your JavaScript please edit the style.css file to style the page according to the UI specifications.</p>
<p>The table below will give you information that you can use to determine the relevant tags for the activities.</p>
<table>
<thead>
<tr>
<th>Class</th>
<th>Tag</th>
</tr>
</thead>
<tbody>
<tr>
<td>act</td>
<td>Activity</td>
</tr>
<tr>
<td>exm</td>
<td>Assessed</td>
</tr>
<tr>
<td>grp</td>
<td>Collaborative
</td>
</tr>
<tr>
<td>med</td>
<td>Media</td>
</tr>
</tbody>
</table>
</div>
<h2>Sample container</h2>
<div class="sample-container">
<div class="sample-activity">
<h3 class="sample-activity__name act-grp-nme"><a href="#">Discussion forum</a></h3>
<div class="sample-activity__tags">
<div class="tag--activity">Activity</div>
<div class="tag--group">Collaborative</div>
</div>
</div>
<div class="sample-activity">
<h3 class="sample-activity__name exm-ngr-med"><a href="#">Assessment</a></h3>
<div class="sample-activity__tags">
<div class="tag--assessment">Assessed</div>
<div class="tag--media">Media</div>
</div>
</div>
</div>
<h2>Task container</h2>
<div class="task-container">
<div class="task-activity">
<h3 class="task-activity__name stu-ngr-med"><a href="#">Welcome to Week 1</a></h3>
<div class="task-activity__tags"></div>
</div>
<div class="task-activity">
<h3 class="task-activity__name act-grp-nme"><a href="#">Introduce yourself</a></h3>
<div class="task-activity__tags"></div>
</div>
<div class="task-activity">
<h3 class="task-activity__name act-ngr-nme"><a href="#">Quiz activity</a></h3>
<div class="task-activity__tags"></div>
</div>
<div class="task-activity">
<h3 class="task-activity__name exm-ngr-nme"><a href="#">Week 1 summative assessment</a></h3>
<div class="task-activity__tags"></div>
</div>
</div>
</body>
</html>