--- bodyClass: bg-gray-postmark-lighter --- <extends src="app/mailers/renderer/html/layouts/main.html"> <block name="template"> <table class="email-wrapper w-full bg-gray-postmark-lighter font-sans"> <tr> <td align="center"> <table class="email-content w-full"> <component src="app/mailers/renderer/html/components/header.html"></component> <tr> <td class="email-body w-full"> <table align="center" class="email-body_inner w-570 bg-white mx-auto sm:w-full"> <tr> <td class="px-45 py-24"> <div class="text-base"> <h1 class="mt-0 text-2xl font-bold text-left text-gray-postmark-darker"> Hi {{ name }}, </h1> <p class="mt-6 mb-20 text-base leading-24 text-gray-postmark-dark"> You recently requested to reset your password for your {{ page.company.product }} account. Use the button below to reset it. <strong >This password reset is only valid for the next 24 hours.</strong > </p> <table align="center" class="w-full text-center my-30 mx-auto"> <tr> <td align="center"> <table class="w-full"> <tr> <td align="center" class="text-base"> <a href="{{ action_url }}" class="button button--green" target="_blank" > Reset your password </a> </td> </tr> </table> </td> </tr> </table> <p class="mt-6 mb-20 text-base leading-24 text-gray-postmark-dark"> If you did not request a password reset, you can safely ignore this email. </p> <table class="body-sub"> <tr> <td> <p class=" mt-6 mb-20 text-xs leading-24 text-gray-postmark-dark " > If you're having trouble with the button above, copy and paste the URL below into your web browser. </p> <p class=" mt-6 mb-20 text-xs leading-24 text-gray-postmark-dark " > {{ action_url }} </p> </td> </tr> </table> </div> </td> </tr> </table> </td> </tr> <!--<component src="app/mailers/renderer/html/components/footer.html"></component>--> </table> </td> </tr> </table> </block> </extends>