Changes for page Advanced Level

Last modified by Carlijn Kokkeler on 2024/09/26 16:38
From version 4.1
edited by Erik Bakker
on 2022/05/03 12:01
Change comment: There is no comment for this version
To version 27.1
edited by Erik Bakker
on 2022/06/23 16:10
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,56 +2,43 @@
1 -
2 2  {{html}}<div class="ez-academy">
3 3   <div class="ez-academy_body">
4 4   <main class="master">
5 5   <div class="card-container">
6 6   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Data%20Handling/" class="card">
7 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataHandling_modules.svg) center no-repeat; background-size: 20%;">
6 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataHandling_modules.svg) center no-repeat; background-size: 10%;">
8 8   <h4>Data Handling</h4>
9 9   </div>
10 - <ul class="card__footer">
9 + <ul class="card__footer-advanced">
11 11   <li class="card__footer-item">
12 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
13 - <label for="" class="card__footer-label">Advanced</label>
14 - </li>
15 - <li class="card__footer-item">
16 16   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
17 - <label for="" class="card__footer-label">Developer</label>
12 + <label for="" class="card__footer-label">All</label>
18 18   </li>
19 - <li class="card__footer-item">
14 + <li class="card__footer-item">
20 20   <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
21 - <label for="" class="card__footer-label">1</label>
16 + <label for="" class="card__footer-label">2</label>
22 22   </li>
23 23   </ul>
24 24   </a>
25 25   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Solution%20Architecture/" class="card">
26 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/SolutionArchitecture_Modules.svg) center no-repeat; background-size: 20%;">
21 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/SolutionArchitecture_Modules.svg) center no-repeat; background-size: 10%;">
27 27   <h4>Solution Architecture</h4>
28 28   </div>
29 - <ul class="card__footer">
24 + <ul class="card__footer-advanced">
30 30   <li class="card__footer-item">
31 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
32 - <label for="" class="card__footer-label">Advanced</label>
33 - </li>
34 - <li class="card__footer-item">
35 35   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
36 36   <label for="" class="card__footer-label">All</label>
37 37   </li>
38 38   <li class="card__footer-item">
39 39   <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
40 - <label for="" class="card__footer-label">4</label>
31 + <label for="" class="card__footer-label">5</label>
41 41   </li>
42 42   </ul>
43 - </a>
34 + </a>
44 44   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Orchestration%20of%20data%20packets/" class="card">
45 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 20%;">
36 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 10%;">
46 46   <h4>Orchestration of data packets</h4>
47 47   </div>
48 - <ul class="card__footer">
39 + <ul class="card__footer-advanced">
49 49   <li class="card__footer-item">
50 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
51 - <label for="" class="card__footer-label">Advanced</label>
52 - </li>
53 - <li class="card__footer-item">
54 54   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
55 55   <label for="" class="card__footer-label">All</label>
56 56   </li>
... ... @@ -60,16 +60,12 @@
60 60   </li>
61 61   </ul>
62 62   </a>
63 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Key%20platform%20concepts/" class="card">
64 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/platform_crashcourse.svg) center no-repeat; background-size: 20%;">
50 + <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Key%20Concepts/" class="card">
51 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/platform_crashcourse.svg) center no-repeat; background-size: 10%;">
65 65   <h4>Key platform concepts</h4>
66 66   </div>
67 - <ul class="card__footer">
54 + <ul class="card__footer-advanced">
68 68   <li class="card__footer-item">
69 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
70 - <label for="" class="card__footer-label">Advanced</label>
71 - </li>
72 - <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>
... ... @@ -80,15 +80,11 @@
80 80   </ul>
81 81   </a>
82 82   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/eMagiz%20Cloud%20Management/" class="card">
83 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/cloud-management-module.svg) center no-repeat; background-size: 20%;">
66 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/cloud-management-module.svg) center no-repeat; background-size: 10%;">
84 84   <h4>eMagiz Cloud Management</h4>
85 85   </div>
86 - <ul class="card__footer">
69 + <ul class="card__footer-advanced">
87 87   <li class="card__footer-item">
88 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
89 - <label for="" class="card__footer-label">Advanced</label>
90 - </li>
91 - <li class="card__footer-item">
92 92   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
93 93   <label for="" class="card__footer-label">All</label>
94 94   </li>
... ... @@ -98,15 +98,11 @@
98 98   </li>
99 99   </ul>
100 100   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Create%20your%20transformations/" class="card">
101 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 20%;">
80 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 10%;">
102 102   <h4>Create your transformations</h4>
103 103   </div>
104 - <ul class="card__footer">
83 + <ul class="card__footer-advanced">
105 105   <li class="card__footer-item">
106 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
107 - <label for="" class="card__footer-label">Advanced</label>
108 - </li>
109 - <li class="card__footer-item">
110 110   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
111 111   <label for="" class="card__footer-label">Developer</label>
112 112   </li>
... ... @@ -117,15 +117,11 @@
117 117   </ul>
118 118   </a>
119 119   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/API%20Management/" class="card">
120 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 20%;">
95 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 10%;">
121 121   <h4>API Management</h4>
122 122   </div>
123 - <ul class="card__footer">
98 + <ul class="card__footer-advanced">
124 124   <li class="card__footer-item">
125 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
126 - <label for="" class="card__footer-label">Advanced</label>
127 - </li>
128 - <li class="card__footer-item">
129 129   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
130 130   <label for="" class="card__footer-label">All</label>
131 131   </li>
... ... @@ -136,15 +136,11 @@
136 136   </ul>
137 137   </a>
138 138   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Lifecycle%20Management/" class="card">
139 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
110 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 10%;">
140 140   <h4>Lifecycle Management</h4>
141 141   </div>
142 - <ul class="card__footer">
113 + <ul class="card__footer-advanced">
143 143   <li class="card__footer-item">
144 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
145 - <label for="" class="card__footer-label">Advanced</label>
146 - </li>
147 - <li class="card__footer-item">
148 148   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
149 149   <label for="" class="card__footer-label">All</label>
150 150   </li>
... ... @@ -155,15 +155,11 @@
155 155   </ul>
156 156   </a>
157 157   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Testing%20in%20eMagiz/" class="card">
158 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 20%;">
125 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 10%;">
159 159   <h4>Testing in eMagiz</h4>
160 160   </div>
161 - <ul class="card__footer">
128 + <ul class="card__footer-advanced">
162 162   <li class="card__footer-item">
163 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
164 - <label for="" class="card__footer-label">Advanced</label>
165 - </li>
166 - <li class="card__footer-item">
167 167   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
168 168   <label for="" class="card__footer-label">Developer</label>
169 169   </li>
... ... @@ -174,15 +174,11 @@
174 174   </ul>
175 175   </a>
176 176   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Key%20Concepts%20API%20Gateway/" class="card">
177 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 20%;">
140 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 10%;">
178 178   <h4>Key Concepts API Gateway</h4>
179 179   </div>
180 - <ul class="card__footer">
143 + <ul class="card__footer-advanced">
181 181   <li class="card__footer-item">
182 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
183 - <label for="" class="card__footer-label">Advanced</label>
184 - </li>
185 - <li class="card__footer-item">
186 186   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
187 187   <label for="" class="card__footer-label">All</label>
188 188   </li>
... ... @@ -192,16 +192,12 @@
192 192   </li>
193 193   </ul>
194 194   </a>
195 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Advanced%20configurations%20API%20Gateway/" class="card">
196 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 20%;">
154 + <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Advanced%20configurations%20for%20API%20Gateway/" class="card">
155 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 10%;">
197 197   <h4>Advanced configurations API Gateway</h4>
198 198   </div>
199 - <ul class="card__footer">
158 + <ul class="card__footer-advanced">
200 200   <li class="card__footer-item">
201 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
202 - <label for="" class="card__footer-label">Advanced</label>
203 - </li>
204 - <li class="card__footer-item">
205 205   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
206 206   <label for="" class="card__footer-label">Developer</label>
207 207   </li>
... ... @@ -211,16 +211,12 @@
211 211   </li>
212 212   </ul>
213 213   </a>
214 - <a href="./bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Key%20Concepts%20Event%20Streaming/" class="card">
215 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
169 + <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Key%20Concepts%20Event%20Streaming/" class="card">
170 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 10%;">
216 216   <h4>Key Concepts Event Streaming</h4>
217 217   </div>
218 - <ul class="card__footer">
173 + <ul class="card__footer-advanced">
219 219   <li class="card__footer-item">
220 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
221 - <label for="" class="card__footer-label">Advanced</label>
222 - </li>
223 - <li class="card__footer-item">
224 224   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
225 225   <label for="" class="card__footer-label">All</label>
226 226   </li>
... ... @@ -230,16 +230,12 @@
230 230   </li>
231 231   </ul>
232 232   </a>
233 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Monitoring%20Event%20Streaming/" class="card">
234 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
184 + <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Advanced%20monitoring%20Event%20Streaming/" class="card">
185 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 10%;">
235 235   <h4>Monitoring Event Streaming</h4>
236 236   </div>
237 - <ul class="card__footer">
188 + <ul class="card__footer-advanced">
238 238   <li class="card__footer-item">
239 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
240 - <label for="" class="card__footer-label">Advanced</label>
241 - </li>
242 - <li class="card__footer-item">
243 243   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
244 244   <label for="" class="card__footer-label">All</label>
245 245   </li>
... ... @@ -249,16 +249,12 @@
249 249   </li>
250 250   </ul>
251 251   </a>
252 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Database%20Connectivity/" class="card">
253 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/database-connectivity.svg) center no-repeat; background-size: 20%;">
199 + <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Advanced%20Database%20Connectivity/" class="card">
200 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/database-connectivity.svg) center no-repeat; background-size: 10%;">
254 254   <h4>Database Connectivity</h4>
255 255   </div>
256 - <ul class="card__footer">
203 + <ul class="card__footer-advanced">
257 257   <li class="card__footer-item">
258 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
259 - <label for="" class="card__footer-label">Advanced</label>
260 - </li>
261 - <li class="card__footer-item">
262 262   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
263 263   <label for="" class="card__footer-label">Developer</label>
264 264   </li>
... ... @@ -268,16 +268,12 @@
268 268   </li>
269 269   </ul>
270 270   </a>
271 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/File%20based%20Connectivity/" class="card">
272 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/file-based-connectivity.svg) center no-repeat; background-size: 20%;">
214 + <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/File%20Based%20Connectivity/" class="card">
215 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/file-based-connectivity.svg) center no-repeat; background-size: 10%;">
273 273   <h4>File based Connectivity</h4>
274 274   </div>
275 - <ul class="card__footer">
218 + <ul class="card__footer-advanced">
276 276   <li class="card__footer-item">
277 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
278 - <label for="" class="card__footer-label">Advanced</label>
279 - </li>
280 - <li class="card__footer-item">
281 281   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
282 282   <label for="" class="card__footer-label">Developer</label>
283 283   </li>
... ... @@ -288,15 +288,11 @@
288 288   </ul>
289 289   </a>
290 290   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Mail%20based%20Connectivity/" class="card">
291 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/mail-based-connectivity.svg) center no-repeat; background-size: 20%;">
230 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/mail-based-connectivity.svg) center no-repeat; background-size: 10%;">
292 292   <h4>Mail based Connectivity</h4>
293 293   </div>
294 - <ul class="card__footer">
233 + <ul class="card__footer-advanced">
295 295   <li class="card__footer-item">
296 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
297 - <label for="" class="card__footer-label">Advanced</label>
298 - </li>
299 - <li class="card__footer-item">
300 300   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
301 301   <label for="" class="card__footer-label">Developer</label>
302 302   </li>
... ... @@ -306,16 +306,12 @@
306 306   </li>
307 307   </ul>
308 308   </a>
309 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Data%20Modeling%20and%20Validation/" class="card">
310 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 20%;">
244 + <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Key%20concepts%20data%20modeling%20and%20validation/" class="card">
245 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 10%;">
311 311   <h4>Data Modeling and Validation</h4>
312 312   </div>
313 - <ul class="card__footer">
248 + <ul class="card__footer-advanced">
314 314   <li class="card__footer-item">
315 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
316 - <label for="" class="card__footer-label">Advanced</label>
317 - </li>
318 - <li class="card__footer-item">
319 319   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
320 320   <label for="" class="card__footer-label">All</label>
321 321   </li>
... ... @@ -326,15 +326,11 @@
326 326   </ul>
327 327   </a>
328 328   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Risk%20Management/" class="card">
329 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 20%;">
260 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 10%;">
330 330   <h4>Risk Management</h4>
331 331   </div>
332 - <ul class="card__footer">
263 + <ul class="card__footer-advanced">
333 333   <li class="card__footer-item">
334 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
335 - <label for="" class="card__footer-label">Advanced</label>
336 - </li>
337 - <li class="card__footer-item">
338 338   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
339 339   <label for="" class="card__footer-label">All</label>
340 340   </li>
... ... @@ -345,15 +345,26 @@
345 345   </ul>
346 346   </a>
347 347   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Data%20Management/" class="card">
348 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 20%;">
275 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 10%;">
349 349   <h4>Data Management</h4>
350 350   </div>
351 - <ul class="card__footer">
278 + <ul class="card__footer-advanced">
352 352   <li class="card__footer-item">
353 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
354 - <label for="" class="card__footer-label">Advanced</label>
280 + <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
281 + <label for="" class="card__footer-label">All</label>
355 355   </li>
356 356   <li class="card__footer-item">
284 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
285 + <label for="" class="card__footer-label">2</label>
286 + </li>
287 + </ul>
288 + </a>
289 + <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Advanced%20monitoring%20API%20Gateway/" class="card">
290 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 10%;">
291 + <h4>Advanced Monitoring API Gateway</h4>
292 + </div>
293 + <ul class="card__footer-advanced">
294 + <li class="card__footer-item">
357 357   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
358 358   <label for="" class="card__footer-label">All</label>
359 359   </li>
... ... @@ -363,22 +363,33 @@
363 363   </li>
364 364   </ul>
365 365   </a>
366 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Advanced%20Monitoring%20API%20Gateway/" class="card">
367 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 20%;">
368 - <h4>Advanced Monitoring API Gateway</h4>
304 + <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Advanced%20monitoring/" class="card">
305 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 10%;">
306 + <h4>Advanced Monitoring</h4>
369 369   </div>
370 - <ul class="card__footer">
308 + <ul class="card__footer-advanced">
371 371   <li class="card__footer-item">
372 - <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
373 - <label for="" class="card__footer-label">Advanced</label>
310 + <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
311 + <label for="" class="card__footer-label">All</label>
374 374   </li>
375 375   <li class="card__footer-item">
314 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
315 + <label for="" class="card__footer-label">3</label>
316 + </li>
317 + </ul>
318 + </a>
319 + <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Advanced%20Level/Understanding%20Error%20Handling%20In%20eMagiz/" class="card">
320 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 10%;">
321 + <h4>Understanding Error Handling In eMagiz</h4>
322 + </div>
323 + <ul class="card__footer-advanced">
324 + <li class="card__footer-item">
376 376   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
377 377   <label for="" class="card__footer-label">All</label>
378 378   </li>
379 379   <li class="card__footer-item">
380 380   <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
381 - <label for="" class="card__footer-label">2</label>
330 + <label for="" class="card__footer-label">1</label>
382 382   </li>
383 383   </ul>
384 384   </a>