A Basic Email Template

Here are the basics to an email template with HTML. This template includes a basic structure for a typical email design, with a header containing your company name and logo, a section for the body of your email, and a footer with an unsubscribe link. You can customize the fonts, colors, and layout to suit your needs.

#templates

<title>Your Email Title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333333;
    background-color: #f6f6f6;
    margin: 0;
    padding: 0;
  }
  table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
  }
  td {
    padding: 20px;
    vertical-align: top;
  }
  h1, h2, h3 {
    margin: 0;
    line-height: 1.2;
    color: #333333;
  }
  a {
    color: #007bff;
    text-decoration: none;
  }
  img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
</style>


<table>
  <tr>
    <td>
      <h1>Your Company Name</h1>
    </td>
  </tr>
  <tr>
    <td>
      <img src="https://yourcompany.com/images/logo.png" alt="Your Company Logo" style="width: 100%;" class="img-fluid lazy-loaded">
    </td>
  </tr>
  <tr>
    <td>
      <h2>Your Email Heading</h2>
      <p>Hello,</p>
      <p>This is the body of your email. You can add as much content as you like here.</p>
      <p>Regards,</p>
      <p>Your Name</p>
    </td>
  </tr>
  <tr>
    <td>
      <p>If you would like to unsubscribe from our mailing list, please click <a href="#" contenteditable="false" style="cursor: pointer;">here</a>.</p>
    </td>
  </tr>
</table>