shellphone.app/mailers/templates/forgot-password.html
2021-11-02 00:13:30 +01:00

94 lines
2.8 KiB
HTML

---
bodyClass: bg-gray-postmark-lighter
---
<extends src="mailers/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="mailers/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="mailers/components/footer.html"></component>-->
</table>
</td>
</tr>
</table>
</block>
</extends>