Changes for page Novice Level

Last modified by Carlijn Kokkeler on 2024/09/26 15:24
From version 18.1
edited by Erik Bakker
on 2022/06/23 08:42
Change comment: There is no comment for this version
To version 8.1
edited by Erik Bakker
on 2022/05/03 13:04
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -5,11 +5,15 @@
5 5   <main class="master">
6 6   <div class="card-container">
7 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%;">
8 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 20%;">
9 9   <h4>Create your transformations</h4>
10 10   </div>
11 - <ul class="card__footer-novice">
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">Developer</label>
15 15   </li>
... ... @@ -20,11 +20,15 @@
20 20   </ul>
21 21   </a>
22 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%;">
27 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/store.svg) center no-repeat; background-size: 20%;">
24 24   <h4>eMagiz Store</h4>
25 25   </div>
26 - <ul class="card__footer-novice">
30 + <ul class="card__footer">
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,11 +35,15 @@
35 35   </ul>
36 36   </a>
37 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%;">
46 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/TransformationModules.svg) center no-repeat; background-size: 20%;">
39 39   <h4>eMagiz Cloud Management</h4>
40 40   </div>
41 - <ul class="card__footer-novice">
49 + <ul class="card__footer">
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>
... ... @@ -50,11 +50,15 @@
50 50   </ul>
51 51   </a>
52 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%;">
65 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
54 54   <h4>Release Management</h4>
55 55   </div>
56 - <ul class="card__footer-novice">
68 + <ul class="card__footer">
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>
... ... @@ -65,11 +65,15 @@
65 65   </ul>
66 66   </a>
67 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%;">
84 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
69 69   <h4>Flow Management</h4>
70 70   </div>
71 - <ul class="card__footer-novice">
87 + <ul class="card__footer">
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">Developer</label>
75 75   </li>
... ... @@ -80,11 +80,15 @@
80 80   </ul>
81 81   </a>
82 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%;">
103 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/alerting_module.svg) center no-repeat; background-size: 20%;">
84 84   <h4>Alerting</h4>
85 85   </div>
86 - <ul class="card__footer-novice">
106 + <ul class="card__footer">
87 87   <li class="card__footer-item">
108 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
109 + <label for="" class="card__footer-label">Novice</label>
110 + </li>
111 + <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>
... ... @@ -95,11 +95,15 @@
95 95   </ul>
96 96   </a>
97 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%;">
122 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Lifecyclemanagement.svg) center no-repeat; background-size: 20%;">
99 99   <h4>Lifecycle Management</h4>
100 100   </div>
101 - <ul class="card__footer-novice">
125 + <ul class="card__footer">
102 102   <li class="card__footer-item">
127 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
128 + <label for="" class="card__footer-label">Novice</label>
129 + </li>
130 + <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>
... ... @@ -110,11 +110,15 @@
110 110   </ul>
111 111   </a>
112 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%;">
141 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/DevOpsPerspectives_module.svg) center no-repeat; background-size: 20%;">
114 114   <h4>DevOps Perspectives</h4>
115 115   </div>
116 - <ul class="card__footer-novice">
144 + <ul class="card__footer">
117 117   <li class="card__footer-item">
146 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
147 + <label for="" class="card__footer-label">Novice</label>
148 + </li>
149 + <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>
... ... @@ -125,11 +125,15 @@
125 125   </ul>
126 126   </a>
127 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%;">
160 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/file-based-connectivity.svg) center no-repeat; background-size: 20%;">
129 129   <h4>File based connectivity</h4>
130 130   </div>
131 - <ul class="card__footer-novice">
163 + <ul class="card__footer">
132 132   <li class="card__footer-item">
165 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
166 + <label for="" class="card__footer-label">Novice</label>
167 + </li>
168 + <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>
... ... @@ -140,26 +140,34 @@
140 140   </ul>
141 141   </a>
142 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%;">
179 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/soap-connectivity-module.svg) center no-repeat; background-size: 20%;">
144 144   <h4>SOAP Webservice Connectivity</h4>
145 145   </div>
146 - <ul class="card__footer-novice">
182 + <ul class="card__footer">
147 147   <li class="card__footer-item">
184 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
185 + <label for="" class="card__footer-label">Novice</label>
186 + </li>
187 + <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">Developer</label>
150 150   </li>
151 151   <li class="card__footer-item">
152 152   <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg"/>
153 - <label for="" class="card__footer-label">7</label>
193 + <label for="" class="card__footer-label">6</label>
154 154   </li>
155 155   </ul>
156 156   </a>
157 157   <a href="/bin/view/Main/eMagiz%20Academy/Microlearnings/Novice/Securing%20Data%20Traffic" class="card">
158 - <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 10%;">
198 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/Security_Modules.svg) center no-repeat; background-size: 18%;">
159 159   <h4>Securing Data Traffic</h4>
160 160   </div>
161 - <ul class="card__footer-novice">
162 - <li class="card__footer-item">
201 + <ul class="card__footer">
202 + <li class="card__footer-item">
203 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
204 + <label for="" class="card__footer-label">Novice</label>
205 + </li>
206 + <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>
... ... @@ -170,11 +170,15 @@
170 170   </ul>
171 171   </a>
172 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%;">
217 + <div class="card__body" style="background: url(/bin/download/Main/Images/General/WebHome/mendix-connectivity.svg) center no-repeat; background-size: 20%;">
174 174   <h4>Mendix Connectivity</h4>
175 175   </div>
176 - <ul class="card__footer-novice">
220 + <ul class="card__footer">
177 177   <li class="card__footer-item">
222 + <img class="card__footer-icon card__footer-icon--level" src="/bin/download/Main/Images/General/WebHome/icon-level24.svg"/>
223 + <label for="" class="card__footer-label">Novice</label>
224 + </li>
225 + <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>