Changes for page Microlearnings

Last modified by Carlijn Kokkeler on 2024/09/26 15:19

From version 29.1
edited by Erik Bakker
on 2022/06/24 21:06
Change comment: There is no comment for this version
To version 20.1
edited by Erik Bakker
on 2022/05/08 13:36
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -5,26 +5,34 @@
5 5   <main class="master">
6 6   <div class="card-container">
7 7   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Crash%20Course/" class="card">
8 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/crash-courses.svg) center no-repeat; background-size: 10%;">
8 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/crash-courses.svg) center no-repeat; background-size: 13%;">
9 9   <h4>Crash Courses</h4>
10 10   </div>
11 - <ul class="card__footer-crash-course">
11 + <ul class="card__footer">
12 12   <li class="card__footer-item">
13 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
14 + <label for="" class="card__footer-label">Novice</label>
15 + </li>
16 + <li class="card__footer-item">
13 13   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
14 14   <label for="" class="card__footer-label">All</label>
15 15   </li>
16 16   <li class="card__footer-item">
17 17   <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
18 - <label for="" class="card__footer-label">4</label>
22 + <label for="" class="card__footer-label">45</label>
19 19   </li>
20 20   </ul>
21 21   </a>
22 22   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/" class="card">
23 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/novice-microlearnings.svg) center no-repeat; background-size: 10%; ">
27 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/novice-microlearnings.svg) center no-repeat; background-size: 13%; ">
24 24   <h4>Novice Microlearnings</h4>
25 25   </div>
26 26   <ul class="card__footer-novice">
27 27   <li class="card__footer-item">
32 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
33 + <label for="" class="card__footer-label">Novice</label>
34 + </li>
35 + <li class="card__footer-item">
28 28   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
29 29   <label for="" class="card__footer-label">All</label>
30 30   </li>
... ... @@ -35,47 +35,59 @@
35 35   </ul>
36 36   </a>
37 37   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level//" class="card">
38 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/intermediate-microlearnings.svg) center no-repeat; background-size: 10%;">
46 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/intermediate-microlearnings.svg) center no-repeat; background-size: 13%;">
39 39   <h4>Intermediate Microlearnings</h4>
40 40   </div>
41 41   <ul class="card__footer-intermediate">
42 42   <li class="card__footer-item">
51 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
52 + <label for="" class="card__footer-label">Novice</label>
53 + </li>
54 + <li class="card__footer-item">
43 43   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
44 44   <label for="" class="card__footer-label">All</label>
45 45   </li>
46 46   <li class="card__footer-item">
47 47   <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
48 - <label for="" class="card__footer-label">33</label>
60 + <label for="" class="card__footer-label">6</label>
49 49   </li>
50 50   </ul>
51 51   </a>
52 52   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level//" class="card">
53 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/advanced-microlearnings.svg) center no-repeat; background-size: 10%;">
65 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/advanced-microlearnings.svg) center no-repeat; background-size: 13%;">
54 54   <h4>Advanced Microlearnings</h4>
55 55   </div>
56 56   <ul class="card__footer-advanced">
57 57   <li class="card__footer-item">
70 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
71 + <label for="" class="card__footer-label">Novice</label>
72 + </li>
73 + <li class="card__footer-item">
58 58   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
59 59   <label for="" class="card__footer-label">All</label>
60 60   </li>
61 61   <li class="card__footer-item">
62 62   <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
63 - <label for="" class="card__footer-label">22</label>
79 + <label for="" class="card__footer-label">11</label>
64 64   </li>
65 65   </ul>
66 66   </a>
67 67   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Expert%20Level//" class="card">
68 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/expert-microlearnings.svg) center no-repeat; background-size: 10%;">
84 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/expert-microlearnings.svg) center no-repeat; background-size: 13%;">
69 69   <h4>Expert Microlearnings</h4>
70 70   </div>
71 71   <ul class="card__footer-expert">
72 72   <li class="card__footer-item">
89 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
90 + <label for="" class="card__footer-label">Novice</label>
91 + </li>
92 + <li class="card__footer-item">
73 73   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
74 74   <label for="" class="card__footer-label">All</label>
75 75   </li>
76 76   <li class="card__footer-item">
77 77   <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
78 - <label for="" class="card__footer-label">3</label>
98 + <label for="" class="card__footer-label">11</label>
79 79   </li>
80 80   </ul>
81 81   </a>