MDriven Levels: Stars & Certificates
No edit summary |
No edit summary |
||
| Line 29: | Line 29: | ||
</style> | </style> | ||
< | <html> | ||
<head> | |||
<style> | |||
/* General Styles */ | |||
.content { | |||
background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%); | |||
padding: 5em; | |||
width: 100%; | |||
display: flex; | |||
flex-direction: column; | |||
< | gap: 10px; | ||
box-sizing: border-box; | |||
} | |||
.heading { | |||
color: #112B3C; | |||
font-size: 2.25em; | |||
font-weight: 700; | |||
text-transform: uppercase; | |||
} | |||
.description { | |||
width: 568px; | |||
color: black; | |||
font-size: 16px; | |||
font-weight: 400; | |||
word-wrap: break-word; | |||
} | |||
.notification { | |||
text-align: center; | |||
color: #112B3C; | |||
font-size: 28px; | |||
font-weight: 700; | |||
white-space: nowrap; | |||
} | |||
.notification-container { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
padding: 5em; | |||
} | |||
/* Responsive Styles */ | |||
@media (max-width: 767px) { | |||
.content { | |||
padding: 2em 1em; | |||
} | |||
.heading { | |||
font-size: 1.5em; | |||
} | |||
.description { | |||
width: auto; | |||
font-size: 0.875em; | |||
} | |||
.notification { | |||
font-size: 1.5em; | |||
} | |||
} | |||
</style> | |||
<div class="content"> | |||
<div style="color: #44546F;">Training</div> | |||
<div class="heading">MDRIVEN LEVELS: STARS AND CERTIFICATES</div> | |||
<div class="description"> | |||
<span>CHOOSE YOUR PATH <br/></span> | |||
<span>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 class="notification-container"> | ||
< | <div class="notification">Hi! This learning course is coming soon. We’ll notify you as soon as it is ready!</div> | ||
<div class="notification" style="margin-top: 20px;">Try one of these options for now!</div> | |||
</div> | </div> | ||
<div style="display: grid; padding: 4em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container"> | <div style="display: grid; padding: 4em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container"> | ||
</html> | </html> | ||
Revision as of 22:15, 17 December 2023
Training
MDRIVEN LEVELS: STARS AND CERTIFICATES
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.
Hi! This learning course is coming soon. We’ll notify you as soon as it is ready!
Try one of these options for now!
Training
CONTACT US
Reach out to us to tailor a good program together with you
Training
YOUTUBE
Go to our Youtube channel and learn using our video tutorials