MDriven Levels: Stars & Certificates
No edit summary
(Undo revision 14138 by Edgar (talk))
Line 6: Line 6:
             .content {
             .content {
                 padding: 2em 1em;
                 padding: 2em 1em;
                 flex-direction: column; /* Ensure vertical stacking on small screens */
                 max-width: none;
                align-items: center; /* Center-align the content */
                text-align: center; /* Center-align the text */
             }
             }
             .heading, .description, .notification {
             .heading {
                width: 100%; /* Full width to prevent overflow */
                 font-size: 1.5em;
                 font-size: 1.5em; /* Larger font size for readability */
             }
             }
             .description {
             .description {
                 font-size: 1em; /* Adjust font size for description */
                 font-size: 0.875em;
                width: 100%; /* Adjust width for smaller screens */
            }
            .notification {
                font-size: 1.5em;
             }
             }
        }
/* 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>
     </style>
</head>
</head>
<body>
<body>
     <div class="gradient-background">
     <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 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 style="color: #44546F;">Training</div>
Line 39: Line 30:
             </div>
             </div>
         </div>
         </div>
 
    </div>
<div class="content" style="padding: 5em; width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
    <div style="display: flex; flex-direction: column; align-items: center; padding: 5em;">
            <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="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="margin-top: 20px; color: #112B3C; font-size: 28px; font-weight: 700; white-space: nowrap;">Try one of these options for now!</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>
     </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;">

Revision as of 22:33, 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