Widget
BestPractices
(Created page with "<div style="display: flex; align-items: center; padding: 10px; background: #E3E8EE; border-radius: 5px; margin-bottom: 10px;"> <!-- Image logo --> <div style="flex: 0 0 auto; padding-right: 20px;"> <img src="<!--{$imageUrl|default:''}-->" alt="Logo" style="width: 50px; height: 50px;"> </div> <!-- Text content with heading and description --> <div style="flex: 1; display: flex; flex-direction: column; justify-content: center;"> <a href...") |
No edit summary |
||
| Line 1: | Line 1: | ||
<div style="display: flex; align-items: center; padding: 10px; background: #E3E8EE; border-radius: 5px; margin-bottom: 10px;"> | <div style="display: flex; align-items: center; padding: 10px; background: #E3E8EE; border-radius: 5px; margin-bottom: 10px; width: 350.75px; height: 120px;"> | ||
<!-- Image logo --> | <!-- Image logo on the left --> | ||
<div style="flex: 0 0 auto; | <div style="flex: 0 0 auto; align-self: stretch; display: flex; align-items: center; justify-content: center; width: 50px;"> | ||
<img src="<!--{$imageUrl|default:''}-->" alt="Logo" style="width: | <img src="<!--{$imageUrl|default:''}-->" alt="Logo" style="max-width: 100%; max-height: 100%;"> | ||
</div> | </div> | ||
<!-- Text content with heading and description --> | <!-- Vertical divider --> | ||
<div style="flex: 1; display: flex; flex-direction: column; justify-content: center;"> | <div style="width: 1px; background-color: #C0C4CC; margin: 0 10px; height: auto; align-self: stretch;"></div> | ||
<!-- Text content with heading and description on the right --> | |||
<div style="flex-grow: 1; display: flex; flex-direction: column; justify-content: center;"> | |||
<a href="<!--{$headingLink|default:'#'}-->" style="color: #112B3C; font-size: 20px; font-weight: 700; text-decoration: none;"> | <a href="<!--{$headingLink|default:'#'}-->" style="color: #112B3C; font-size: 20px; font-weight: 700; text-decoration: none;"> | ||
<!--{$heading|default:'Heading'}--> | <!--{$heading|default:'Heading'}--> | ||
Revision as of 18:22, 19 November 2023
<img src="" alt="Logo" style="max-width: 100%; max-height: 100%;">
<a href="" style="color: #112B3C; font-size: 20px; font-weight: 700; text-decoration: none;">
</a>
This page was edited more than 11 months ago on 02/10/2024. What links here