Template:Card: Difference between revisions

From MDrivenWiki
No edit summary
No edit summary
Line 1: Line 1:
<includeonly>
<includeonly>
<div class="card">
<div style="width: 361px; height: 183px; padding: 24px; background: #F3F6F9; border-radius: 6px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; display: inline-flex">
     <div class="card-header">
     <div style="flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: flex; margin-top:10px;">
         <div class="card-header-title">{{{1|Heading}}}</div>
         <div style="color: #44546F; font-size: 14px;  font-weight: 400; word-wrap: break-word">{{{heading}}}</div>
         <div class="card-header-subtitle">{{{2|Subheading}}}</div>
         <div style="color: #112B3C; font-size: 20px;  font-weight: 700; word-wrap: break-word">{{{subheading}}}</div>
     </div>
     </div>
     <div class="card-content">
     <div style="width: 313px; height: 50px; color: black; font-size: 14px; font-weight: 300; word-wrap: break-word">{{{text}}}</div>
        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
     <div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex; margin-top:10px;">
    </div>
         <a href="{{{link}}}" style="display: inline-flex; align-items: center;"><div style="color: #1A50AD; font-size: 14px; font-weight: 600; word-wrap: break-word; margin-right: 10px;">{{{linktext}}}</div>
     <div class="card-action">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none">
         <a href="#">
            <path d="M1 5H13M13 5L9.57143 1.57143M13 5L9.57143 8.42857" stroke="#1A50AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            <div class="card-action-text">{{{3|Action}}}</div>
        </svg>
            <svg class="card-arrow" xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10">
                <path d="M1 5H13M13 5L9.57143 1.57143M13 5L9.57143 8.42857"/>
            </svg>
         </a>
         </a>
     </div>
     </div>
</div>
</div>
</includeonly>
</includeonly>

Revision as of 18:56, 23 October 2023

This page was edited more than 11 months ago on 10/23/2023. What links here