Changes for page Novice Level

Last modified by Carlijn Kokkeler on 2024/09/26 15:24
From version 14.1
edited by eMagiz
on 2022/06/22 14:29
Change comment: There is no comment for this version
To version 1.1
edited by eMagiz
on 2022/04/29 15:48
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Novice Level
1 +Novice
Content
... ... @@ -1,16 +1,186 @@
1 1  
2 2  {{html}}
3 3  <div class="ez-academy">
4 - <div class="ez-academy_body">
4 + <div class="ez-academy__body">
5 5   <main class="master">
6 + <h2 class="title">eMagiz Academy</h2>
6 6   <div class="card-container">
7 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/Create%20your%20transformations" class="card">
8 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 10%;">
9 - <h4>Create your transformations</h4>
8 + <a href="../../docs/microlearning/crashcourse-platform-index" class="card card--featured">
9 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/platform_crashcourse.svg) center no-repeat; background-size: 10%;">
10 + <h4 class="title">Crash Course Platform</h4>
10 10   </div>
11 - <ul class="card__footer-novice">
12 + <ul class="card__footer">
12 12   <li class="card__footer-item">
14 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
15 + <label for="" class="card__footer-label">Novice</label>
16 + </li>
17 + <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"/>
19 + <label for="" class="card__footer-label">All</label>
20 + </li>
21 + <li class="card__footer-item">
22 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
23 + <label for="" class="card__footer-label">45</label>
24 + </li>
25 + </ul>
26 + </a>
27 + <a href="../../docs/microlearning/crashcourse-api-gateway-index" class="card">
28 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-gateway_crashcourse.svg) center no-repeat; background-size: 15%; ">
29 + <h4 class="title">Crash Course API Gateway</h4>
30 + </div>
31 + <ul class="card__footer">
32 + <li class="card__footer-item">
33 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
34 + <label for="" class="card__footer-label">Novice</label>
35 + </li>
36 + <li class="card__footer-item">
37 + <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
38 + <label for="" class="card__footer-label">All</label>
39 + </li>
40 + <li class="card__footer-item">
41 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
42 + <label for="" class="card__footer-label">12</label>
43 + </li>
44 + </ul>
45 + </a>
46 + <a href="../../docs/microlearning/crashcourse-event-streaming-index" class="card">
47 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
48 + <h4 class="title">Crash Course Event Streaming</h4>
49 + </div>
50 + <ul class="card__footer">
51 + <li class="card__footer-item">
52 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
53 + <label for="" class="card__footer-label">Novice</label>
54 + </li>
55 + <li class="card__footer-item">
56 + <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
57 + <label for="" class="card__footer-label">All</label>
58 + </li>
59 + <li class="card__footer-item">
60 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
61 + <label for="" class="card__footer-label">6</label>
62 + </li>
63 + </ul>
64 + </a>
65 + <a href="../../docs/microlearning/crashcourse-messaging-index" class="card">
66 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/messaging_crashcourse.svg) center no-repeat; background-size: 20%;">
67 + <h4 class="title">Crash Course Messaging</h4>
68 + </div>
69 + <ul class="card__footer">
70 + <li class="card__footer-item">
71 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
72 + <label for="" class="card__footer-label">Novice</label>
73 + </li>
74 + <li class="card__footer-item">
75 + <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
76 + <label for="" class="card__footer-label">All</label>
77 + </li>
78 + <li class="card__footer-item">
79 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
80 + <label for="" class="card__footer-label">11</label>
81 + </li>
82 + </ul>
83 + </a>
84 + </div>
85 + <h2 class="title">Courses</h2>
86 + <ul class="tabs">
87 + <li class="tabs__item"><a href="../../docs/microlearning/index_academy_microlearning" class="tabs__link">All</a></li>
88 + <li class="tabs__item"><a href="../../docs/microlearning/index_academy_developer" class="tabs__link">Developer</a></li>
89 + <li class="tabs__item"><a href="../../docs/microlearning/index_academy_architect" class="tabs__link">Architect</a></li>
90 + <li class="tabs__item"><a href="../../docs/microlearning/index_academy_support_engineer" class="tabs__link">Support Engineer</a></li>
91 + <li class="tabs__item--active"><a href="../../docs/microlearning/index_academy_novice" class="tabs__link">Novice</a></li>
92 + <li class="tabs__item"><a href="../../docs/microlearning/index_academy_intermediate" class="tabs__link">Intermediate</a></li>
93 + <li class="tabs__item"><a href="../../docs/microlearning/index_academy_advanced" class="tabs__link">Advanced</a></li>
94 + <li class="tabs__item"><a href="../../docs/microlearning/index_academy_expert" class="tabs__link">Expert</a></li>
95 + </ul>
96 + <div class="card-container">
97 + <a href="../../docs/microlearning/crashcourse-platform-index" class="card">
98 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/platform_crashcourse.svg) center no-repeat; background-size: 17%;">
99 + <h4 class="title">Crash Course Platform</h4>
100 + </div>
101 + <ul class="card__footer">
102 + <li class="card__footer-item">
103 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
104 + <label for="" class="card__footer-label">Novice</label>
105 + </li>
106 + <li class="card__footer-item">
107 + <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
108 + <label for="" class="card__footer-label">All</label>
109 + </li>
110 + <li class="card__footer-item">
111 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
112 + <label for="" class="card__footer-label">45</label>
113 + </li>
114 + </ul>
115 + </a>
116 + <a href="../../docs/microlearning/crashcourse-api-gateway-index" class="card">
117 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/api-gateway_crashcourse.svg) center no-repeat; background-size: 15%; ">
118 + <h4 class="title">Crash Course API Gateway</h4>
119 + </div>
120 + <ul class="card__footer">
121 + <li class="card__footer-item">
122 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
123 + <label for="" class="card__footer-label">Novice</label>
124 + </li>
125 + <li class="card__footer-item">
126 + <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
127 + <label for="" class="card__footer-label">All</label>
128 + </li>
129 + <li class="card__footer-item">
130 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
131 + <label for="" class="card__footer-label">12</label>
132 + </li>
133 + </ul>
134 + </a>
135 + <a href="../../docs/microlearning/crashcourse-event-streaming-index" class="card">
136 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/eventstreaming_crashcourse.svg) center no-repeat; background-size: 20%;">
137 + <h4 class="title">Crash Course Event Streaming</h4>
138 + </div>
139 + <ul class="card__footer">
140 + <li class="card__footer-item">
141 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
142 + <label for="" class="card__footer-label">Novice</label>
143 + </li>
144 + <li class="card__footer-item">
145 + <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
146 + <label for="" class="card__footer-label">All</label>
147 + </li>
148 + <li class="card__footer-item">
149 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
150 + <label for="" class="card__footer-label">6</label>
151 + </li>
152 + </ul>
153 + </a>
154 + <a href="../../docs/microlearning/crashcourse-messaging-index" class="card">
155 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/messaging_crashcourse.svg) center no-repeat; background-size: 20%;">
156 + <h4 class="title">Crash Course Messaging</h4>
157 + </div>
158 + <ul class="card__footer">
159 + <li class="card__footer-item">
160 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
161 + <label for="" class="card__footer-label">Novice</label>
162 + </li>
163 + <li class="card__footer-item">
164 + <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
165 + <label for="" class="card__footer-label">All</label>
166 + </li>
167 + <li class="card__footer-item">
168 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
169 + <label for="" class="card__footer-label">11</label>
170 + </li>
171 + </ul>
172 + </a>
173 + <a href="../../docs/microlearning/novice-create-your-transformations-index" class="card">
174 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 20%;">
175 + <h4 class="title">Create your transformations</h4>
176 + </div>
177 + <ul class="card__footer">
178 + <li class="card__footer-item">
179 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
180 + <label for="" class="card__footer-label">Novice</label>
181 + </li>
182 + <li class="card__footer-item">
183 + <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">Developer</label>
15 15   </li>
16 16   <li class="card__footer-item">
... ... @@ -19,12 +19,16 @@
19 19   </li>
20 20   </ul>
21 21   </a>
22 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/eMagiz%20Store" class="card">
23 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/store.svg) center no-repeat; background-size: 10%;">
24 - <h4>eMagiz Store</h4>
192 + <a href="../../docs/microlearning/novice-emagiz-store-index" class="card">
193 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/store.svg) center no-repeat; background-size: 20%;">
194 + <h4 class="title">eMagiz Store</h4>
25 25   </div>
26 - <ul class="card__footer-novice">
196 + <ul class="card__footer">
27 27   <li class="card__footer-item">
198 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
199 + <label for="" class="card__footer-label">Novice</label>
200 + </li>
201 + <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>
... ... @@ -34,12 +34,16 @@
34 34   </li>
35 35   </ul>
36 36   </a>
37 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/eMagiz%20Cloud%20Management" class="card">
38 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/cloud-management-module.svg) center no-repeat; background-size: 10%;">
39 - <h4>eMagiz Cloud Management</h4>
211 + <a href="../../docs/microlearning/novice-emagiz-cloud-management-index" class="card">
212 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 20%;">
213 + <h4 class="title">eMagiz Cloud Management</h4>
40 40   </div>
41 - <ul class="card__footer-novice">
215 + <ul class="card__footer">
42 42   <li class="card__footer-item">
217 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
218 + <label for="" class="card__footer-label">Novice</label>
219 + </li>
220 + <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>
... ... @@ -49,12 +49,16 @@
49 49   </li>
50 50   </ul>
51 51   </a>
52 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/Release%20Management" class="card">
53 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 10%;">
54 - <h4>Release Management</h4>
230 + <a href="../../docs/microlearning/novice-release-management-index" class="card">
231 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
232 + <h4 class="title">Release Management</h4>
55 55   </div>
56 - <ul class="card__footer-novice">
234 + <ul class="card__footer">
57 57   <li class="card__footer-item">
236 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
237 + <label for="" class="card__footer-label">Novice</label>
238 + </li>
239 + <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>
... ... @@ -64,12 +64,16 @@
64 64   </li>
65 65   </ul>
66 66   </a>
67 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/Flow%20Management" class="card">
68 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 10%;">
69 - <h4>Flow Management</h4>
249 + <a href="../../docs/microlearning/novice-flow-management-index" class="card">
250 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
251 + <h4 class="title">Flow Management</h4>
70 70   </div>
71 - <ul class="card__footer-novice">
253 + <ul class="card__footer">
72 72   <li class="card__footer-item">
255 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
256 + <label for="" class="card__footer-label">Novice</label>
257 + </li>
258 + <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">Developer</label>
75 75   </li>
... ... @@ -79,12 +79,16 @@
79 79   </li>
80 80   </ul>
81 81   </a>
82 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/Alerting" class="card">
83 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/alerting_module.svg) center no-repeat; background-size: 10%;">
84 - <h4>Alerting</h4>
268 + <a href="../../docs/microlearning/novice-alerting-index" class="card">
269 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/alerting_module.svg) center no-repeat; background-size: 20%;">
270 + <h4 class="title">Alerting</h4>
85 85   </div>
86 - <ul class="card__footer-novice">
272 + <ul class="card__footer">
87 87   <li class="card__footer-item">
274 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
275 + <label for="" class="card__footer-label">Novice</label>
276 + </li>
277 + <li class="card__footer-item">
88 88   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
89 89   <label for="" class="card__footer-label">All</label>
90 90   </li>
... ... @@ -94,12 +94,16 @@
94 94   </li>
95 95   </ul>
96 96   </a>
97 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/Lifecycle%20Management" class="card">
98 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 10%;">
99 - <h4>Lifecycle Management</h4>
287 + <a href="../../docs/microlearning/novice-lifecycle-management-index" class="card">
288 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
289 + <h4 class="title">Lifecycle Management</h4>
100 100   </div>
101 - <ul class="card__footer-novice">
291 + <ul class="card__footer">
102 102   <li class="card__footer-item">
293 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
294 + <label for="" class="card__footer-label">Novice</label>
295 + </li>
296 + <li class="card__footer-item">
103 103   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
104 104   <label for="" class="card__footer-label">All</label>
105 105   </li>
... ... @@ -109,12 +109,16 @@
109 109   </li>
110 110   </ul>
111 111   </a>
112 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/DevOps%20Perspectives" class="card">
113 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DevOpsPerspectives_module.svg) center no-repeat; background-size: 10%;">
114 - <h4>DevOps Perspectives</h4>
306 + <a href="../../docs/microlearning/novice-devops-perspectives-index" class="card">
307 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DevOpsPerspectives_module.svg) center no-repeat; background-size: 20%;">
308 + <h4 class="title">DevOps Perspectives</h4>
115 115   </div>
116 - <ul class="card__footer-novice">
310 + <ul class="card__footer">
117 117   <li class="card__footer-item">
312 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
313 + <label for="" class="card__footer-label">Novice</label>
314 + </li>
315 + <li class="card__footer-item">
118 118   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
119 119   <label for="" class="card__footer-label">All</label>
120 120   </li>
... ... @@ -124,12 +124,16 @@
124 124   </li>
125 125   </ul>
126 126   </a>
127 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/File%20based%20connectivity" class="card">
128 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/file-based-connectivity.svg) center no-repeat; background-size: 10%;">
129 - <h4>File based connectivity</h4>
325 + <a href="../../docs/microlearning/novice-file-based-connectivity-index" class="card">
326 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/file-based-connectivity.svg) center no-repeat; background-size: 20%;">
327 + <h4 class="title">File based connectivity</h4>
130 130   </div>
131 - <ul class="card__footer-novice">
329 + <ul class="card__footer">
132 132   <li class="card__footer-item">
331 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
332 + <label for="" class="card__footer-label">Novice</label>
333 + </li>
334 + <li class="card__footer-item">
133 133   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
134 134   <label for="" class="card__footer-label">Developer</label>
135 135   </li>
... ... @@ -139,11 +139,14 @@
139 139   </li>
140 140   </ul>
141 141   </a>
142 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/SOAP%20Web%20service%20Connectivity" class="card">
143 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/soap-connectivity-module.svg) center no-repeat; background-size: 10%;">
144 - <h4>SOAP Webservice Connectivity</h4>
344 + <a href="../../docs/microlearning/novice-soap-webservice-connectivity-index" class="card">
345 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/soap-connectivity-module.svg) center no-repeat; background-size: 20%;">
346 + <h4 class="title">SOAP Webservice Connectivity</h4>
145 145   </div>
146 - <ul class="card__footer-novice">
348 + <ul class="card__footer">
349 + <li class="card__footer-item">
350 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
351 + <label for="" class="card__footer-label">Novice</label>
147 147   </li>
148 148   <li class="card__footer-item">
149 149   <img class="card__footer-icon card__footer-icon--roles" src="/bin/download/Main/Images/General/WebHome/icon-roles24.svg"/>
... ... @@ -151,15 +151,20 @@
151 151   </li>
152 152   <li class="card__footer-item">
153 153   <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
154 - <label for="" class="card__footer-label">7</label>
359 + <label for="" class="card__footer-label">6</label>
155 155   </li>
156 156   </ul>
157 157   </a>
158 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/Securing%20Data%20Traffic" class="card">
159 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 10%;">
160 - <h4>Securing Data Traffic</h4>
363 + <a href="../../docs/microlearning/novice-securing-your-data-traffic-index" class="card">
364 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 18%;">
365 + <h4 class="title">Securing Data Traffic</h4>
161 161   </div>
162 - <u<li class="card__footer-item">
367 + <ul class="card__footer">
368 + <li class="card__footer-item">
369 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
370 + <label for="" class="card__footer-label">Novice</label>
371 + </li>
372 + <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"/>
164 164   <label for="" class="card__footer-label">All</label>
165 165   </li>
... ... @@ -169,12 +169,16 @@
169 169   </li>
170 170   </ul>
171 171   </a>
172 - <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/Mendix%20Connectivity" class="card">
173 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/mendix-connectivity.svg) center no-repeat; background-size: 10%;">
174 - <h4>Mendix Connectivity</h4>
382 + <a href="../../docs/microlearning/novice-mendix-connectivity-index" class="card">
383 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/mendix-connectivity.svg) center no-repeat; background-size: 20%;">
384 + <h4 class="title">Mendix Connectivity</h4>
175 175   </div>
176 - <ul class="card__footer-novice">
386 + <ul class="card__footer">
177 177   <li class="card__footer-item">
388 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
389 + <label for="" class="card__footer-label">Novice</label>
390 + </li>
391 + <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>
... ... @@ -184,7 +184,7 @@
184 184   </li>
185 185   </ul>
186 186   </a>
187 - </div>
401 + </div>
188 188  </main>
189 189  </div>
190 190  </div>