Training
No edit summary |
No edit summary |
||
| Line 4: | Line 4: | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
@media (max-width: 767px) { | |||
.content { | |||
padding: 2em 1em; | |||
max-width: none; | |||
} | } | ||
.heading { | |||
font-size: 1.5em; | |||
} | |||
.sub-heading { | |||
font-size: 1em; | |||
} | |||
.description { | |||
font-size: 0.875em; | |||
} | |||
.input-container { | |||
max-width: none; | |||
height: auto; | |||
} | |||
.search-icon { | |||
margin-left: 1em; | |||
} | |||
.search-input { | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | |||
img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
} | |||
@media (max-width: 768px) { | |||
.card-container { | |||
flex-direction: column; | |||
} | |||
} | |||
</style> | </style> | ||
<div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);"> | <div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);"> | ||
<div class="content" style="padding: 5em; | <div class="content" style="padding: 5em; width: auto; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;"> | ||
<div style="color: #44546F;">Training</div> | <div style="color: #44546F;">Training</div> | ||
<div class="heading" style="color: #112B3C; font-size: 2.25em; | <div class="heading" style="color: #112B3C; font-size: 2.25em; font-weight: 700; text-transform: uppercase;">LEARN BY DOING</div> | ||
<div style="max-width: 100%;"><span style="color: black; font-size: 16px; font-weight: 700; word-wrap: break-word">CHOOSE YOUR PATH <br/></span><span style="color: black; font-size: 16px; font-weight: 400; word-wrap: break-word">Create your own model and decide where you want MDriven to take you, whether you’re just starting your career or developing new skills.</span></div> | |||
</div> | </div> | ||
</div> | </div> | ||
<div style="display: flex;"> | <div style="display: flex; flex-wrap: wrap;"> | ||
<img src="https://newwiki.mdriven.net/images/person thinking.svg" style="padding-left:5em;"> | <img src="https://newwiki.mdriven.net/images/person thinking.svg" style="max-width: 100%; padding-left:5em; flex-basis: auto;"> | ||
<div style=" | <div style="flex-grow: 1; min-width: 300px; align-self: flex-end;"> | ||
<span style="color: #F67A07; font-size: 20px; font-weight: 700; | <span style="color: #F67A07; font-size: 20px; font-weight: 700;"> </span> | ||
<span style="color: #112B3C; font-size: 40px; font-weight: 700; | <span style="color: #112B3C; font-size: 40px; font-weight: 700;">Wondering where to start? Take this quiz!</span> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="padding:5em; display: flex; gap: 70px; flex-wrap: wrap;" class="card-container"> | <div style="padding:5em; display: flex; gap: 70px; flex-wrap: wrap;" class="card-container"> | ||
</html> | </html> | ||
{{#widget:Card||heading=|subheading=1000 Steps Program|text=Unraven the mysteries of the MDriven tools, step by step|link=/index.php/Training:1000 Steps Program|linktext=Go here}} | {{#widget:Card||heading=|subheading=1000 Steps Program|text=Unraven the mysteries of the MDriven tools, step by step|link=/index.php/Training:1000 Steps Program|linktext=Go here}} | ||
{{#widget:Card|heading=|subheading=MDriven Levels: Stars & Certificates|text=Beginner, Intermediate, Advanced. Go on Mdriven adventures and earn certificates along the way|link=/index.php/Training:MDriven Levels: Stars & Certificates|linktext=Get started right away}} | {{#widget:Card|heading=|subheading=MDriven Levels: Stars & Certificates|text=Beginner, Intermediate, Advanced. Go on Mdriven adventures and earn certificates along the way|link=/index.php/Training:MDriven Levels: Stars & Certificates|linktext=Get started right away}} | ||
<html> | |||
</div> | |||
</html> | |||
Revision as of 11:49, 5 November 2023
Training
LEARN BY DOING
CHOOSE YOUR PATH
Create your own model and decide where you want MDriven to take you, whether you’re just starting your career or developing new skills.
Create your own model and decide where you want MDriven to take you, whether you’re just starting your career or developing new skills.
Wondering where to start? Take this quiz!
Training
1000 Steps Program
Unraven the mysteries of the MDriven tools, step by step
Training
MDriven Levels: Stars & Certificates
Beginner, Intermediate, Advanced. Go on Mdriven adventures and earn certificates along the way