View source for Widget:Documentation

<div class="documentation-card" style="max-width: 100%; padding: 24px; background: #E2F5FA; border-radius: 6px; flex-direction: column; justify-content: center; align-items: center; gap: 5px; display: inline-flex" onclick="window.location.href='<!--{$titlelink|default:'#'}-->';">
  <img style="width: 70px; height: 70px" src="<!--{$image|default:'https://via.placeholder.com/70x70'}-->" alt="Image" />
  <div style="text-align: center; color: #1A50AD; font-size: 20px; font-family: Outfit; font-weight: 600; word-wrap: break-word">
    <a href="<!--{$titlelink|default:':'}-->"><!--{$titletext|default:'MDriven Designer'}--></a>
  </div>
  <div style="max-width: 100%; color: black; font-size: 14px; font-family: Outfit; font-weight: 300; line-height: 1.325; word-wrap: break-word">
    <!--{$text|default:'A UML modeling tool that allows you to capture sufficient details to cover every aspect of a software system.'|escape:'html'}-->
  </div>
</div>