<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
    <td style="width: 100%; height: 100%;vertical-align: top;" align="center">
        <table border="0" cellpadding="0" cellspacing="0" width="600px">
        <tbody style="font-family: arial;">
        <tr>
            <td style="padding: 17px 25px 40px; background: #F57171;" align="center" valign="top" width="600px">
                <h1 style="color: #fff; text-transform: uppercase; font-size: 40px; font-weight: bold;margin: 10px 0 0;">
                {{ __("gift_certificate") }}
                </h1>
                <h2 style="font-size: 50px; font-weight: 300; color: #fff; margin: 0px; line-height: 1.2em;">
                {{ gift_certificate.amount }}
                </h2>
                <p style="color: #fff; margin: 0 0 12px; font-size: 12px">
                    {{ __("gift_cert_code") }}
                </p>
                <span style="background: #fff; padding: 5px 20px; font-size: 19px; font-weight: lighter; border-radius: 2px;">
                {{ gift_certificate.gift_cert_code }}</span>
            </td>
        </tr>
        <tr>
            <td style="padding: 30px 0px 80px;" valign="middle" width="600px">
                <div style="padding: 10px;">{{ snippet("info") }}
                </div>
                <div>{{ snippet("products_table") }}
                </div>
                <div style="padding: 30px 20px 0px 20px; text-align: right;">
                    {{__("shop_now")}} : <a href="{{c.storefront_url}}" target="_blank">{{c.storefront_url}}</a>
                </div>
            </td>
        </tr>
        </tbody>
        </table>
    </td>
</tr>
</tbody>
</table>