Skip to Content

Changes for page Academy

Last modified by Erik Bakker on 2024/09/24 16:12
From version 54.1
edited by Erik Bakker
on 2022/04/25 15:41
Change comment: There is no comment for this version
To version 57.1
edited by Erik Bakker
on 2022/04/25 15:44
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,139 +1,167 @@
1 -<div class="ez-academy">
2 - <div class="ez-academy__body">
3 - <main class="master">
4 - <h2 class="title">eMagiz Academy Microlearnings</h2>
5 - <p>
6 - <font size="4" face="verdana" color="black">
7 - Welcome to the eMagiz Academy section. In this section you will find all the relevant learnings for eMagiz. Below the three main entry points which will assist you to find the right content for your work.
8 - </br>
9 - <ul>
10 - <li><b>1. Fundamentals</b> - It contains an overview of the most important platform components on a conceptual level</li>
11 - <li><b>2. Microlearnings</b> - It contains all microlearnings with applied knowledge for each of the platform's features. There are four levels of microlearnings ranging from novice to expert. Further, microlearnings are categorized by roles Developer, Architect, and Support Engineer</li>
12 - <li><b>3. Use Cases</b> - a group of microlearnings that will address a specific integration solution in the platform</li>
13 - <li><b>4. Migration Paths</b> - It contains all migration paths to move from a specific state to the newest state on the platform. Examples are migrations of the eMagiz Mendix connector or moving from the Root cloud to the eMagiz Cloud.</li>
14 - <li><b>5. RCA Knowledge Base</b> - It contains a subset of Root Cause Analysis performed on platform and model issues reported to us. By providing these anonymized versions, we intend people will browse through them when they are confronted with a problem.</li>
15 - </ul>
16 - </br>
1 +{{html}}
2 +<html lang="en"><head><style>#back-to-top{background:#000;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;bottom:20px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 5px 0 rgba(0,0,0,.26);color:#fff;cursor:pointer;display:block;height:56px;opacity:1;outline:0;position:fixed;right:20px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-transition:bottom .2s,opacity .2s;-o-transition:bottom .2s,opacity .2s;-moz-transition:bottom .2s,opacity .2s;transition:bottom .2s,opacity .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:56px;z-index:100}#back-to-top svg{display:block;fill:currentColor;height:24px;margin:16px auto 0;width:24px}#back-to-top.hidden{bottom:-56px;opacity:0}</style><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>microlearning/index_academy_all · eMagiz Platform documentation</title><meta name="viewport" content="width=device-width"><meta name="generator" content="Docusaurus"><meta name="description" content="<div class=&quot;ez-academy&quot;>
3 +"><meta name="docsearch:language" content="en"><meta property="og:title" content="microlearning/index_academy_all · eMagiz Platform documentation"><meta property="og:type" content="website"><meta property="og:url" content="https://emagiz.github.io/"><meta property="og:description" content="<div class=&quot;ez-academy&quot;>
4 +"><meta name="twitter:card" content="summary"><link rel="shortcut icon" href="/img/platypus.png"><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:300,300italic,400,400italic,500,500italic,700,700italic&amp;amp;subset=latin,greek,cyrillic"><link rel="stylesheet" href="/css/style.css"><script type="text/javascript" src="https://buttons.github.io/buttons.js"></script><script src="https://unpkg.com/vanilla-back-to-top@7.1.14/dist/vanilla-back-to-top.min.js"></script><script>
5 + document.addEventListener('DOMContentLoaded', function() {
6 + addBackToTop(
7 + {"zIndex":100}
8 + )
9 + });
10 + </script><script src="/js/scrollSpy.js"></script><link rel="stylesheet" href="/css/main.css"><script src="/js/codetabs.js"></script></head><body class="sideNavVisible separateOnPageNav" data-new-gr-c-s-check-loaded="14.1057.0" data-gr-ext-installed=""><div class="fixedHeaderContainer"><div class="headerWrapper wrapper"><header><a href="/"><img class="logo" src="/img/platypus.png" alt="eMagiz Platform documentation"><h2 class="headerTitleWithLogo">eMagiz Platform documentation</h2></a><div class="navigationWrapper navigationSlider"><nav class="slidingNav"><ul class="nav-site nav-site-internal"><li class="navSearchWrapper reactNavSearchWrapper"><span class="algolia-autocomplete" style="position: relative; display: inline-block; direction: ltr;"><input type="text" id="search_input_react" placeholder="Ask me something" title="Ask me something" class="aa-input" autocomplete="off" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-labelledby="search_input_react" aria-owns="algolia-autocomplete-listbox-0" dir="auto" style="position: relative; vertical-align: top;" data-cip-id="search_input_react"><pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: Arial; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; word-spacing: 0px; letter-spacing: normal; text-indent: 0px; text-rendering: auto; text-transform: none;"></pre><span class="aa-dropdown-menu" role="listbox" id="algolia-autocomplete-listbox-0" style="position: absolute; top: 100%; z-index: 100; display: none; left: 0px; right: auto;"><div class="aa-dataset-1"></div></span></span></li><li class=""><a href="/docs/referenceguide/" target="_self">Reference Guide</a></li><li class="siteNavItemActive"><a href="/docs/microlearning/index_academy_all" target="_self">eMagiz Academy</a></li></ul></nav></div></header></div></div><div class="navPusher"><div class="docMainWrapper wrapper"><div class="container mainContainer docsContainer"><div class="wrapper"><div class="post"><header class="postHeader"><h1 id="__docusaurus" class="postHeaderTitle">microlearning/index_academy_all</h1></header><article><div><span><div class="ez-academy">
11 + <div class="ez-academy__body">
12 + <main class="master">
13 + <h2 class="title">eMagiz Academy Microlearnings</h2>
14 + <p>
15 + <font size="4" face="verdana" color="black">
16 + Welcome to the eMagiz Academy section. In this section you will find all the relevant learnings for eMagiz. Below the three main entry points which will assist you to find the right content for your work.
17 + <br>
18 + </font></p><ul><font size="4" face="verdana" color="black">
19 + <li><b>1. Fundamentals</b> - It contains an overview of the most important platform components on a conceptual level</li>
20 + <li><b>2. Microlearnings</b> - It contains all microlearnings with applied knowledge for each of the platform's features. There are four levels of microlearnings ranging from novice to expert. Further, microlearnings are categorized by roles Developer, Architect, and Support Engineer</li>
21 + <li><b>3. Use Cases</b> - a group of microlearnings that will address a specific integration solution in the platform</li>
22 + <li><b>4. Migration Paths</b> - It contains all migration paths to move from a specific state to the newest state on the platform. Examples are migrations of the eMagiz Mendix connector or moving from the Root cloud to the eMagiz Cloud.</li>
23 + <li><b>5. RCA Knowledge Base</b> - It contains a subset of Root Cause Analysis performed on platform and model issues reported to us. By providing these anonymized versions, we intend people will browse through them when they are confronted with a problem.</li>
24 + </font></ul><font size="4" face="verdana" color="black">
25 + <br>
17 17   Last updated - March 2022
18 - </font>
19 - </p>
20 - <div class="card-container">
21 - <a href="../../docs/fundamental/index_academy_fundamental_all" class="card">
22 - <div class="card__body" style="background: url(../../img/microlearning/academy_index/fundamentals.svg) center no-repeat; background-size: 20%;">
23 - <h4 class="title">Fundamentals</h4>
24 - </div>
25 - <ul class="card__footer">
26 - <li class="card__footer-item">
27 - <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg"/>
28 - <label for="" class="card__footer-label">All</label>
29 - </li>
30 - <li class="card__footer-item">
31 - <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg"/>
32 - <label for="" class="card__footer-label">All</label>
33 - </li>
34 - <li class="card__footer-item">
35 - <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg"/>
36 - <label for="" class="card__footer-label">9</label>
37 - </li>
38 - </ul>
39 - </a>
40 - <a href="../../docs/microlearning/index_academy_microlearning" class="card">
41 - <div class="card__body" style="background: url(../../img/microlearning/academy_index/microlearnings2.svg) center no-repeat; background-size: 20%;">
42 - <h4 class="title">Microlearnings</h4>
43 - </div>
44 - <ul class="card__footer">
45 - <li class="card__footer-item">
46 - <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg"/>
47 - <label for="" class="card__footer-label">All</label>
48 - </li>
49 - <li class="card__footer-item">
50 - <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg"/>
51 - <label for="" class="card__footer-label">All</label>
52 - </li>
53 - <li class="card__footer-item">
54 - <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg"/>
55 - <label for="" class="card__footer-label">265</label>
56 - </li>
57 - </ul>
58 - </a>
59 - <a href="../../docs/usecase/index_academy_usecase_all" class="card">
60 - <div class="card__body" style="background: url(../../img/microlearning/academy_index/usecases.svg) center no-repeat; background-size: 15%;">
61 - <h4 class="title">Use Cases</h4>
62 - </div>
63 - <ul class="card__footer">
64 - <li class="card__footer-item">
65 - <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg"/>
66 - <label for="" class="card__footer-label">All</label>
67 - </li>
68 - <li class="card__footer-item">
69 - <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg"/>
70 - <label for="" class="card__footer-label">All</label>
71 - </li>
72 - <li class="card__footer-item">
73 - <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg"/>
74 - <label for="" class="card__footer-label">8</label>
75 - </li>
76 - </ul>
77 - </a>
78 - <a href="../../docs/migrationpath/index_academy_migrationpath_all" class="card">
79 - <div class="card__body" style="background: url(../../img/microlearning/academy_index/migration-paths.svg) center no-repeat; background-size: 15%;">
80 - <h4 class="title">Migration Paths</h4>
81 - </div>
82 - <ul class="card__footer">
83 - <li class="card__footer-item">
84 - <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg"/>
85 - <label for="" class="card__footer-label">All</label>
86 - </li>
87 - <li class="card__footer-item">
88 - <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg"/>
89 - <label for="" class="card__footer-label">All</label>
90 - </li>
91 - <li class="card__footer-item">
92 - <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg"/>
93 - <label for="" class="card__footer-label">12</label>
94 - </li>
95 - </ul>
96 - </a>
97 - <a href="../../docs/rca-knowledgebase/index_academy_rca-knowledgebase_all" class="card">
98 - <div class="card__body" style="background: url(../../img/microlearning/academy_index/rca-knowledgebase.svg) center no-repeat; background-size: 17%;">
99 - <h4 class="title">RCA Knowledge Base</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="../../img/microlearning/academy_index/icon-level24.svg"/>
104 - <label for="" class="card__footer-label">All</label>
105 - </li>
106 - <li class="card__footer-item">
107 - <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/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="../../img/microlearning/academy_index/icon-lessons24.svg"/>
112 - <label for="" class="card__footer-label">6</label>
113 - </li>
114 - </ul>
115 - </a>
116 - <a href="https://www.emagiz.com/en/certification/" class="card card__--__featured">
117 - <div class="card__body" style="background: url(../../img/microlearning/academy_index/get_certified.png) center no-repeat; background-size: 20%;">
118 - <h4 class="title">Get Certified!!</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="../../img/microlearning/academy_index/icon-level24.svg"/>
123 - <label for="" class="card__footer-label">All</label>
124 - </li>
125 - <li class="card__footer-item">
126 - <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/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="../../img/microlearning/academy_index/icon-lessons24.svg"/>
131 - <label for="" class="card__footer-label">9</label>
132 - </li>
133 - </ul>
134 - </a>
135 - </div>
136 - </div>
137 -</main>
27 + </font>
28 + <p></p>
29 + <div class="card-container">
30 + <a href="../../docs/fundamental/index_academy_fundamental_all" class="card">
31 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/fundamentals.svg) center no-repeat; background-size: 20%;">
32 + <h4 class="title">Fundamentals</h4>
33 + </div>
34 + <ul class="card__footer">
35 + <li class="card__footer-item">
36 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
37 + <label for="" class="card__footer-label">All</label>
38 + </li>
39 + <li class="card__footer-item">
40 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
41 + <label for="" class="card__footer-label">All</label>
42 + </li>
43 + <li class="card__footer-item">
44 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
45 + <label for="" class="card__footer-label">9</label>
46 + </li>
47 + </ul>
48 + </a>
49 + <a href="../../docs/microlearning/index_academy_microlearning" class="card">
50 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/microlearnings2.svg) center no-repeat; background-size: 20%;">
51 + <h4 class="title">Microlearnings</h4>
52 + </div>
53 + <ul class="card__footer">
54 + <li class="card__footer-item">
55 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
56 + <label for="" class="card__footer-label">All</label>
57 + </li>
58 + <li class="card__footer-item">
59 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
60 + <label for="" class="card__footer-label">All</label>
61 + </li>
62 + <li class="card__footer-item">
63 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
64 + <label for="" class="card__footer-label">265</label>
65 + </li>
66 + </ul>
67 + </a>
68 + <a href="../../docs/usecase/index_academy_usecase_all" class="card">
69 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/usecases.svg) center no-repeat; background-size: 15%;">
70 + <h4 class="title">Use Cases</h4>
71 + </div>
72 + <ul class="card__footer">
73 + <li class="card__footer-item">
74 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
75 + <label for="" class="card__footer-label">All</label>
76 + </li>
77 + <li class="card__footer-item">
78 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
79 + <label for="" class="card__footer-label">All</label>
80 + </li>
81 + <li class="card__footer-item">
82 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
83 + <label for="" class="card__footer-label">8</label>
84 + </li>
85 + </ul>
86 + </a>
87 + <a href="../../docs/migrationpath/index_academy_migrationpath_all" class="card">
88 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/migration-paths.svg) center no-repeat; background-size: 15%;">
89 + <h4 class="title">Migration Paths</h4>
90 + </div>
91 + <ul class="card__footer">
92 + <li class="card__footer-item">
93 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
94 + <label for="" class="card__footer-label">All</label>
95 + </li>
96 + <li class="card__footer-item">
97 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
98 + <label for="" class="card__footer-label">All</label>
99 + </li>
100 + <li class="card__footer-item">
101 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
102 + <label for="" class="card__footer-label">12</label>
103 + </li>
104 + </ul>
105 + </a>
106 + <a href="../../docs/rca-knowledgebase/index_academy_rca-knowledgebase_all" class="card">
107 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/rca-knowledgebase.svg) center no-repeat; background-size: 17%;">
108 + <h4 class="title">RCA Knowledge Base</h4>
109 + </div>
110 + <ul class="card__footer">
111 + <li class="card__footer-item">
112 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
113 + <label for="" class="card__footer-label">All</label>
114 + </li>
115 + <li class="card__footer-item">
116 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
117 + <label for="" class="card__footer-label">All</label>
118 + </li>
119 + <li class="card__footer-item">
120 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
121 + <label for="" class="card__footer-label">6</label>
122 + </li>
123 + </ul>
124 + </a>
125 + <a href="https://www.emagiz.com/en/certification/" class="card card--featured">
126 + <div class="card__body" style="background: url(../../img/microlearning/academy_index/get_certified.png) center no-repeat; background-size: 20%;">
127 + <h4 class="title">Get Certified!!</h4>
128 + </div>
129 + <ul class="card__footer">
130 + <li class="card__footer-item">
131 + <img class="card__footer-icon card__footer-icon--level" src="../../img/microlearning/academy_index/icon-level24.svg">
132 + <label for="" class="card__footer-label">All</label>
133 + </li>
134 + <li class="card__footer-item">
135 + <img class="card__footer-icon card__footer-icon--roles" src="../../img/microlearning/academy_index/icon-roles24.svg">
136 + <label for="" class="card__footer-label">All</label>
137 + </li>
138 + <li class="card__footer-item">
139 + <img class="card__footer-icon card__footer-icon--lessons" src="../../img/microlearning/academy_index/icon-lessons24.svg">
140 + <label for="" class="card__footer-label">9</label>
141 + </li>
142 + </ul>
143 + </a>
144 + </div>
145 + </main></div>
146 +
138 138  </div>
139 -</div>__--
148 +</span></div></article></div></div><div class="docs-prevnext"></div></div></div><nav class="onPageNav"></nav></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>
149 + document.addEventListener('keyup', function(e) {
150 + if (e.target !== document.body) {
151 + return;
152 + }
153 + // keyCode for '/' (slash)
154 + if (e.keyCode === 191) {
155 + const search = document.getElementById('search_input_react');
156 + search && search.focus();
157 + }
158 + });
159 + </script><script>
160 + var search = docsearch({
161 +
162 + apiKey: '2e1804e3e0c239242d9914d98d6bf260',
163 + indexName: 'emagiz',
164 + inputSelector: '#search_input_react'
165 + });
166 + </script><div id="back-to-top" class="hidden"><svg viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg></div></body><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration></html>
167 +{{/html}}
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,161 +1,2 @@
1 -body {
1 +.navPusher{background-color:#f5f5f5}.docMainWrapper{max-width:1280px !important;display:-ms-grid;display:grid;grid-template-areas:"outer-nav content inner-nav";-ms-grid-columns:auto 32px 1fr 32px auto;grid-template-columns:auto 1fr auto;-ms-grid-rows:1fr;grid-template-rows:1fr;-moz-column-gap:32px;column-gap:32px;position:relative}.docMainWrapper>.docsNavContainer{-ms-grid-row:1;-ms-grid-column:1;grid-area:outer-nav}.docMainWrapper>.docsContainer:first-child{-ms-grid-row:1;-ms-grid-column:3;grid-area:content;position:relative;z-index:2}.docMainWrapper>.docsContainer:first-child .post:after{content:'';width:100%;height:90px;background-color:#f5f5f5;display:block;position:fixed;top:0}.docMainWrapper>.docsContainer:first-child .post>header{display:none}.docMainWrapper>.onPageNav:nth-child(2){-ms-grid-row:1;-ms-grid-column:5;grid-area:inner-nav;margin:0;padding-top:0;max-width:405px;z-index:1}.docMainWrapper>.onPageNav:nth-child(2):empty{margin:0;padding:0;width:0;flex:0}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings{border:none;padding:16px 32px;background-color:#fff;box-shadow:0 3px 0 0 rgba(16,19,126,0.16)}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings li{margin:0;padding:0}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings a{font-size:20px;line-height:30px;color:gray;position:relative;max-width:100%;display:inline-block}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings a.active{color:#10137e}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings a:after{content:"";display:none;width:0;position:absolute;height:2px;background-color:#10137e;bottom:0;left:0}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings a:hover:after{display:inline-block;-webkit-animation:line-left 250ms ease-in-out forwards;animation:line-left 250ms ease-in-out forwards}.container.mainContainer.docsContainer{flex-shrink:0 !important;margin:0 !important;width:100%}.ez-academy__body main.master{width:100%;max-width:1280px;margin:0 auto}.ez-academy *{font-family:Ubuntu;color:#10137e}.ez-academy h1,.ez-academy h2,.ez-academy h3,.ez-academy h4,.ez-academy h5,.ez-academy h6{font-family:"Ubuntu", sans-serif;font-weight:700;color:#10137e;margin-top:0}.ez-academy h2.title{font-size:40px;margin-top:8px;margin-bottom:32px}.ez-academy h3{margin-top:32px;margin-bottom:32px;font-size:32px;line-height:37px}.ez-academy h4{font-size:24px;line-height:28px}.ez-academy ul{margin:0;padding:0;list-style:none;border:none}.ez-academy li{margin:0;display:inline-block}.ez-academy p{font-size:20px;line-height:30px;margin-bottom:8px}.ez-academy__body main ul,.ez-academy__body main p{margin-bottom:16px}@-webkit-keyframes block-left{from{right:0;width:100%}to{right:0;width:0}}@keyframes block-left{from{right:0;width:100%}to{right:0;width:0}}.ez-academy .card{box-shadow:0 3px 0 0 rgba(16,19,126,0.16);min-height:200px;background-color:#fff;display:-ms-grid;display:grid;grid-template-areas:"body" "footer";-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr auto;grid-template-rows:1fr auto}.ez-academy .card__body{-ms-grid-row:1;-ms-grid-column:1;grid-area:body;padding:16px;position:relative}.ez-academy .card__body .title{margin-top:0;text-shadow:0 0 10px #fff;position:relative;z-index:2}.ez-academy .card__body:after{content:'';width:100%;height:100%;display:block;background-color:rgba(255,255,255,0.25);position:absolute;top:0;right:0;z-index:1}.ez-academy .card__body:hover:after{-webkit-animation:block-left 250ms ease-in-out forwards;animation:block-left 250ms ease-in-out forwards}.ez-academy .card__footer{-ms-grid-row:2;-ms-grid-column:1;grid-area:footer;background-color:#10137e;margin:0;list-style:none;display:flex;padding:12px 16px}.ez-academy .card__footer-item{display:flex;margin:0;margin-right:32px}.ez-academy .card__footer-icon{max-height:24px;width:auto;margin-right:8px}.ez-academy .card__footer-label{color:#fff;font-size:20px;line-height:24px}.ez-academy .card--featured{-ms-grid-column-span:3;grid-column:span 3}.ez-academy .card--featured .card__body .title{font-size:32px;line-height:37px}.ez-academy .card-container{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);gap:32px;padding-bottom:32px}.ez-academy .doc-nav{-ms-grid-row:1;-ms-grid-column:2;display:-ms-grid;display:grid;-ms-grid-columns:auto (1fr)[4];grid-template-columns:auto repeat(4, 1fr);-ms-grid-rows:auto;grid-template-rows:auto;padding-bottom:3px;background-color:#f5f5f5;overflow:hidden;grid-area:nav}.ez-academy .doc-nav__item{padding:16px;display:flex;position:relative;background-color:#fff;box-shadow:0 3px 0 0 rgba(16,19,126,0.16)}.ez-academy .doc-nav__item a{padding:0 32px;display:block;text-align:center;position:relative;width:100%;flex:0 0 100%}.ez-academy .doc-nav__item a:after{content:"";display:none;width:0;position:absolute;height:2px;background-color:#10137e;bottom:0;left:0}.ez-academy .doc-nav__item a:before{content:'';position:absolute;right:0;border:8px solid #f5f5f5;border-left-color:transparent;border-bottom-color:transparent;width:48px;height:48px;flex:0 0 80px;transform:rotate(45deg) translateY(-50%);transform-origin:center;z-index:4}.ez-academy .doc-nav__item:after{content:none}.ez-academy .doc-nav__item:first-child a{border-left:none}.ez-academy .doc-nav__item:last-child a:before{content:none}.ez-academy .doc-nav__item:hover a:after{display:inline-block;-webkit-animation:line-left 250ms ease-in-out forwards;animation:line-left 250ms ease-in-out forwards}.ez-academy .dropdown{display:-ms-grid;display:grid;position:absolute;left:100%;height:48px;width:50%;overflow:hidden;grid-template-areas:"dropdown nav";-ms-grid-columns:minmax(0, 100%) auto;grid-template-columns:minmax(0, 100%) auto}.ez-academy .dropdown__dropdown{-ms-grid-row:1;-ms-grid-column:1;padding-left:32px;font-size:24px;font-weight:700;grid-area:dropdown;text-overflow:ellipsis;overflow:hidden !important;white-space:nowrap;max-width:100%;border:none}.ez-academy .dropdown__nav{-ms-grid-row:1;-ms-grid-column:2;display:flex;grid-area:nav}.ez-academy .dropdown__nav a{margin:auto 0;display:flex}.ez-academy .dropdown__nav img{max-width:32px;height:auto;margin:auto}.ez-academy .micro-learning{max-height:calc(100vh - 170px);overflow-y:hidden;display:-ms-grid;display:grid;grid-template-areas:"nav" "doc";-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr}.ez-academy .micro-learning>.doc{-ms-grid-row:2;-ms-grid-column:1;padding-left:24px;padding-right:24px;grid-area:doc;overflow-y:auto}.ez-academy .micro-learning>.doc h1,.ez-academy .micro-learning>.doc h2,.ez-academy .micro-learning>.doc h3,.ez-academy .micro-learning>.doc h4{top:0;background-color:#f5f5f5}.ez-academy .micro-learning>.doc h1{font-size:36px;top:0}.ez-academy .micro-learning>.doc h2{font-size:28px;top:36px}.ez-academy .micro-learning>.doc h3{font-size:24px;top:66px}.ez-academy .micro-learning>.doc p{font-size:16px;line-height:24px}.ez-academy .micro-learning>.doc a{color:#69b731}.ez-academy .micro-learning>.doc a:hover{text-decoration:underline}.ez-academy .micro-learning>.doc .anchor{top:0 !important}.ez-academy .micro-learning>.doc ul{list-style:disc;padding-left:32px}.ez-academy .micro-learning>.doc ul>li{display:list-item}.ez-academy .strip-container{width:100%;display:flex;flex-direction:column;counter-reset:stripCounter}@-webkit-keyframes line-left{from{left:0;width:0}to{left:0;width:100%}}@keyframes line-left{from{left:0;width:0}to{left:0;width:100%}}@-webkit-keyframes line-middle{from{left:50%;width:0}to{left:0;width:100%}}@keyframes line-middle{from{left:50%;width:0}to{left:0;width:100%}}.ez-academy .strip{background-color:#fff;box-shadow:0 3px 0 0 rgba(16,19,126,0.16);display:block;margin-bottom:16px;counter-increment:stripCounter;position:relative}.ez-academy .strip:after{content:'';display:none;width:0;position:absolute;height:2px;background-color:#10137e;bottom:0;left:0}.ez-academy .strip:hover:after{display:inline-block;-webkit-animation:line-left 250ms ease-in-out forwards;animation:line-left 250ms ease-in-out forwards}.ez-academy .strip__link{display:flex;justify-content:flex-end;padding:16px 32px}.ez-academy .strip__link>*{cursor:pointer}.ez-academy .strip__label{font-weight:500;font-size:20px;line-height:24px;margin:0 auto 0 0}.ez-academy .strip__label span{display:inline-block}.ez-academy .strip__label span:after{content:"." counter(stripCounter) " - "}.ez-academy .strip__attribute{display:flex;margin:0 0 0 32px}.ez-academy .strip__attribute-icon{max-height:24px;width:auto;margin-right:8px}.ez-academy .strip__attribute-label{font-weight:500;font-size:20px;line-height:24px}.ez-academy .tabs{display:flex;position:relative;margin-bottom:16px}.ez-academy .tabs:after{content:'';width:100%;height:2px;background-color:#10137e;position:absolute;bottom:0;left:0}.ez-academy .tabs__item{border:1px solid #10137e;border-left:none;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#fff;position:relative}.ez-academy .tabs__item:first-child{border-left:1px solid #10137e}.ez-academy .tabs__item--active{z-index:10}.ez-academy .tabs__item--active .tabs__link{font-weight:700}.ez-academy .tabs__link{font-size:20px;line-height:24px;padding:8px 16px;display:inline-block}
2 2  
3 - margin: 0;
4 -
5 - padding: 0;
6 -
7 - min-height: 100vh;
8 -
9 - display: flex;
10 -
11 - align-items: center;
12 -
13 - justify-content: center;
14 -
15 - font-family: sans-serif;
16 -
17 - background-color: #f1f1f1;
18 -
19 -}
20 -
21 -.container .card .icon {
22 -
23 - position: absolute;
24 -
25 - top: 0;
26 -
27 - left: 0;
28 -
29 - width: 100%;
30 -
31 - height: 100%;
32 -
33 - background: #2c73df;
34 -
35 -}
36 -
37 -.container .card .icon .fa {
38 -
39 - position: absolute;
40 -
41 - top: 50%;
42 -
43 - left: 50%;
44 -
45 - transform: translate(-50%, -50%);
46 -
47 - font-size: 80px;
48 -
49 - color: #fff;
50 -
51 -}
52 -
53 -.container .card .slide {
54 -
55 - width: 300px;
56 -
57 - height: 200px;
58 -
59 - transition: 0.5s;
60 -
61 -}
62 -
63 -.container .card .slide.slide1 {
64 -
65 - position: relative;
66 -
67 - display: flex;
68 -
69 - justify-content: center;
70 -
71 - align-items: center;
72 -
73 - z-index: 1;
74 -
75 - transition: .7s;
76 -
77 - transform: translateY(100px);
78 -
79 -}
80 -
81 -.container .card:hover .slide.slide1{
82 -
83 - transform: translateY(0px);
84 -
85 -}
86 -
87 -.container .card .slide.slide2 {
88 -
89 - position: relative;
90 -
91 - display: flex;
92 -
93 - justify-content: center;
94 -
95 - align-items: center;
96 -
97 - padding: 20px;
98 -
99 - box-sizing: border-box;
100 -
101 - transition: .8s;
102 -
103 - transform: translateY(-100px);
104 -
105 - box-shadow: 0 20px 40px rgba(0,0,0,0.4);
106 -
107 -}
108 -
109 -.container .card:hover .slide.slide2{
110 -
111 - transform: translateY(0);
112 -
113 -}
114 -
115 -.container .card .slide.slide2::after{
116 -
117 - content: "";
118 -
119 - position: absolute;
120 -
121 - width: 30px;
122 -
123 - height: 4px;
124 -
125 - bottom: 15px;
126 -
127 - left: 50%;
128 -
129 - left: 50%;
130 -
131 - transform: translateX(-50%);
132 -
133 - background: #2c73df;
134 -
135 -}
136 -
137 -.container .card .slide.slide2 .content p {
138 -
139 - margin: 0;
140 -
141 - padding: 0;
142 -
143 - text-align: center;
144 -
145 - color: #414141;
146 -
147 -}
148 -
149 -.container .card .slide.slide2 .content h3 {
150 -
151 - margin: 0 0 10px 0;
152 -
153 - padding: 0;
154 -
155 - font-size: 24px;
156 -
157 - text-align: center;
158 -
159 - color: #414141;
160 -
161 -}