<div style="padding: 40px; background: #fff;">
  <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
    <tbody>
      <tr>
        <td style="border-bottom: 1px solid #f6f6f6;">
          <h1 style="font-size: 14px; font-family: Arial, sans-serif; margin: 0; font-weight: bold;">Dear,</h1>
          <p style="margin-top: 0;>Here is your One-Time Password (OTP) for verification.</p>
        </td>
      </tr>
      <tr>
        <td style="padding: 10px 0 30px;">
          <p>Please use the following OTP to complete your verification process. This OTP is valid for the next 5 minutes:</p>
          <center>
            <div style="display: inline-block; padding: 15px 30px; margin: 20px 0 30px; font-size: 24px; color: #fff; background: #00c0c8; border-radius: 60px; text-decoration: none;">
              %OTP%
            </div>
          </center>
          <p>If you did not request this OTP, please ignore this email or contact our support team.</p>
          <b>- Thanks (DotSquares Team)</b>
        </td>
      </tr>
      <tr>
        <td style="border-top: 1px solid #f6f6f6; padding-top: 20px; color: #777;">
          If you encounter any issues, please feel free to contact us at <a href="mailto:admin@dotsquares.com" style="color: #00c0c8; text-decoration: none;">admin@dotsquares.com</a>.
        </td>
      </tr>
    </tbody>
  </table>
</div>