<div class="card">
    <div class="card-body">
        <h3 class="card-title">
            <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:donation_header" />
        </h3>
        <p class="card-text">
            {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:donation_message') -> f:format.raw()}
        </p>
        <a href="{donationUrl}" class="btn btn-default" title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:donation_button')}" target="_blank" rel="noreferrer">
            <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:donation_button" />
        </a>
    </div>
</div>
