MDriven Levels: Stars & Certificates
No edit summary
No edit summary
Tag: 2017 source edit
 
(2 intermediate revisions by one other user not shown)
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 {
                 flex-direction: column; /* Ensure vertical stacking on small screens */
        padding: 2em 1em;
                 align-items: center; /* Center-align the content */
        max-width: none;
                 text-align: center; /* Center-align the text */
    }
    .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, .description, .notification {
}
                width: 100%; /* Full width to prevent overflow */
</style>
                font-size: 1.5em; /* Larger font size for readability */
            }
            .description {
                font-size: 1em; /* Adjust font size for description */
            }
        }
 
/* Ensure background covers the entire section */
        .gradient-background {
            background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            box-sizing: border-box;
        }
    </style>
</head>
<body>
    <div class="gradient-background">
        <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 class="content" style="padding: 5em; width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
<div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);">
            <div class="notification" 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!</div>
  <div class="content" style="padding: 5em; width: auto; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
            <div class="notification" style="margin-top: 20px; color: #112B3C; font-size: 28px; font-weight: 700; white-space: nowrap;">Try one of these options for now!</div>
    <div style="color: #44546F;">Training</div>
        </div>
    <div class="heading" style="color: #112B3C; font-size: 2.25em; font-weight: 700; text-transform: uppercase;">MDRIVEN LEVELS: STARS AND CERTIFICATES</div>
    </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 style="display: flex; flex-direction: column; align-items: center; padding: 5em;">
    <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>
    <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>
</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/Support_registration_form|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}}

Latest revision as of 05:53, 22 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