Widget
TrainingSteps
No edit summary |
No edit summary Tag: 2017 source edit |
||
| Line 1: | Line 1: | ||
<div style="flex: 0 1 | <style> | ||
@media screen and (max-width: 600px) { | |||
.mobile-heading { | |||
font-size: 16px ; | |||
} | |||
.mobile-description { | |||
font-size: 12px; | |||
} | |||
} | |||
</style> | |||
<div style="flex: 0 1 20%; background: #112B3C; padding: 10px; margin: 5px; border-radius: 6px; box-sizing: border-box;"> | |||
<a href="<!--{$linkUrl|default:'#'}-->" style="text-decoration: none; color: inherit;"> | <a href="<!--{$linkUrl|default:'#'}-->" style="text-decoration: none; color: inherit;"> | ||
<!-- Top section with image and heading --> | <!-- Top section with image and heading --> | ||
| Line 8: | Line 18: | ||
<!-- Heading on the right --> | <!-- Heading on the right --> | ||
<div style="flex-grow: 1; padding-left: 10px;"> | <div style="flex-grow: 1; padding-left: 10px;"> | ||
<div style="color: #FFFFFF; font-size: 20px; font-weight: 700;"> | <div class="mobile-heading" style="color: #FFFFFF; font-size: 20px; font-weight: 700;"> | ||
<!--{$heading|default:'Default Heading'}--> | <!--{$heading|default:'Default Heading'}--> | ||
</div> | </div> | ||
| Line 15: | Line 25: | ||
<!-- Description below --> | <!-- Description below --> | ||
<div style="color: #FFFFFF; font-size: 14px; margin-top: 5px;"> | <div class="mobile-description" style="color: #FFFFFF; font-size: 14px; margin-top: 5px;"> | ||
<!--{$description|default:'Default Description'}--> | <!--{$description|default:'Default Description'}--> | ||
</div> | </div> | ||
</a> | </a> | ||
</div> | </div> | ||
Revision as of 06:51, 22 December 2023
<style> @media screen and (max-width: 600px) {
.mobile-heading {
font-size: 16px ;
}
.mobile-description {
font-size: 12px;
}
} </style>
<a href="" style="text-decoration: none; color: inherit;">
<img src="" alt="Image" style="width: 50px; height: 50px; object-fit: cover;">
</a>
This page was edited 49 days ago on 04/01/2024. What links here