Widget
Card
No edit summary |
|||
Line 1: | Line 1: | ||
<!-- Widget code for a single card --> | <!-- Widget code for a single card --> | ||
<div style="width: 361px; height: 183px; padding: 24px; background: <!--{$cardColor|default:'#F3F6F9'}-->; border-radius: 6px; flex-direction: column | <div style="width: 361px; min-height: 183px; padding: 24px; background: <!--{$cardColor|default:'#F3F6F9'}-->; border-radius: 6px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; position: relative;"> | ||
<!-- Positioning div for the SVG icon --> | |||
<div style="position: absolute; top: 0; <!--{$iconPosition|default:'left'}-->: 0;"> | |||
<!--{$svgIcon|default:''}--> | |||
</div> | |||
<div style="flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: flex; margin-top:10px;"> | <div style="flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: flex; margin-top:10px;"> | ||
<div style="color: #44546F; font-size: 14px; font-weight: 400; word-wrap: break-word"><!--{$heading| | <div style="color: #44546F; font-size: 14px; font-weight: 400; word-wrap: break-word"><!--{$heading|c}--></div> | ||
<div style="color: #112B3C; font-size: 20px; font-weight: 700; word-wrap: break-word"><!--{$subheading|default:'Default Subheading'}--></div> | <div style="color: #112B3C; font-size: 20px; font-weight: 700; word-wrap: break-word"><!--{$subheading|default:'Default Subheading'}--></div> | ||
</div> | </div> |
Revision as of 19:12, 10 November 2023
<a href="" style="display: inline-flex; align-items: center;">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"> <path d="M1 5H13M13 5L9.57143 1.57143M13 5L9.57143 8.42857" stroke="#1A50AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a>
This page was edited more than 11 months ago on 02/10/2024. What links here