MDriven Levels: Stars & Certificates
(Undo revision 14138 by Edgar (talk))
No edit summary
Line 1: Line 1:
<html>
<html>
<head>
<style>
     <style>
#contentContainer.show-nav-menu #bodyContent {
        /* Responsive Styles */
     padding: 0px;
        @media (max-width: 767px) {
}
            .content {
@media (max-width: 767px) {
                padding: 2em 1em;
    .content {
                max-width: none;
        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;
    }
    .notification {
                font-size: 1.2em !important; /* Smaller font size for notifications */
                white-space: normal !important; /* Allow text to wrap */
                padding: 0 1em !important; /* Add some padding for text wrapping */
                height: auto !important; /* Adjust height automatically */
             }
             }
            .heading {
}
                font-size: 1.5em;
</style>
            }
 
            .description {
<div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);">
                font-size: 0.875em;
  <div class="content" style="padding: 5em; width: auto; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
                width: 100%; /* Adjust width for smaller screens */
    <div style="color: #44546F;">Training</div>
            }
    <div class="heading" style="color: #112B3C; font-size: 2.25em; font-weight: 700; text-transform: uppercase;">MDRIVEN LEVELS: STARS AND CERTIFICATES</div>
            .notification {
    <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>
                font-size: 1.5em;
  </div>
            }
</div>
        }
<div style="display: flex; flex-direction: column; align-items: center; padding: 5em;">
    </style>
    <div class="notification" style="text-align: center; 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!</div>
</head>
    <div class="notification" style="margin-top: 20px; text-align: center; color: #112B3C; font-size: 28px; font-weight: 700; white-space: nowrap;">Try one of these options for now!</div>
<body>
</div>
    <div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);">
        <div class="content" style="padding: 5em; width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
            <div style="color: #44546F;">Training</div>
            <div class="heading" style="color: #112B3C; font-size: 2.25em; font-weight: 700; text-transform: uppercase;">MDRIVEN LEVELS: STARS AND CERTIFICATES</div>
            <div class="description" style="width: 568px; color: black; font-size: 16px; font-weight: 700; word-wrap: break-word;">CHOOSE YOUR PATH <br/>
                <span style="font-weight: 400;">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="display: flex; flex-direction: column; align-items: center; padding: 5em;">
        <div class="notification" style="height: 34px; text-align: center; 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!</div>
        <div class="notification" style="height: 41px; margin-top: 20px; text-align: center; color: #112B3C; font-size: 28px; font-weight: 700; white-space: nowrap;">Try one of these options for now!</div>
    </div>
<div style=" display: flex; gap: 70px; justify-content: center; padding-bottom:5em;">
<div style=" display: flex; gap: 70px; justify-content: center; padding-bottom:5em;">
</html>
</html>
{{#widget:Card|heading=|subheading=CONTACT US|text=Reach out to us to tailor a good program together with you|cardColor=#F3F6F9|link=/index.php/Contact|linktext=Go here}}
{{#widget:Card|heading=|subheading=CONTACT US|text=Reach out to us to tailor a good program together with you|cardColor=#F3F6F9|link=/index.php/Contact|linktext=Go here}}
{{#widget:Card|heading=|subheading=YOUTUBE|text=Go to our Youtube channel and learn using our video tutorials|cardColor=#F3F6F9|link=https://www.youtube.com/@MDrivenOfficial/playlists|Training:MDriven Levels: Stars & Certificates|linktext=Get started right away}}
{{#widget:Card|heading=|subheading=YOUTUBE|text=Go to our Youtube channel and learn using our video tutorials|cardColor=#F3F6F9|link=https://www.youtube.com/@MDrivenOfficial/playlists|Training:MDriven Levels: Stars & Certificates|linktext=Get started right away}}

Revision as of 23:13, 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