MDriven Levels: Stars & Certificates
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
.content { | .content { | ||
padding: 2em 1em; | padding: 2em 1em; | ||
flex-direction: column; /* Ensure vertical stacking on small screens */ | |||
align-items: center; /* Center-align the content */ | |||
text-align: center; /* Center-align the text */ | |||
} | } | ||
.heading { | .heading, .description, .notification { | ||
font-size: 1.5em; | width: 100%; /* Full width to prevent overflow */ | ||
font-size: 1.5em; /* Larger font size for readability */ | |||
} | } | ||
.description { | .description { | ||
font-size: | 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> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
<div | <div class="gradient-background"> | ||
<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 30: | Line 39: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="content" style="padding: 5em; width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;"> | |||
<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="margin-top: 20px; 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:32, 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