MDriven Levels: Stars & Certificates
No edit summary
(Undo revision 14132 by Edgar (talk))
Line 29: Line 29:
</style>
</style>


<html>
<div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);">
<head>
  <div class="content" style="padding: 5em; width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
    <style>
<div style="color: #44546F;">Training</div>
        /* General Styles */
    <div class="heading" style="color: #112B3C; font-size: 2.25em; font-weight: 700; text-transform: uppercase; ">MDRIVEN LEVELS: STARS AND CERTIFICATES</div>
        .content {
  <div style="width: 568px"><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>
            background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);
</div>
            padding: 5em;
</div>
            width: 100%;
<div style="display: flex; flex-direction: column; align-items: center; padding:5em; ">
            display: flex;
    <div style="height: 34px; text-align: center;">
            flex-direction: column;
        <span style="color: #112B3C; font-size: 28px; font-weight: 700; white-space: nowrap;">Hi! This learning course is coming soon. We’ll notify you as soon as it is ready!</span>
            gap: 10px;
         <span style="color: #112B3C; font-size: 28px; font-family: Inter; font-weight: 400;"> </span>
            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 style="height: 41px; margin-top: 20px; text-align: center;">
     <div class="notification-container">
         <span style="color: #112B3C; font-size: 28px; font-weight: 700; white-space: nowrap;">Try one of these options for now!</span>
         <div class="notification">Hi! This learning course is coming soon. We’ll notify you as soon as it is ready!</div>
         <span style="color: black; font-size: 28px; font-weight: 400;"> </span>
         <div class="notification" style="margin-top: 20px;">Try one of these options for now!</div>
     </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:16, 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.
Hi! This learning course is coming soon. We’ll notify you as soon as it is ready!
Try one of these options for now!
Icon
Training
CONTACT US
Reach out to us to tailor a good program together with you
Icon
Training
YOUTUBE
Go to our Youtube channel and learn using our video tutorials