Skip to Content

Changes for page Intermediate Level

Last modified by Danniar Firdausy on 2024/09/30 10:09
From version 16.1
edited by eMagiz
on 2022/06/22 13:42
Change comment: There is no comment for this version
To version 7.1
edited by eMagiz
on 2022/06/08 12:40
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -4,11 +4,15 @@
4 4   <main class="master">
5 5   <div class="card-container">
6 6   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Discover%20your%20integration%20landscape" class="card">
7 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Discover_Integrations.svg) center no-repeat; background-size: 10%;">
7 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Discover_Integrations.svg) center no-repeat; background-size: 25%;">
8 8   <h4>Discover your integration landscape</h4>
9 9   </div>
10 - <ul class="card__footer-intermediate">
10 + <ul class="card__footer">
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">Intermediate</label>
14 + </li>
15 + <li class="card__footer-item">
12 12   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
13 13   <label for="" class="card__footer-label">All</label>
14 14   </li>
... ... @@ -19,11 +19,15 @@
19 19   </ul>
20 20   </a>
21 21   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Key%20concepts%20eMagiz%20Messaging" class="card">
22 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/messaging_crashcourse.svg) center no-repeat; background-size: 10%;">
26 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/messaging_crashcourse.svg) center no-repeat; background-size: 20%;">
23 23   <h4>Key concepts eMagiz Messaging</h4>
24 24   </div>
25 - <ul class="card__footer-intermediate">
29 + <ul class="card__footer">
26 26   <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">Intermediate</label>
33 + </li>
34 + <li class="card__footer-item">
27 27   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
28 28   <label for="" class="card__footer-label">All</label>
29 29   </li>
... ... @@ -34,11 +34,15 @@
34 34   </ul>
35 35   </a>
36 36   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Design%20your%20transformations" class="card">
37 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 10%;">
45 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 20%;">
38 38   <h4>Design your transformations</h4>
39 39   </div>
40 - <ul class="card__footer-intermediate">
48 + <ul class="card__footer">
41 41   <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">Intermediate</label>
52 + </li>
53 + <li class="card__footer-item">
42 42   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
43 43   <label for="" class="card__footer-label">Developer</label>
44 44   </li>
... ... @@ -49,11 +49,15 @@
49 49   </ul>
50 50   </a>
51 51   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Defining%20message%20structures" class="card">
52 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/MessageStructure.svg) center no-repeat; background-size: 10%;">
64 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/MessageStructure.svg) center no-repeat; background-size: 20%;">
53 53   <h4>Defining message structures</h4>
54 54   </div>
55 - <ul class="card__footer-intermediate">
67 + <ul class="card__footer">
56 56   <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">Intermediate</label>
71 + </li>
72 + <li class="card__footer-item">
57 57   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
58 58   <label for="" class="card__footer-label">All</label>
59 59   </li>
... ... @@ -64,11 +64,15 @@
64 64   </ul>
65 65   </a>
66 66   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Solution%20Architecture" class="card">
67 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/SolutionArchitecture_Modules.svg) center no-repeat; background-size: 10%;">
83 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/SolutionArchitecture_Modules.svg) center no-repeat; background-size: 17%;">
68 68   <h4>Solution Architecture</h4>
69 69   </div>
70 - <ul class="card__footer-intermediate">
86 + <ul class="card__footer">
71 71   <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">Intermediate</label>
90 + </li>
91 + <li class="card__footer-item">
72 72   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
73 73   <label for="" class="card__footer-label">All</label>
74 74   </li>
... ... @@ -79,11 +79,15 @@
79 79   </ul>
80 80   </a>
81 81   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Data%20traffic%20routing" class="card">
82 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/messaging_crashcourse.svg) center no-repeat; background-size: 10%;">
102 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/messaging_crashcourse.svg) center no-repeat; background-size: 20%;">
83 83   <h4>Data traffic routing</h4>
84 84   </div>
85 - <ul class="card__footer-intermediate">
105 + <ul class="card__footer">
86 86   <li class="card__footer-item">
107 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
108 + <label for="" class="card__footer-label">Intermediate</label>
109 + </li>
110 + <li class="card__footer-item">
87 87   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
88 88   <label for="" class="card__footer-label">Developer</label>
89 89   </li>
... ... @@ -94,11 +94,15 @@
94 94   </ul>
95 95   </a>
96 96   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Create%20your%20transformations" class="card">
97 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 10%;">
121 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 20%;">
98 98   <h4>Create your transformations</h4>
99 99   </div>
100 - <ul class="card__footer-intermediate">
124 + <ul class="card__footer">
101 101   <li class="card__footer-item">
126 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
127 + <label for="" class="card__footer-label">Intermediate</label>
128 + </li>
129 + <li class="card__footer-item">
102 102   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
103 103   <label for="" class="card__footer-label">Developer</label>
104 104   </li>
... ... @@ -109,11 +109,15 @@
109 109   </ul>
110 110   </a>
111 111   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/eMagiz%20Cloud%20Management" class="card">
112 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/cloud-management-module.svg) center no-repeat; background-size: 10%;">
140 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/cloud-management-module.svg) center no-repeat; background-size: 20%;">
113 113   <h4>eMagiz Cloud Management</h4>
114 114   </div>
115 - <ul class="card__footer-intermediate">
143 + <ul class="card__footer">
116 116   <li class="card__footer-item">
145 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
146 + <label for="" class="card__footer-label">Intermediate</label>
147 + </li>
148 + <li class="card__footer-item">
117 117   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
118 118   <label for="" class="card__footer-label">All</label>
119 119   </li>
... ... @@ -124,11 +124,15 @@
124 124   </ul>
125 125   </a>
126 126   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Data%20Pipelines" class="card">
127 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataPipelines_Modules.svg) center no-repeat; background-size: 10%;">
159 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataPipelines_Modules.svg) center no-repeat; background-size: 20%;">
128 128   <h4>Data Pipelines</h4>
129 129   </div>
130 - <ul class="card__footer-intermediate">
162 + <ul class="card__footer">
131 131   <li class="card__footer-item">
164 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
165 + <label for="" class="card__footer-label">Intermediate</label>
166 + </li>
167 + <li class="card__footer-item">
132 132   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
133 133   <label for="" class="card__footer-label">Developer</label>
134 134   </li>
... ... @@ -139,11 +139,15 @@
139 139   </ul>
140 140   </a>
141 141   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Data%20Handling" class="card">
142 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataHandling_modules.svg) center no-repeat; background-size: 10%;">
178 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DataHandling_modules.svg) center no-repeat; background-size: 20%;">
143 143   <h4>Data Handling</h4>
144 144   </div>
145 - <ul class="card__footer-intermediate">
181 + <ul class="card__footer">
146 146   <li class="card__footer-item">
183 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
184 + <label for="" class="card__footer-label">Intermediate</label>
185 + </li>
186 + <li class="card__footer-item">
147 147   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
148 148   <label for="" class="card__footer-label">Developer</label>
149 149   </li>
... ... @@ -154,10 +154,13 @@
154 154   </ul>
155 155   </a>
156 156   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Testing%20in%20eMagiz" class="card">
157 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 10%;">
197 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 20%;">
158 158   <h4>Testing in eMagiz</h4>
159 159   </div>
160 - <ul class="card__footer-intermediate">
200 + <ul class="card__footer">
201 + <li class="card__footer-item">
202 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
203 + <label for="" class="card__footer-label">Intermediate</label>
161 161   </li>
162 162   <li class="card__footer-item">
163 163   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
... ... @@ -170,11 +170,15 @@
170 170   </ul>
171 171   </a>
172 172   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Release%20Management" class="card">
173 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Release_management_modules.svg) center no-repeat; background-size: 10%;">
216 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Release_management_modules.svg) center no-repeat; background-size: 20%;">
174 174   <h4>Release Management</h4>
175 175   </div>
176 - <ul class="card__footer-intermediate">
219 + <ul class="card__footer">
177 177   <li class="card__footer-item">
221 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
222 + <label for="" class="card__footer-label">Intermediate</label>
223 + </li>
224 + <li class="card__footer-item">
178 178   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
179 179   <label for="" class="card__footer-label">All</label>
180 180   </li>
... ... @@ -185,11 +185,15 @@
185 185   </ul>
186 186   </a>
187 187   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Active%20Monitoring" class="card">
188 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 5%;">
235 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
189 189   <h4>Active Monitoring</h4>
190 190   </div>
191 - <ul class="card__footer-intermediate">
238 + <ul class="card__footer">
192 192   <li class="card__footer-item">
240 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
241 + <label for="" class="card__footer-label">Intermediate</label>
242 + </li>
243 + <li class="card__footer-item">
193 193   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
194 194   <label for="" class="card__footer-label">All</label>
195 195   </li>
... ... @@ -200,11 +200,15 @@
200 200   </ul>
201 201   </a>
202 202   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Alerting" class="card">
203 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/alerting_module.svg) center no-repeat; background-size: 10%;">
254 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/alerting_module.svg) center no-repeat; background-size: 20%;">
204 204   <h4>Alerting</h4>
205 205   </div>
206 - <ul class="card__footer-intermediate">
257 + <ul class="card__footer">
207 207   <li class="card__footer-item">
259 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
260 + <label for="" class="card__footer-label">Intermediate</label>
261 + </li>
262 + <li class="card__footer-item">
208 208   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
209 209   <label for="" class="card__footer-label">All</label>
210 210   </li>
... ... @@ -215,11 +215,15 @@
215 215   </ul>
216 216   </a>
217 217   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/API%20Management" class="card">
218 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 10%;">
273 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-management.svg) center no-repeat; background-size: 20%;">
219 219   <h4>API Management</h4>
220 220   </div>
221 - <ul class="card__footer-intermediate">
276 + <ul class="card__footer">
222 222   <li class="card__footer-item">
278 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
279 + <label for="" class="card__footer-label">Intermediate</label>
280 + </li>
281 + <li class="card__footer-item">
223 223   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
224 224   <label for="" class="card__footer-label">All</label>
225 225   </li>
... ... @@ -231,10 +231,13 @@
231 231   </a>
232 232   </a>
233 233   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/DevOps%20Perspectives/" class="card">
234 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DevOpsPerspectives_module.svg) center no-repeat; background-size: 10%;">
293 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DevOpsPerspectives_module.svg) center no-repeat; background-size: 20%;">
235 235   <h4>DevOps Perspectives</h4>
236 236   </div>
237 - <ul class="card__footer-intermediate">
296 + <ul class="card__footer">
297 + <li class="card__footer-item">
298 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
299 + <label for="" class="card__footer-label">Intermediate</label>
238 238   </li>
239 239   <li class="card__footer-item">
240 240   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
... ... @@ -247,11 +247,15 @@
247 247   </ul>
248 248   </a>
249 249   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Lifecycle%20Management" class="card">
250 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 10%;">
312 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
251 251   <h4>Lifecycle Management</h4>
252 252   </div>
253 - <ul class="card__footer-intermediate">
315 + <ul class="card__footer">
254 254   <li class="card__footer-item">
317 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
318 + <label for="" class="card__footer-label">Intermediate</label>
319 + </li>
320 + <li class="card__footer-item">
255 255   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
256 256   <label for="" class="card__footer-label">All</label>
257 257   </li>
... ... @@ -262,11 +262,15 @@
262 262   </ul>
263 263   </a>
264 264   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Securing%20Data%20Traffic" class="card">
265 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 10%;">
331 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 18%;">
266 266   <h4>Securing Data Traffic</h4>
267 267   </div>
268 - <ul class="card__footer-intermediate">
334 + <ul class="card__footer">
269 269   <li class="card__footer-item">
336 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
337 + <label for="" class="card__footer-label">Intermediate</label>
338 + </li>
339 + <li class="card__footer-item">
270 270   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
271 271   <label for="" class="card__footer-label">Developer</label>
272 272   </li>
... ... @@ -277,11 +277,15 @@
277 277   </ul>
278 278   </a>
279 279   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Portal%20Security" class="card">
280 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 10%;">
350 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 20%;">
281 281   <h4>Portal Security</h4>
282 282   </div>
283 - <ul class="card__footer-intermediate">
353 + <ul class="card__footer">
284 284   <li class="card__footer-item">
355 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
356 + <label for="" class="card__footer-label">Intermediate</label>
357 + </li>
358 + <li class="card__footer-item">
285 285   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
286 286   <label for="" class="card__footer-label">All</label>
287 287   </li>
... ... @@ -292,11 +292,15 @@
292 292   </ul>
293 293   </a>
294 294   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Understanding%20Error%20Handling" class="card">
295 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Error_Handling_Modules.svg) center no-repeat; background-size: 10%;">
369 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Error_Handling_Modules.svg) center no-repeat; background-size: 15%;">
296 296   <h4>Understanding Error Handling</h4>
297 297   </div>
298 - <ul class="card__footer-intermediate">
372 + <ul class="card__footer">
299 299   <li class="card__footer-item">
374 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
375 + <label for="" class="card__footer-label">Intermediate</label>
376 + </li>
377 + <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">All</label>
302 302   </li>
... ... @@ -307,11 +307,15 @@
307 307   </ul>
308 308   </a>
309 309   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Orchestration%20of%20data%20packets" class="card">
310 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 10%;">
388 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/orchestration_modules.svg) center no-repeat; background-size: 20%;">
311 311   <h4>Orchestration of data packets</h4>
312 312   </div>
313 - <ul class="card__footer-intermediate">
391 + <ul class="card__footer">
314 314   <li class="card__footer-item">
393 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
394 + <label for="" class="card__footer-label">Intermediate</label>
395 + </li>
396 + <li class="card__footer-item">
315 315   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
316 316   <label for="" class="card__footer-label">All</label>
317 317   </li>
... ... @@ -322,11 +322,15 @@
322 322   </ul>
323 323   </a>
324 324   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Configuring%20the%20API%20Gateway" class="card">
325 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-gateway_crashcourse.svg) center no-repeat; background-size: 10%; ">
407 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-gateway_crashcourse.svg) center no-repeat; background-size: 15%; ">
326 326   <h4>Configuring the API Gateway</h4>
327 327   </div>
328 - <ul class="card__footer-intermediate">
410 + <ul class="card__footer">
329 329   <li class="card__footer-item">
412 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
413 + <label for="" class="card__footer-label">Intermediate</label>
414 + </li>
415 + <li class="card__footer-item">
330 330   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
331 331   <label for="" class="card__footer-label">Developer</label>
332 332   </li>
... ... @@ -337,11 +337,15 @@
337 337   </ul>
338 338   </a>
339 339   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Testing%20API%20Gateway" class="card">
340 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 10%;">
426 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 20%;">
341 341   <h4>Testing API Gateway</h4>
342 342   </div>
343 - <ul class="card__footer-intermediate">
429 + <ul class="card__footer">
344 344   <li class="card__footer-item">
431 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
432 + <label for="" class="card__footer-label">Intermediate</label>
433 + </li>
434 + <li class="card__footer-item">
345 345   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
346 346   <label for="" class="card__footer-label">All</label>
347 347   </li>
... ... @@ -352,11 +352,15 @@
352 352   </ul>
353 353   </a>
354 354   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Key%20concepts%20Event%20Streaming" class="card">
355 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 10%;">
445 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
356 356   <h4>Key concepts Event Streaming</h4>
357 357   </div>
358 - <ul class="card__footer-intermediate">
448 + <ul class="card__footer">
359 359   <li class="card__footer-item">
450 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
451 + <label for="" class="card__footer-label">Intermediate</label>
452 + </li>
453 + <li class="card__footer-item">
360 360   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
361 361   <label for="" class="card__footer-label">All</label>
362 362   </li>
... ... @@ -370,8 +370,12 @@
370 370   <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
371 371   <h4>Configuring Event Streaming</h4>
372 372   </div>
373 - <ul class="card__footer-intermediate">
467 + <ul class="card__footer">
374 374   <li class="card__footer-item">
469 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
470 + <label for="" class="card__footer-label">Intermediate</label>
471 + </li>
472 + <li class="card__footer-item">
375 375   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
376 376   <label for="" class="card__footer-label">All</label>
377 377   </li>
... ... @@ -382,11 +382,15 @@
382 382   </ul>
383 383   </a>
384 384   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Event%20Streaming%20Connectors" class="card">
385 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 10%;">
483 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
386 386   <h4>Event Streaming Connectors</h4>
387 387   </div>
388 - <ul class="card__footer-intermediate">
486 + <ul class="card__footer">
389 389   <li class="card__footer-item">
488 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
489 + <label for="" class="card__footer-label">Intermediate</label>
490 + </li>
491 + <li class="card__footer-item">
390 390   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
391 391   <label for="" class="card__footer-label">All</label>
392 392   </li>
... ... @@ -397,11 +397,15 @@
397 397   </ul>
398 398   </a>
399 399   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Database%20connectivity" class="card">
400 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/database-connectivity.svg) center no-repeat; background-size: 10%;">
502 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/database-connectivity.svg) center no-repeat; background-size: 20%;">
401 401   <h4>Database connectivity</h4>
402 402   </div>
403 - <ul class="card__footer-intermediate">
505 + <ul class="card__footer">
404 404   <li class="card__footer-item">
507 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
508 + <label for="" class="card__footer-label">Intermediate</label>
509 + </li>
510 + <li class="card__footer-item">
405 405   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
406 406   <label for="" class="card__footer-label">Developer</label>
407 407   </li>
... ... @@ -412,11 +412,15 @@
412 412   </ul>
413 413   </a>
414 414   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/File%20based%20connectivity" class="card">
415 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/file-based-connectivity.svg) center no-repeat; background-size: 10%;">
521 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/file-based-connectivity.svg) center no-repeat; background-size: 20%;">
416 416   <h4>File based connectivity</h4>
417 417   </div>
418 - <ul class="card__footer-intermediate">
524 + <ul class="card__footer">
419 419   <li class="card__footer-item">
526 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
527 + <label for="" class="card__footer-label">Intermediate</label>
528 + </li>
529 + <li class="card__footer-item">
420 420   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
421 421   <label for="" class="card__footer-label">Developer</label>
422 422   </li>
... ... @@ -427,11 +427,15 @@
427 427   </ul>
428 428   </a>
429 429   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Mendix%20connectivity" class="card">
430 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/mendix-connectivity.svg) center no-repeat; background-size: 10%;">
540 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/mendix-connectivity.svg) center no-repeat; background-size: 15%;">
431 431   <h4>Mendix Connectivity</h4>
432 432   </div>
433 - <ul class="card__footer-intermediate">
543 + <ul class="card__footer">
434 434   <li class="card__footer-item">
545 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
546 + <label for="" class="card__footer-label">Intermediate</label>
547 + </li>
548 + <li class="card__footer-item">
435 435   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
436 436   <label for="" class="card__footer-label">All</label>
437 437   </li>
... ... @@ -442,11 +442,15 @@
442 442   </ul>
443 443   </a>
444 444   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/REST%20Connectivity" class="card">
445 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/REST_modules.svg) center no-repeat; background-size: 10%;">
559 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/REST_modules.svg) center no-repeat; background-size: 20%;">
446 446   <h4>REST Connectivity</h4>
447 447   </div>
448 - <ul class="card__footer-intermediate">
562 + <ul class="card__footer">
449 449   <li class="card__footer-item">
564 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
565 + <label for="" class="card__footer-label">Intermediate</label>
566 + </li>
567 + <li class="card__footer-item">
450 450   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
451 451   <label for="" class="card__footer-label">Developer</label>
452 452   </li>
... ... @@ -457,11 +457,15 @@
457 457   </ul>
458 458   </a>
459 459   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Message%20Redelivery" class="card">
460 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/message-redelivery.svg) center no-repeat; background-size: 10%;">
578 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/message-redelivery.svg) center no-repeat; background-size: 20%;">
461 461   <h4>Message Redelivery</h4>
462 462   </div>
463 - <ul class="card__footer-intermediate">
581 + <ul class="card__footer">
464 464   <li class="card__footer-item">
583 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
584 + <label for="" class="card__footer-label">Intermediate</label>
585 + </li>
586 + <li class="card__footer-item">
465 465   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
466 466   <label for="" class="card__footer-label">All</label>
467 467   </li>
... ... @@ -472,11 +472,15 @@
472 472   </ul>
473 473   </a>
474 474   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/Risk%20Management" class="card">
475 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 10%;">
597 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Testing_modules.svg) center no-repeat; background-size: 20%;">
476 476   <h4>Risk Management</h4>
477 477   </div>
478 - <ul class="card__footer-intermediate">
600 + <ul class="card__footer">
479 479   <li class="card__footer-item">
602 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
603 + <label for="" class="card__footer-label">Intermediate</label>
604 + </li>
605 + <li class="card__footer-item">
480 480   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
481 481   <label for="" class="card__footer-label">All</label>
482 482   </li>
... ... @@ -487,11 +487,15 @@
487 487   </ul>
488 488   </a>
489 489   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Intermediate%20Level/SOAP%20Web%20service%20Connectivity/" class="card">
490 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/soap-connectivity-module.svg) center no-repeat; background-size: 10%;">
616 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/soap-connectivity-module.svg) center no-repeat; background-size: 20%;">
491 491   <h4>SOAP Web service Connectivity</h4>
492 492   </div>
493 - <ul class="card__footer-intermediate">
619 + <ul class="card__footer">
494 494   <li class="card__footer-item">
621 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
622 + <label for="" class="card__footer-label">Intermediate</label>
623 + </li>
624 + <li class="card__footer-item">
495 495   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
496 496   <label for="" class="card__footer-label">Developer</label>
497 497   </li>