Ocelot-Social/backend/src/middleware/email/templates/emailVerification.html

<!-- Email Body German : BEGIN -->
<table class="email-german" align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"
  style="margin: auto;">

  <!-- Hero Image, Flush : BEGIN -->
  <tr>
    <td style="background-color: #ffffff;">
      <img
        src="{{{ welcomeImageUrl }}}"
        width="300" height="" alt="Welcome image" border="0"
        style="width: 100%; max-width: 300px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block; padding: 20px;"
        class="g-img">
    </td>
  </tr>
  <!-- Hero Image, Flush : END -->

  <!-- 1 Column Text + Button : BEGIN -->
  <tr>
    <td style="background-color: #ffffff; padding: 0 20px;">
      <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
        <tr>
          <td
            style="padding: 20px; padding-top: 0; font-family: Lato, sans-serif; font-size: 16px; line-height: 22px; color: #555555;">
            <h1
              style="margin: 0 0 10px 0; font-family: Lato, sans-serif; font-size: 25px; line-height: 30px; color: #333333; font-weight: normal;">
              Hallo {{ name }}!</h1>
            <p style="margin: 0;">Du möchtest also deine E-Mail ändern? Kein Problem! Mit Klick auf diesen Button
              kannst Du Deine neue E-Mail Adresse bestätigen:</p>
          </td>
        </tr>
        <tr>
          <td style="padding: 0 20px;">
            <!-- Button : BEGIN -->
            <table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin: auto;">
              <tr>
                <td class="button-td button-td-primary" style="border-radius: 4px; background: #17b53e;">
                  <a class="button-a button-a-primary" href="{{{ actionUrl }}}"
                    style="background: #17b53e; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; text-decoration: none; padding: 13px 17px; color: #ffffff; display: block; border-radius: 4px;">E-Mail
                    Adresse
                    bestätigen</a>
                </td>
              </tr>
            </table>
            <!-- Button : END -->
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- 1 Column Text + Button : END -->

  <!-- 1 Column Text : BEGIN -->
  <tr>
    <td style="background-color: #ffffff; padding: 0 20px;">
      <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
        <tr>
          <td
            style="padding: 20px; padding-bottom: 0; font-family: Lato, sans-serif; font-size: 16px; line-height: 22px; color: #555555;">
            <p style="margin: 0;">Falls Du deine E-Mail Adresse doch nicht ändern möchtest, kannst du diese Nachricht
              einfach ignorieren. Melde Dich gerne <a href="{{{ supportUrl }}}" style="color: #17b53e;">bei
                unserem Support Team</a>, wenn du noch Fragen hast!</p>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- 1 Column Text : END -->

  <!-- 1 Column Text : BEGIN -->
  <tr>
    <td style="background-color: #ffffff; padding: 0 20px;">
      <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
        <tr>
          <td style="padding: 20px; font-family: Lato, sans-serif; font-size: 16px; line-height: 22px; color: #555555;">
            <p style="margin: 0;">Sollte der Button für Dich nicht funktionieren, kannst Du auch folgenden Code in
              Dein Browserfenster kopieren: <span style="color: #17b53e;">{{{ nonce }}}</span></p>
            <p style="margin: 0; margin-top: 10px;">Bis bald bei <a href="{{{ ORGANIZATION_URL }}}"
                                                                    style="color: #17b53e;">{{{APPLICATION_NAME}}}</a>!</p>
            <p style="margin: 0; margin-bottom: 10px;">– Dein {{APPLICATION_NAME}} Team</p>
          </td>
        </tr>
        <tr>
          <td style="display: none;">
            <p>–––––––––––––––––––––––––––––––––––––––––––––––</p>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- 1 Column Text : END -->

</table>
<!-- Email Body German : END -->

<!-- Email Body English : BEGIN -->
<table class="email-english" align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"
  style="margin: auto;">
  <tr>
    <td style="padding: 20px 0; text-align: center">
    </td>
  </tr>

  <!-- Hero Image, Flush : BEGIN -->
  <tr>
    <td style="background-color: #ffffff;">
      <img
        src="{{{ welcomeImageUrl }}}"
        width="300" height="" alt="Welcome image" border="0"
        style="width: 100%; max-width: 300px; height: auto; background: #ffffff; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; color: #555555; margin: auto; display: block; padding: 20px;"
        class="g-img">
    </td>
  </tr>
  <!-- Hero Image, Flush : END -->

  <!-- 1 Column Text + Button : BEGIN -->
  <tr>
    <td style="background-color: #ffffff; padding: 0 20px;">
      <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
        <tr>
          <td
            style="padding: 20px; padding-top: 0; font-family: Lato, sans-serif; font-size: 16px; line-height: 22px; color: #555555;">
            <h1
              style="margin: 0 0 10px 0; font-family: Lato, sans-serif; font-size: 25px; line-height: 30px; color: #333333; font-weight: normal;">
              Hello {{ name }}!</h1>
            <p style="margin: 0;">So, you want to change your e-mail? No problem! Just click the button below to verify
              your new address:</p>
          </td>
        </tr>
        <tr>
          <td style="padding: 0 20px;">
            <!-- Button : BEGIN -->
            <table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin: auto;">
              <tr>
                <td class="button-td button-td-primary" style="border-radius: 4px; background: #17b53e;">
                  <a class="button-a button-a-primary" href="{{{ actionUrl }}}"
                    style="background: #17b53e; font-family: Lato, sans-serif; font-size: 16px; line-height: 15px; text-decoration: none; padding: 13px 17px; color: #ffffff; display: block; border-radius: 4px;">Verify
                    e-mail address</a>
                </td>
              </tr>
            </table>
            <!-- Button : END -->
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- 1 Column Text + Button : END -->

  <!-- 1 Column Text : BEGIN -->
  <tr>
    <td style="background-color: #ffffff; padding: 0 20px;">
      <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
        <tr>
          <td
            style="padding: 20px; padding-bottom: 0; font-family: Lato, sans-serif; font-size: 16px; line-height: 22px; color: #555555;">
            <p style="margin: 0;">If you don't want to change your e-mail address feel free to ignore this message. You
              can
              also <a href="{{{ supportUrl }}}" style="color: #17b53e;">contact our
                support team</a> if you have any questions!</p>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- 1 Column Text : END -->

  <!-- 1 Column Text : BEGIN -->
  <tr>
    <td style="background-color: #ffffff; padding: 0 20px;">
      <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
        <tr>
          <td style="padding: 20px; font-family: Lato, sans-serif; font-size: 16px; line-height: 22px; color: #555555;">
            <p style="margin: 0;">If the above button doesn't work you can also copy the following code into your
              browser window: <span style="color: #17b53e;">{{{ nonce }}}</span></p>
            <p style="margin: 0; margin-top: 10px;">See you soon on <a href="{{{ ORGANIZATION_URL }}}"
                                                                       style="color: #17b53e;">{{{APPLICATION_NAME}}}</a>!</p>
            <p style="margin: 0; margin-bottom: 10px;">– The {{APPLICATION_NAME}} Team</p>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- 1 Column Text : END -->

</table>
<!-- Email Body English : END -->