@mailpace/templates/src/templates/security_alert.html

<div align="center"> <p><a href="https://mailpace.com" target="_blank"><img src="https://docs.mailpace.com/img/logo.png" width="200" alt="MailPace"></a></p> <p>A set of gorgeous Transactional HTML Email Templates built on TailwindCSS</p> <div>

---
title: "New sign-in to your account"
preheader: "We've noticed a new sign-in to your account"
bodyClass: bg-gray-100 dark-mode:bg-gray-999
---

<extends src="src/layouts/main.html">
  <block name="template">
    <p class="text-2xl sm:leading-32 text-black dark-mode:text-white font-semibold m-0 mb-36 font-serif">
      We've noticed a new sign-in to your account.
    </p>
    <p class="m-0 mb-24">
      We noticed a new sign-in to your account and we want to confirm it was you.
    </p>

    <table class="mb-24">
      <tr>
        <td width="20" align="center" valign="top">&bull;</td>
        <td>Date and Time: May 21, 2021 10:22 (GMT+00:00)</td>
      </tr>
      <tr>
        <td width="20" align="center" valign="top">&bull;</td>
        <td>Device: Computer</td>
      </tr>
      <tr>
        <td width="20" align="center" valign="top">&bull;</td>
        <td>Operating System: MacOS</td>
      </tr>
      <tr>
        <td width="20" align="center" valign="top">&bull;</td>
        <td>Browser: Firefox</td>
      </tr>
      <tr>
        <td width="20" align="center" valign="top">&bull;</td>
        <td>Location: GB</td>
      </tr>
      <tr>
        <td width="20" align="center" valign="top">&bull;</td>
        <td>IP Address: XXX.XX.XXX.XX</td>
      </tr>   
    </table>
    
    <a
      href="https://example.com"
      class="inline-block uppercase py-16 px-24 text-base font-semibold text-center no-underline text-white bg-blue-500 hover:bg-blue-600"
    >
      <!--[if mso
        ]><i
          style="
            letter-spacing: 24px;
            mso-font-width: -100%;
            mso-text-raise: 30px;
          "
          >&#8202;</i
        ><!
      [endif]-->
      <span style="mso-text-raise: 16px">Confirm sign in</span>
      <!--[if mso
        ]><i style="letter-spacing: 24px; mso-font-width: -100%">&#8202;</i><!
      [endif]-->
    </a>
    <table class="w-full">
      <tr>
        <td class="py-32">
          <hr class="border-gray-100 border-b-0" />
        </td>
      </tr>
    </table>
    <p class="m-0 mb-16 text-gray-500">
      If this wasn't you, please click 
      <a class="text-gray-500" href="https://example.com/reset"
        >here</a> to reset your password
    </p>
  </block>
</extends>