Pen Settings

HTML

About HTML Preprocessors

HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.

Learn more · Versions

Adding Classes

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html> tag. If you want to add classes there that can affect the whole document, this is the place to do it.

About the <head>

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. If you need things in the <head> of the document, put that code here.

!
Insecure Resource

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.

CSS

About CSS Preprocessors

CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.

Learn more · Versions

CSS Base

About CSS Base

It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.

Vendor Prefixing

About Vendor Prefixing

To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit- or -moz-.

We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

Powered by Algolia
About External Resources

You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.

You can also link to another Pen here (use the .css URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ add another resource

JavaScript

About JavaScript Preprocessors

JavaScript preprocessors can help make authoring JavaScript easier and more convenient.

Learn more · Versions

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

Powered by Algolia
About External Resources

You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.

If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.

You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Powered by Algolia
About Packages

Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.

All packages are different, so refer to their docs for how they work.

If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML 

              
                <!DOCTYPE html>
<html style="
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0px;
    height: 100%;
  ">

<head>
  <meta charset="utf-8" />
  <style id="globals">
    @import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Inter:400,600|Mulish:600");
  </style>
  <style id="styles">
    @media (max-width: 519px) {
      .mobile.web {
        display: none !important;
      }
    }

    @media (min-width: 520px) {
      .mobile.div {
        display: none !important;
      }
    }
  </style>
</head>

<body style="
      margin: 0;
      padding: 0;
      border: 0;
      font: inherit;
      font-size: 100%;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      box-sizing: border-box;
      margin: 0px;
      height: 100%;
    ">
  <!--[if !mso]><!-->
  <table border="0" cellpadding="0" cellspacing="0" class="mobile div" style="
        border-collapse: separate;
        padding: 24px 0px;
        border: 0;
        font: inherit;
        font-size: 100%;
        -webkit-font-smoothing: antialiased;
        box-sizing: border-box;
        min-width: 320px;
        position: relative;
        background-color: #ffffff;
        width: 100%;
      ">
    <tr>
      <td align="center" style="position: relative">
        <table border="0" cellpadding="0" cellspacing="0" class="your-logo" style="
              border-collapse: separate;
              padding: 11.25px;
              border: 0;
              font: inherit;
              font-size: 100%;
              -webkit-font-smoothing: antialiased;
              box-sizing: border-box;
              position: relative;
              text-align: left;
              height: 0px;
            ">
          <tr style="vertical-align: middle">
            <td align="left" style="position: relative; width: 22.5px; height: 22.5px">
              <img class="logomark" src="https://c.animaapp.com/oe6b5qgj/img/logomark@2x.png" style="
                    margin: 0;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 100%;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    width: 22.5px;
                    height: 22.5px;
                    text-align: left;
                  " />
            </td>
            <td style="width: 5.62px; min-width: 5.62px; padding: 0px"></td>
            <td align="left" style="position: relative; width: fit-content">
              <div class="logotype" style="
                    margin: 0;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 16.9px;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    width: fit-content;
                    font-family: 'DM Sans', Helvetica;
                    font-weight: 700;
                    color: #4a4a4a;
                    letter-spacing: 0;
                    line-height: 16.9px;
                    white-space: nowrap;
                    text-align: left;
                  ">
                Your Logo
              </div>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr style="height: 24px"></tr>
    <tr>
      <td align="center" style="position: relative; width: 100%">
        <table border="0" cellpadding="0" cellspacing="0" class="hero-section" style="
              border-collapse: separate;
              padding: 24px;
              border: 0;
              font: inherit;
              font-size: 100%;
              -webkit-font-smoothing: antialiased;
              box-sizing: border-box;
              position: relative;
              width: 100%;
              background-color: #eef0f2;
              text-align: left;
              height: 0px;
            ">
          <tr style="vertical-align: top">
            <td align="center" style="position: relative; width: 100%">
              <table border="0" cellpadding="0" cellspacing="0" class="hero-section-content" style="
                    border-collapse: separate;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 100%;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    width: 100%;
                    text-align: left;
                  ">
                <tr>
                  <td align="center" style="position: relative; width: 100%">
                    <p class="text-wrapper" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 22px;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          position: relative;
                          align-self: stretch;
                          margin-top: -1px;
                          font-family: 'Inter', Helvetica;
                          font-weight: 600;
                          color: #252323;
                          text-align: center;
                          letter-spacing: 0;
                          line-height: 28.6px;
                          width: 100%;
                        ">
                      Converting Designs to HTML Email Templates with Inline CSS
                    </p>
                  </td>
                </tr>
                <tr style="height: 24px"></tr>
                <tr>
                  <td align="center" style="position: relative; width: 100%">
                    <p class="p" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 14px;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          position: relative;
                          align-self: stretch;
                          font-family: 'Inter', Helvetica;
                          font-weight: 400;
                          color: #4a4a4a;
                          text-align: center;
                          letter-spacing: 0;
                          line-height: 21px;
                          width: 100%;
                        ">
                      In the world of digital marketing, your email isn't just a message; it's a first impression, a
                      handshake, a personal invitation to your world.
                    </p>
                  </td>
                </tr>
                <tr style="height: 24px"></tr>
                <tr>
                  <td align="center" style="position: relative; width: 100%; height: 206px">
                    <img class="image-holder" src="https://c.animaapp.com/oe6b5qgj/img/image-holder@2x.png" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          position: relative;
                          align-self: stretch;
                          width: 100%;
                          height: 206px;
                          object-fit: cover;
                          text-align: left;
                        " />
                  </td>
                </tr>
                <tr style="height: 24px"></tr>
                <tr>
                  <td align="center" style="position: relative; width: 100%">
                    <p class="p" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 14px;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          position: relative;
                          align-self: stretch;
                          font-family: 'Inter', Helvetica;
                          font-weight: 400;
                          color: #4a4a4a;
                          text-align: center;
                          letter-spacing: 0;
                          line-height: 21px;
                          width: 100%;
                        ">
                      Anima is thrilled to announce a game-changing feature that's set to revolutionize how designers
                      and marketers alike create email templates.
                    </p>
                  </td>
                </tr>
                <tr style="height: 24px"></tr>
                <tr>
                  <td align="center" style="position: relative; width: 100%; height: 45px">
                    <table border="0" cellpadding="0" cellspacing="0" class="button" style="
                          border-collapse: separate;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          height: 45px;
                          padding: 0px 24px;
                          width: 100%;
                          background-color: #3366ff;
                          border-radius: 8px;
                          position: relative;
                          text-align: left;
                        ">
                      <tr style="vertical-align: middle">
                        <td style="padding: 0px; width: 50%"></td>
                        <td align="center" style="position: relative; width: fit-content">
                          <div class="text-wrapper-2" style="
                                margin: 0;
                                padding: 0;
                                border: 0;
                                font: inherit;
                                font-size: 14px;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                width: fit-content;
                                font-family: 'Inter', Helvetica;
                                font-weight: 400;
                                color: #ffffff;
                                text-align: center;
                                letter-spacing: 0;
                                line-height: 21px;
                                white-space: nowrap;
                              ">
                            Read more
                          </div>
                        </td>
                        <td style="padding: 0px; width: 50%"></td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr style="height: 100%"></tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr style="height: 24px"></tr>
    <tr>
      <td align="center" style="position: relative; width: 100%">
        <table border="0" cellpadding="0" cellspacing="0" class="blog-list-section" style="
              border-collapse: separate;
              padding: 0px 24px;
              border: 0;
              font: inherit;
              font-size: 100%;
              -webkit-font-smoothing: antialiased;
              box-sizing: border-box;
              position: relative;
              width: 100%;
              text-align: left;
            ">
          <tr>
            <td align="center" style="position: relative; width: 100%">
              <table border="0" cellpadding="0" cellspacing="0" class="card-row" style="
                    border-collapse: separate;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 100%;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    width: 100%;
                    text-align: left;
                  ">
                <tr>
                  <td align="left" style="position: relative; width: 100%">
                    <table border="0" cellpadding="0" cellspacing="0" class="card" style="
                          border-collapse: separate;
                          padding: 0;
                          border: 1px solid;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          min-width: 180px;
                          border-radius: 8px;
                          overflow: hidden;
                          border-color: #d7d7d7;
                          position: relative;
                          width: 100%;
                          text-align: left;
                        ">
                      <tr>
                        <td align="left" style="position: relative; width: 100%; height: 159px">
                          <img class="rectangle" src="https://c.animaapp.com/oe6b5qgj/img/rectangle-3-1@2x.png" style="
                                margin: 0;
                                padding: 0;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                align-self: stretch;
                                width: 100%;
                                height: 159px;
                                object-fit: cover;
                                text-align: left;
                              " />
                        </td>
                      </tr>
                      <tr>
                        <td align="left" style="position: relative; width: 100%">
                          <table border="0" cellpadding="0" cellspacing="0" class="frame" style="
                                border-collapse: separate;
                                padding: 16px;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                width: 100%;
                                text-align: left;
                              ">
                            <tr>
                              <td align="left" style="position: relative; width: 100%">
                                <table border="0" cellpadding="0" cellspacing="0" class="title-subtitle" style="
                                      border-collapse: separate;
                                      padding: 0;
                                      border: 0;
                                      font: inherit;
                                      font-size: 100%;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      position: relative;
                                      width: 100%;
                                      text-align: left;
                                    ">
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <div class="text-wrapper-3" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 16px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            margin-top: -1px;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 600;
                                            color: #252323;
                                            letter-spacing: 0;
                                            line-height: 20.8px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Write your title here
                                      </div>
                                    </td>
                                  </tr>
                                  <tr style="height: 8px"></tr>
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <p class="text-wrapper-4" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 14px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 400;
                                            color: #4a4a4a;
                                            letter-spacing: 0;
                                            line-height: 21px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Add a brief description here to give users an overview of your content.
                                      </p>
                                    </td>
                                  </tr>
                                  <tr style="height: 100%"></tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 12px"></tr>
                            <tr>
                              <td align="left" style="position: relative">
                                <table border="0" cellpadding="0" cellspacing="0" class="button-2" style="
                                      border-collapse: separate;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      padding: 8px 0px;
                                      position: relative;
                                      text-align: left;
                                      height: 0px;
                                    ">
                                  <tr style="vertical-align: middle">
                                    <td align="center" style="position: relative; width: fit-content">
                                      <div class="text-wrapper-5" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 14px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: fit-content;
                                            margin-top: -1px;
                                            font-family: 'Mulish', Helvetica;
                                            font-weight: 600;
                                            color: #3366ff;
                                            text-align: center;
                                            letter-spacing: 0;
                                            line-height: 16.8px;
                                            white-space: nowrap;
                                          ">
                                        Read more
                                      </div>
                                    </td>
                                    <td style="width: 8px; min-width: 8px; padding: 0px"></td>
                                    <td align="center" style="position: relative; width: 14px; height: 14px">
                                      <img class="caret-right" src="https://c.animaapp.com/oe6b5qgj/img/caretright-12@2x.png" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 100%;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: 14px;
                                            height: 14px;
                                            text-align: left;
                                          " />
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 100%"></tr>
                          </table>
                        </td>
                      </tr>
                      <tr style="height: 100%"></tr>
                    </table>
                  </td>
                </tr>
                <tr style="height: 16px"></tr>
                <tr>
                  <td align="left" style="position: relative; width: 100%">
                    <table border="0" cellpadding="0" cellspacing="0" class="card-2" style="
                          border-collapse: separate;
                          padding: 0;
                          border: 1px solid;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          min-width: 180px;
                          border-radius: 8px;
                          overflow: hidden;
                          border-color: #d7d7d7;
                          position: relative;
                          width: 100%;
                          text-align: left;
                        ">
                      <tr>
                        <td align="left" style="position: relative; width: 100%; height: 159px">
                          <img class="rectangle" src="https://c.animaapp.com/oe6b5qgj/img/rectangle-3-2@2x.png" style="
                                margin: 0;
                                padding: 0;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                align-self: stretch;
                                width: 100%;
                                height: 159px;
                                object-fit: cover;
                                text-align: left;
                              " />
                        </td>
                      </tr>
                      <tr>
                        <td align="left" style="position: relative; width: 100%">
                          <table border="0" cellpadding="0" cellspacing="0" class="frame" style="
                                border-collapse: separate;
                                padding: 16px;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                width: 100%;
                                text-align: left;
                              ">
                            <tr>
                              <td align="left" style="position: relative; width: 100%">
                                <table border="0" cellpadding="0" cellspacing="0" class="title-subtitle" style="
                                      border-collapse: separate;
                                      padding: 0;
                                      border: 0;
                                      font: inherit;
                                      font-size: 100%;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      position: relative;
                                      width: 100%;
                                      text-align: left;
                                    ">
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <div class="text-wrapper-3" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 16px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            margin-top: -1px;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 600;
                                            color: #252323;
                                            letter-spacing: 0;
                                            line-height: 20.8px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Write your title here
                                      </div>
                                    </td>
                                  </tr>
                                  <tr style="height: 8px"></tr>
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <p class="text-wrapper-4" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 14px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 400;
                                            color: #4a4a4a;
                                            letter-spacing: 0;
                                            line-height: 21px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Add a brief description here to give users an overview of your content.
                                      </p>
                                    </td>
                                  </tr>
                                  <tr style="height: 100%"></tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 12px"></tr>
                            <tr>
                              <td align="left" style="position: relative">
                                <table border="0" cellpadding="0" cellspacing="0" class="button-2" style="
                                      border-collapse: separate;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      padding: 8px 0px;
                                      position: relative;
                                      text-align: left;
                                      height: 0px;
                                    ">
                                  <tr style="vertical-align: middle">
                                    <td align="center" style="position: relative; width: fit-content">
                                      <div class="text-wrapper-5" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 14px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: fit-content;
                                            margin-top: -1px;
                                            font-family: 'Mulish', Helvetica;
                                            font-weight: 600;
                                            color: #3366ff;
                                            text-align: center;
                                            letter-spacing: 0;
                                            line-height: 16.8px;
                                            white-space: nowrap;
                                          ">
                                        Read more
                                      </div>
                                    </td>
                                    <td style="width: 8px; min-width: 8px; padding: 0px"></td>
                                    <td align="center" style="position: relative; width: 14px; height: 14px">
                                      <img class="caret-right" src="https://c.animaapp.com/oe6b5qgj/img/caretright-12@2x.png" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 100%;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: 14px;
                                            height: 14px;
                                            text-align: left;
                                          " />
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 100%"></tr>
                          </table>
                        </td>
                      </tr>
                      <tr style="height: 100%"></tr>
                    </table>
                  </td>
                </tr>
                <tr style="height: 100%"></tr>
              </table>
            </td>
          </tr>
          <tr style="height: 16px"></tr>
          <tr>
            <td align="center" style="position: relative; width: 100%">
              <table border="0" cellpadding="0" cellspacing="0" class="card-row" style="
                    border-collapse: separate;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 100%;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    width: 100%;
                    text-align: left;
                  ">
                <tr>
                  <td align="left" style="position: relative; width: 100%">
                    <table border="0" cellpadding="0" cellspacing="0" class="card" style="
                          border-collapse: separate;
                          padding: 0;
                          border: 1px solid;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          min-width: 180px;
                          border-radius: 8px;
                          overflow: hidden;
                          border-color: #d7d7d7;
                          position: relative;
                          width: 100%;
                          text-align: left;
                        ">
                      <tr>
                        <td align="left" style="position: relative; width: 100%; height: 159px">
                          <img class="rectangle" src="https://c.animaapp.com/oe6b5qgj/img/rectangle-3-3@2x.png" style="
                                margin: 0;
                                padding: 0;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                align-self: stretch;
                                width: 100%;
                                height: 159px;
                                object-fit: cover;
                                text-align: left;
                              " />
                        </td>
                      </tr>
                      <tr>
                        <td align="left" style="position: relative; width: 100%">
                          <table border="0" cellpadding="0" cellspacing="0" class="frame" style="
                                border-collapse: separate;
                                padding: 16px;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                width: 100%;
                                text-align: left;
                              ">
                            <tr>
                              <td align="left" style="position: relative; width: 100%">
                                <table border="0" cellpadding="0" cellspacing="0" class="title-subtitle" style="
                                      border-collapse: separate;
                                      padding: 0;
                                      border: 0;
                                      font: inherit;
                                      font-size: 100%;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      position: relative;
                                      width: 100%;
                                      text-align: left;
                                    ">
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <div class="text-wrapper-3" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 16px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            margin-top: -1px;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 600;
                                            color: #252323;
                                            letter-spacing: 0;
                                            line-height: 20.8px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Write your title here
                                      </div>
                                    </td>
                                  </tr>
                                  <tr style="height: 8px"></tr>
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <p class="text-wrapper-4" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 14px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 400;
                                            color: #4a4a4a;
                                            letter-spacing: 0;
                                            line-height: 21px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Add a brief description here to give users an overview of your content.
                                      </p>
                                    </td>
                                  </tr>
                                  <tr style="height: 100%"></tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 12px"></tr>
                            <tr>
                              <td align="left" style="position: relative">
                                <table border="0" cellpadding="0" cellspacing="0" class="button-2" style="
                                      border-collapse: separate;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      padding: 8px 0px;
                                      position: relative;
                                      text-align: left;
                                      height: 0px;
                                    ">
                                  <tr style="vertical-align: middle">
                                    <td align="center" style="position: relative; width: fit-content">
                                      <div class="text-wrapper-5" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 14px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: fit-content;
                                            margin-top: -1px;
                                            font-family: 'Mulish', Helvetica;
                                            font-weight: 600;
                                            color: #3366ff;
                                            text-align: center;
                                            letter-spacing: 0;
                                            line-height: 16.8px;
                                            white-space: nowrap;
                                          ">
                                        Read more
                                      </div>
                                    </td>
                                    <td style="width: 8px; min-width: 8px; padding: 0px"></td>
                                    <td align="center" style="position: relative; width: 14px; height: 14px">
                                      <img class="caret-right" src="https://c.animaapp.com/oe6b5qgj/img/caretright-12@2x.png" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 100%;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: 14px;
                                            height: 14px;
                                            text-align: left;
                                          " />
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 100%"></tr>
                          </table>
                        </td>
                      </tr>
                      <tr style="height: 100%"></tr>
                    </table>
                  </td>
                </tr>
                <tr style="height: 16px"></tr>
                <tr>
                  <td align="left" style="position: relative; width: 100%">
                    <table border="0" cellpadding="0" cellspacing="0" class="card-2" style="
                          border-collapse: separate;
                          padding: 0;
                          border: 1px solid;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          min-width: 180px;
                          border-radius: 8px;
                          overflow: hidden;
                          border-color: #d7d7d7;
                          position: relative;
                          width: 100%;
                          text-align: left;
                        ">
                      <tr>
                        <td align="left" style="position: relative; width: 100%; height: 159px">
                          <img class="rectangle" src="https://c.animaapp.com/oe6b5qgj/img/rectangle-3-4@2x.png" style="
                                margin: 0;
                                padding: 0;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                align-self: stretch;
                                width: 100%;
                                height: 159px;
                                object-fit: cover;
                                text-align: left;
                              " />
                        </td>
                      </tr>
                      <tr>
                        <td align="left" style="position: relative; width: 100%">
                          <table border="0" cellpadding="0" cellspacing="0" class="frame" style="
                                border-collapse: separate;
                                padding: 16px;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                width: 100%;
                                text-align: left;
                              ">
                            <tr>
                              <td align="left" style="position: relative; width: 100%">
                                <table border="0" cellpadding="0" cellspacing="0" class="title-subtitle" style="
                                      border-collapse: separate;
                                      padding: 0;
                                      border: 0;
                                      font: inherit;
                                      font-size: 100%;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      position: relative;
                                      width: 100%;
                                      text-align: left;
                                    ">
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <div class="text-wrapper-3" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 16px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            margin-top: -1px;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 600;
                                            color: #252323;
                                            letter-spacing: 0;
                                            line-height: 20.8px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Write your title here
                                      </div>
                                    </td>
                                  </tr>
                                  <tr style="height: 8px"></tr>
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <p class="text-wrapper-4" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 14px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 400;
                                            color: #4a4a4a;
                                            letter-spacing: 0;
                                            line-height: 21px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Add a brief description here to give users an overview of your content.
                                      </p>
                                    </td>
                                  </tr>
                                  <tr style="height: 100%"></tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 12px"></tr>
                            <tr>
                              <td align="left" style="position: relative">
                                <table border="0" cellpadding="0" cellspacing="0" class="button-2" style="
                                      border-collapse: separate;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      padding: 8px 0px;
                                      position: relative;
                                      text-align: left;
                                      height: 0px;
                                    ">
                                  <tr style="vertical-align: middle">
                                    <td align="center" style="position: relative; width: fit-content">
                                      <div class="text-wrapper-5" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 14px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: fit-content;
                                            margin-top: -1px;
                                            font-family: 'Mulish', Helvetica;
                                            font-weight: 600;
                                            color: #3366ff;
                                            text-align: center;
                                            letter-spacing: 0;
                                            line-height: 16.8px;
                                            white-space: nowrap;
                                          ">
                                        Read more
                                      </div>
                                    </td>
                                    <td style="width: 8px; min-width: 8px; padding: 0px"></td>
                                    <td align="center" style="position: relative; width: 14px; height: 14px">
                                      <img class="caret-right" src="https://c.animaapp.com/oe6b5qgj/img/caretright-12@2x.png" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 100%;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: 14px;
                                            height: 14px;
                                            text-align: left;
                                          " />
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 100%"></tr>
                          </table>
                        </td>
                      </tr>
                      <tr style="height: 100%"></tr>
                    </table>
                  </td>
                </tr>
                <tr style="height: 100%"></tr>
              </table>
            </td>
          </tr>
          <tr style="height: 100%"></tr>
        </table>
      </td>
    </tr>
    <tr style="height: 24px"></tr>
    <tr>
      <td align="center" style="position: relative; width: 100%">
        <table border="0" cellpadding="0" cellspacing="0" class="social-text" style="
              border-collapse: separate;
              padding: 0px 24px;
              border: 0;
              font: inherit;
              font-size: 100%;
              -webkit-font-smoothing: antialiased;
              box-sizing: border-box;
              position: relative;
              width: 100%;
              text-align: left;
            ">
          <tr>
            <td align="center" style="position: relative; width: 100%">
              <table border="0" cellpadding="0" cellspacing="0" class="social-links" style="
                    border-collapse: separate;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 100%;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    width: 100%;
                    text-align: left;
                    height: 0px;
                  ">
                <tr style="vertical-align: top">
                  <td style="padding: 0px; width: 50%"></td>
                  <td align="center" style="position: relative; width: 24px; height: 24px">
                    <a href="https://www.instagram.com/animaapp/" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank"><img class="socials" src="https://c.animaapp.com/oe6b5qgj/img/socials@2x.png" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 100%;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            width: 24px;
                            height: 24px;
                            position: relative;
                            text-align: left;
                          " /></a>
                  </td>
                  <td style="width: 40px; min-width: 40px; padding: 0px"></td>
                  <td align="center" style="position: relative; width: 24px; height: 24px">
                    <a href="https://twitter.com/AnimaApp" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank"><img class="socials" src="https://c.animaapp.com/oe6b5qgj/img/socials-5@2x.png" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 100%;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            width: 24px;
                            height: 24px;
                            position: relative;
                            text-align: left;
                          " /></a>
                  </td>
                  <td style="width: 40px; min-width: 40px; padding: 0px"></td>
                  <td align="center" style="position: relative; width: 24.23px; height: 24.25px">
                    <a href="https://www.linkedin.com/company/anima-app" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank"><img class="img" src="https://c.animaapp.com/oe6b5qgj/img/socials-6@2x.png" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 100%;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            width: 24.23px;
                            height: 24.25px;
                            margin-bottom: -0.25px;
                            position: relative;
                            text-align: left;
                          " /></a>
                  </td>
                  <td style="width: 40px; min-width: 40px; padding: 0px"></td>
                  <td align="center" style="position: relative; width: 24px; height: 24px">
                    <a href="https://discord.gg/eQxkYTNxSp" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank"><img class="socials" src="https://c.animaapp.com/oe6b5qgj/img/socials-7@2x.png" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 100%;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            width: 24px;
                            height: 24px;
                            position: relative;
                            text-align: left;
                          " /></a>
                  </td>
                  <td style="padding: 0px; width: 50%"></td>
                </tr>
              </table>
            </td>
          </tr>
          <tr style="height: 24px"></tr>
          <tr>
            <td align="center" style="position: relative; width: 100%">
              <p class="text-wrapper-6" style="
                    margin: 0;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 12px;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    align-self: stretch;
                    font-family: 'Inter', Helvetica;
                    font-weight: 400;
                    color: #4a4a4a;
                    text-align: center;
                    letter-spacing: 0;
                    line-height: 18px;
                    width: 100%;
                  ">
                Stay tuned as we continue to update and upgrade your Anima experience. Not part of the Anima family
                yet? Join us today and transform the way you create email templates forever.
              </p>
            </td>
          </tr>
          <tr style="height: 100%"></tr>
        </table>
      </td>
    </tr>
    <tr style="height: 24px"></tr>
    <tr>
      <td align="center" style="position: relative; width: 100%">
        <table border="0" cellpadding="0" cellspacing="0" class="footer" style="
              border-collapse: separate;
              padding: 0;
              border: 0;
              font: inherit;
              font-size: 100%;
              -webkit-font-smoothing: antialiased;
              box-sizing: border-box;
              position: relative;
              width: 100%;
              background-color: transparent;
              text-align: left;
            ">
          <tr>
            <td align="center" style="position: relative; width: 100%">
              <p class="template-created-by" style="
                    margin: 0;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 11px;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    align-self: stretch;
                    margin-top: -1px;
                    font-family: 'Inter', Helvetica;
                    font-weight: 400;
                    color: transparent;
                    text-align: center;
                    letter-spacing: 0;
                    line-height: 16.5px;
                    width: 100%;
                  ">
                <span class="span" style="
                      margin: 0;
                      padding: 0;
                      border: 0;
                      font: inherit;
                      font-size: 100%;
                      -webkit-font-smoothing: antialiased;
                      box-sizing: border-box;
                      color: #4a4a4a;
                    ">Template created by</span>
                <span class="text-wrapper-7" style="
                      margin: 0;
                      padding: 0;
                      border: 0;
                      font: inherit;
                      font-size: 100%;
                      -webkit-font-smoothing: antialiased;
                      box-sizing: border-box;
                      color: #3366ff;
                    ">
                  Anima App.</span>
              </p>
            </td>
          </tr>
          <tr style="height: 8px"></tr>
          <tr>
            <td align="center" style="position: relative; width: 100%">
              <table border="0" cellpadding="0" cellspacing="0" class="additional-info" style="
                    border-collapse: separate;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 100%;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    width: 100%;
                    text-align: left;
                    height: 0px;
                  ">
                <tr style="vertical-align: top">
                  <td style="padding: 0px; width: 50%"></td>
                  <td align="center" style="position: relative; width: fit-content">
                    <a href="https://support.animaapp.com/en/" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank">
                      <div class="text-wrapper-8" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 11px;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            position: relative;
                            width: fit-content;
                            margin-top: -1px;
                            font-family: 'Inter', Helvetica;
                            font-weight: 400;
                            color: #3366ff;
                            text-align: center;
                            letter-spacing: 0;
                            line-height: 16.5px;
                            white-space: nowrap;
                          ">
                        Help Center
                      </div>
                    </a>
                  </td>
                  <td style="width: 24px; min-width: 24px; padding: 0px"></td>
                  <td align="center" style="position: relative; width: fit-content">
                    <a href="https://forum.animaapp.com/privacy" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank">
                      <div class="text-wrapper-8" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 11px;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            position: relative;
                            width: fit-content;
                            margin-top: -1px;
                            font-family: 'Inter', Helvetica;
                            font-weight: 400;
                            color: #3366ff;
                            text-align: center;
                            letter-spacing: 0;
                            line-height: 16.5px;
                            white-space: nowrap;
                          ">
                        Privacy Policy
                      </div>
                    </a>
                  </td>
                  <td style="width: 24px; min-width: 24px; padding: 0px"></td>
                  <td align="center" style="position: relative; width: fit-content">
                    <a href="https://forum.animaapp.com/tos" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank">
                      <div class="text-wrapper-8" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 11px;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            position: relative;
                            width: fit-content;
                            margin-top: -1px;
                            font-family: 'Inter', Helvetica;
                            font-weight: 400;
                            color: #3366ff;
                            text-align: center;
                            letter-spacing: 0;
                            line-height: 16.5px;
                            white-space: nowrap;
                          ">
                        Terms of Service
                      </div>
                    </a>
                  </td>
                  <td style="padding: 0px; width: 50%"></td>
                </tr>
              </table>
            </td>
          </tr>
          <tr style="height: 100%"></tr>
        </table>
      </td>
    </tr>
    <tr style="height: 100%"></tr>
  </table>
  <!--<![endif]-->
  <table border="0" cellpadding="0" cellspacing="0" class="mobile web" style="
        border-collapse: separate;
        padding: 32px 0px;
        border: 0;
        font: inherit;
        font-size: 100%;
        -webkit-font-smoothing: antialiased;
        box-sizing: border-box;
        min-width: 520px;
        position: relative;
        background-color: #ffffff;
        width: 100%;
      ">
    <tr>
      <td align="center" style="position: relative">
        <table border="0" cellpadding="0" cellspacing="0" class="your-logo-2" style="
              border-collapse: separate;
              padding: 16px;
              border: 0;
              font: inherit;
              font-size: 100%;
              -webkit-font-smoothing: antialiased;
              box-sizing: border-box;
              position: relative;
              text-align: left;
              height: 0px;
            ">
          <tr style="vertical-align: middle">
            <td align="left" style="position: relative; width: 32px; height: 32px">
              <img class="logo-mark" src="https://c.animaapp.com/oe6b5qgj/img/logomark-1@2x.png" style="
                    margin: 0;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 100%;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    width: 32px;
                    height: 32px;
                    text-align: left;
                  " />
            </td>
            <td style="width: 8px; min-width: 8px; padding: 0px"></td>
            <td align="left" style="position: relative; width: fit-content">
              <div class="logotype-2" style="
                    margin: 0;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 24px;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    width: fit-content;
                    font-family: 'DM Sans', Helvetica;
                    font-weight: 700;
                    color: #4a4a4a;
                    letter-spacing: 0;
                    line-height: 24px;
                    white-space: nowrap;
                    text-align: left;
                  ">
                Your Logo
              </div>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr style="height: 32px"></tr>
    <tr>
      <td align="center" style="position: relative; width: 100%">
        <table border="0" cellpadding="0" cellspacing="0" class="hero-section-content-wrapper" style="
              border-collapse: separate;
              padding: 40px 24px;
              border: 0;
              font: inherit;
              font-size: 100%;
              -webkit-font-smoothing: antialiased;
              box-sizing: border-box;
              position: relative;
              width: 100%;
              background-color: #eef0f2;
              text-align: left;
              height: 0px;
            ">
          <tr style="vertical-align: top">
            <td align="center" style="position: relative; width: 100%">
              <table border="0" cellpadding="0" cellspacing="0" class="hero-section-content-2" style="
                    border-collapse: separate;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 100%;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    max-width: 640px;
                    position: relative;
                    width: 100%;
                    text-align: left;
                  ">
                <tr>
                  <td align="center" style="position: relative; width: 100%">
                    <p class="text-wrapper-9" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 26px;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          position: relative;
                          align-self: stretch;
                          margin-top: -1px;
                          font-family: 'Inter', Helvetica;
                          font-weight: 600;
                          color: #252323;
                          text-align: center;
                          letter-spacing: 0;
                          line-height: 33.8px;
                          width: 100%;
                        ">
                      Converting Designs to HTML Email Templates with Inline CSS
                    </p>
                  </td>
                </tr>
                <tr style="height: 24px"></tr>
                <tr>
                  <td align="center" style="position: relative; width: 100%">
                    <p class="text-wrapper-10" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 16px;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          position: relative;
                          align-self: stretch;
                          font-family: 'Inter', Helvetica;
                          font-weight: 400;
                          color: #4a4a4a;
                          text-align: center;
                          letter-spacing: 0;
                          line-height: 24px;
                          width: 100%;
                        ">
                      In the world of digital marketing, your email isn't just a message; it's a first impression, a
                      handshake, a personal invitation to your world.
                    </p>
                  </td>
                </tr>
                <tr style="height: 24px"></tr>
                <tr>
                  <td align="center" style="position: relative; width: 100%; height: 293px">
                    <img class="image-holder-2" src="https://c.animaapp.com/oe6b5qgj/img/image-holder-1@2x.png" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          position: relative;
                          align-self: stretch;
                          width: 100%;
                          height: 293px;
                          object-fit: cover;
                          text-align: left;
                        " />
                  </td>
                </tr>
                <tr style="height: 24px"></tr>
                <tr>
                  <td align="center" style="position: relative; width: 100%">
                    <p class="text-wrapper-10" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 16px;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          position: relative;
                          align-self: stretch;
                          font-family: 'Inter', Helvetica;
                          font-weight: 400;
                          color: #4a4a4a;
                          text-align: center;
                          letter-spacing: 0;
                          line-height: 24px;
                          width: 100%;
                        ">
                      Anima is thrilled to announce a game-changing feature that's set to revolutionize how designers
                      and marketers alike create email templates.
                    </p>
                  </td>
                </tr>
                <tr style="height: 24px"></tr>
                <tr>
                  <td align="center" style="position: relative; height: 45px">
                    <table border="0" cellpadding="0" cellspacing="0" class="button-3" style="
                          border-collapse: separate;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          height: 45px;
                          padding: 0px 24px;
                          background-color: #3366ff;
                          border-radius: 8px;
                          position: relative;
                          text-align: left;
                        ">
                      <tr style="vertical-align: middle">
                        <td align="center" style="position: relative; width: fit-content">
                          <div class="text-wrapper-2" style="
                                margin: 0;
                                padding: 0;
                                border: 0;
                                font: inherit;
                                font-size: 14px;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                width: fit-content;
                                font-family: 'Inter', Helvetica;
                                font-weight: 400;
                                color: #ffffff;
                                text-align: center;
                                letter-spacing: 0;
                                line-height: 21px;
                                white-space: nowrap;
                              ">
                            Read more
                          </div>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr style="height: 100%"></tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr style="height: 32px"></tr>
    <tr>
      <td align="center" style="position: relative; width: 100%">
        <table border="0" cellpadding="0" cellspacing="0" class="blog-list-section-2" style="
              border-collapse: separate;
              padding: 0px 24px;
              border: 0;
              font: inherit;
              font-size: 100%;
              -webkit-font-smoothing: antialiased;
              box-sizing: border-box;
              position: relative;
              width: 100%;
              text-align: left;
            ">
          <tr>
            <td align="center" style="position: relative; width: 100%">
              <table border="0" cellpadding="0" cellspacing="0" class="card-row-2" style="
                    border-collapse: separate;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 100%;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    max-width: 640px;
                    position: relative;
                    width: 100%;
                    text-align: left;
                    height: 0px;
                  ">
                <tr style="vertical-align: top">
                  <td align="left" style="position: relative; width: 50%">
                    <table border="0" cellpadding="0" cellspacing="0" class="card-3" style="
                          border-collapse: separate;
                          padding: 0;
                          border: 1px solid;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          min-width: 180px;
                          position: relative;
                          border-radius: 8px;
                          overflow: hidden;
                          border-color: #d7d7d7;
                          width: 100%;
                          text-align: left;
                        ">
                      <tr>
                        <td align="left" style="position: relative; width: 100%; height: 159px">
                          <img class="rectangle" src="https://c.animaapp.com/oe6b5qgj/img/rectangle-3-5@2x.png" style="
                                margin: 0;
                                padding: 0;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                align-self: stretch;
                                width: 100%;
                                height: 159px;
                                object-fit: cover;
                                text-align: left;
                              " />
                        </td>
                      </tr>
                      <tr>
                        <td align="left" style="position: relative; width: 100%">
                          <table border="0" cellpadding="0" cellspacing="0" class="frame" style="
                                border-collapse: separate;
                                padding: 16px;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                width: 100%;
                                text-align: left;
                              ">
                            <tr>
                              <td align="left" style="position: relative; width: 100%">
                                <table border="0" cellpadding="0" cellspacing="0" class="title-subtitle" style="
                                      border-collapse: separate;
                                      padding: 0;
                                      border: 0;
                                      font: inherit;
                                      font-size: 100%;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      position: relative;
                                      width: 100%;
                                      text-align: left;
                                    ">
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <div class="text-wrapper-11" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 18px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            margin-top: -1px;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 600;
                                            color: #252323;
                                            letter-spacing: 0;
                                            line-height: 23.4px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Write your title here
                                      </div>
                                    </td>
                                  </tr>
                                  <tr style="height: 8px"></tr>
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <p class="text-wrapper-12" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 16px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 400;
                                            color: #4a4a4a;
                                            letter-spacing: 0;
                                            line-height: 24px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Add a brief description here to give users an overview of your content.
                                      </p>
                                    </td>
                                  </tr>
                                  <tr style="height: 100%"></tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 12px"></tr>
                            <tr>
                              <td align="left" style="position: relative">
                                <table border="0" cellpadding="0" cellspacing="0" class="button-2" style="
                                      border-collapse: separate;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      padding: 8px 0px;
                                      position: relative;
                                      text-align: left;
                                      height: 0px;
                                    ">
                                  <tr style="vertical-align: middle">
                                    <td align="center" style="position: relative; width: fit-content">
                                      <div class="text-wrapper-5" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 14px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: fit-content;
                                            margin-top: -1px;
                                            font-family: 'Mulish', Helvetica;
                                            font-weight: 600;
                                            color: #3366ff;
                                            text-align: center;
                                            letter-spacing: 0;
                                            line-height: 16.8px;
                                            white-space: nowrap;
                                          ">
                                        Read more
                                      </div>
                                    </td>
                                    <td style="width: 8px; min-width: 8px; padding: 0px"></td>
                                    <td align="center" style="position: relative; width: 14px; height: 14px">
                                      <img class="caret-right" src="https://c.animaapp.com/oe6b5qgj/img/caretright-12@2x.png" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 100%;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: 14px;
                                            height: 14px;
                                            text-align: left;
                                          " />
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 100%"></tr>
                          </table>
                        </td>
                      </tr>
                      <tr style="height: 100%"></tr>
                    </table>
                  </td>
                  <td style="width: 12px; min-width: 12px; padding: 0px"></td>
                  <td align="left" style="position: relative; width: 50%">
                    <table border="0" cellpadding="0" cellspacing="0" class="card-4" style="
                          border-collapse: separate;
                          padding: 0;
                          border: 1px solid;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          min-width: 180px;
                          position: relative;
                          border-radius: 8px;
                          overflow: hidden;
                          border-color: #d7d7d7;
                          width: 100%;
                          text-align: left;
                        ">
                      <tr>
                        <td align="left" style="position: relative; width: 100%; height: 159px">
                          <img class="rectangle" src="https://c.animaapp.com/oe6b5qgj/img/rectangle-3-6@2x.png" style="
                                margin: 0;
                                padding: 0;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                align-self: stretch;
                                width: 100%;
                                height: 159px;
                                object-fit: cover;
                                text-align: left;
                              " />
                        </td>
                      </tr>
                      <tr>
                        <td align="left" style="position: relative; width: 100%">
                          <table border="0" cellpadding="0" cellspacing="0" class="frame" style="
                                border-collapse: separate;
                                padding: 16px;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                width: 100%;
                                text-align: left;
                              ">
                            <tr>
                              <td align="left" style="position: relative; width: 100%">
                                <table border="0" cellpadding="0" cellspacing="0" class="title-subtitle" style="
                                      border-collapse: separate;
                                      padding: 0;
                                      border: 0;
                                      font: inherit;
                                      font-size: 100%;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      position: relative;
                                      width: 100%;
                                      text-align: left;
                                    ">
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <div class="text-wrapper-11" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 18px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            margin-top: -1px;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 600;
                                            color: #252323;
                                            letter-spacing: 0;
                                            line-height: 23.4px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Write your title here
                                      </div>
                                    </td>
                                  </tr>
                                  <tr style="height: 8px"></tr>
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <p class="text-wrapper-12" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 16px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 400;
                                            color: #4a4a4a;
                                            letter-spacing: 0;
                                            line-height: 24px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Add a brief description here to give users an overview of your content.
                                      </p>
                                    </td>
                                  </tr>
                                  <tr style="height: 100%"></tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 12px"></tr>
                            <tr>
                              <td align="left" style="position: relative">
                                <table border="0" cellpadding="0" cellspacing="0" class="button-2" style="
                                      border-collapse: separate;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      padding: 8px 0px;
                                      position: relative;
                                      text-align: left;
                                      height: 0px;
                                    ">
                                  <tr style="vertical-align: middle">
                                    <td align="center" style="position: relative; width: fit-content">
                                      <div class="text-wrapper-5" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 14px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: fit-content;
                                            margin-top: -1px;
                                            font-family: 'Mulish', Helvetica;
                                            font-weight: 600;
                                            color: #3366ff;
                                            text-align: center;
                                            letter-spacing: 0;
                                            line-height: 16.8px;
                                            white-space: nowrap;
                                          ">
                                        Read more
                                      </div>
                                    </td>
                                    <td style="width: 8px; min-width: 8px; padding: 0px"></td>
                                    <td align="center" style="position: relative; width: 14px; height: 14px">
                                      <img class="caret-right" src="https://c.animaapp.com/oe6b5qgj/img/caretright-12@2x.png" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 100%;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: 14px;
                                            height: 14px;
                                            text-align: left;
                                          " />
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 100%"></tr>
                          </table>
                        </td>
                      </tr>
                      <tr style="height: 100%"></tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr style="height: 12px"></tr>
          <tr>
            <td align="center" style="position: relative; width: 100%">
              <table border="0" cellpadding="0" cellspacing="0" class="card-row-2" style="
                    border-collapse: separate;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 100%;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    max-width: 640px;
                    position: relative;
                    width: 100%;
                    text-align: left;
                    height: 0px;
                  ">
                <tr style="vertical-align: top">
                  <td align="left" style="position: relative; width: 50%">
                    <table border="0" cellpadding="0" cellspacing="0" class="card-3" style="
                          border-collapse: separate;
                          padding: 0;
                          border: 1px solid;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          min-width: 180px;
                          position: relative;
                          border-radius: 8px;
                          overflow: hidden;
                          border-color: #d7d7d7;
                          width: 100%;
                          text-align: left;
                        ">
                      <tr>
                        <td align="left" style="position: relative; width: 100%; height: 159px">
                          <img class="rectangle" src="https://c.animaapp.com/oe6b5qgj/img/rectangle-3-7@2x.png" style="
                                margin: 0;
                                padding: 0;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                align-self: stretch;
                                width: 100%;
                                height: 159px;
                                object-fit: cover;
                                text-align: left;
                              " />
                        </td>
                      </tr>
                      <tr>
                        <td align="left" style="position: relative; width: 100%">
                          <table border="0" cellpadding="0" cellspacing="0" class="frame" style="
                                border-collapse: separate;
                                padding: 16px;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                width: 100%;
                                text-align: left;
                              ">
                            <tr>
                              <td align="left" style="position: relative; width: 100%">
                                <table border="0" cellpadding="0" cellspacing="0" class="title-subtitle" style="
                                      border-collapse: separate;
                                      padding: 0;
                                      border: 0;
                                      font: inherit;
                                      font-size: 100%;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      position: relative;
                                      width: 100%;
                                      text-align: left;
                                    ">
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <div class="text-wrapper-11" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 18px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            margin-top: -1px;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 600;
                                            color: #252323;
                                            letter-spacing: 0;
                                            line-height: 23.4px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Write your title here
                                      </div>
                                    </td>
                                  </tr>
                                  <tr style="height: 8px"></tr>
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <p class="text-wrapper-12" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 16px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 400;
                                            color: #4a4a4a;
                                            letter-spacing: 0;
                                            line-height: 24px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Add a brief description here to give users an overview of your content.
                                      </p>
                                    </td>
                                  </tr>
                                  <tr style="height: 100%"></tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 12px"></tr>
                            <tr>
                              <td align="left" style="position: relative">
                                <table border="0" cellpadding="0" cellspacing="0" class="button-2" style="
                                      border-collapse: separate;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      padding: 8px 0px;
                                      position: relative;
                                      text-align: left;
                                      height: 0px;
                                    ">
                                  <tr style="vertical-align: middle">
                                    <td align="center" style="position: relative; width: fit-content">
                                      <div class="text-wrapper-5" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 14px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: fit-content;
                                            margin-top: -1px;
                                            font-family: 'Mulish', Helvetica;
                                            font-weight: 600;
                                            color: #3366ff;
                                            text-align: center;
                                            letter-spacing: 0;
                                            line-height: 16.8px;
                                            white-space: nowrap;
                                          ">
                                        Read more
                                      </div>
                                    </td>
                                    <td style="width: 8px; min-width: 8px; padding: 0px"></td>
                                    <td align="center" style="position: relative; width: 14px; height: 14px">
                                      <img class="caret-right" src="https://c.animaapp.com/oe6b5qgj/img/caretright-12@2x.png" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 100%;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: 14px;
                                            height: 14px;
                                            text-align: left;
                                          " />
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 100%"></tr>
                          </table>
                        </td>
                      </tr>
                      <tr style="height: 100%"></tr>
                    </table>
                  </td>
                  <td style="width: 12px; min-width: 12px; padding: 0px"></td>
                  <td align="left" style="position: relative; width: 50%">
                    <table border="0" cellpadding="0" cellspacing="0" class="card-4" style="
                          border-collapse: separate;
                          padding: 0;
                          border: 1px solid;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          min-width: 180px;
                          position: relative;
                          border-radius: 8px;
                          overflow: hidden;
                          border-color: #d7d7d7;
                          width: 100%;
                          text-align: left;
                        ">
                      <tr>
                        <td align="left" style="position: relative; width: 100%; height: 159px">
                          <img class="rectangle" src="https://c.animaapp.com/oe6b5qgj/img/rectangle-3-8@2x.png" style="
                                margin: 0;
                                padding: 0;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                align-self: stretch;
                                width: 100%;
                                height: 159px;
                                object-fit: cover;
                                text-align: left;
                              " />
                        </td>
                      </tr>
                      <tr>
                        <td align="left" style="position: relative; width: 100%">
                          <table border="0" cellpadding="0" cellspacing="0" class="frame" style="
                                border-collapse: separate;
                                padding: 16px;
                                border: 0;
                                font: inherit;
                                font-size: 100%;
                                -webkit-font-smoothing: antialiased;
                                box-sizing: border-box;
                                position: relative;
                                width: 100%;
                                text-align: left;
                              ">
                            <tr>
                              <td align="left" style="position: relative; width: 100%">
                                <table border="0" cellpadding="0" cellspacing="0" class="title-subtitle" style="
                                      border-collapse: separate;
                                      padding: 0;
                                      border: 0;
                                      font: inherit;
                                      font-size: 100%;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      position: relative;
                                      width: 100%;
                                      text-align: left;
                                    ">
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <div class="text-wrapper-11" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 18px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            margin-top: -1px;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 600;
                                            color: #252323;
                                            letter-spacing: 0;
                                            line-height: 23.4px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Write your title here
                                      </div>
                                    </td>
                                  </tr>
                                  <tr style="height: 8px"></tr>
                                  <tr>
                                    <td align="left" style="position: relative; width: 100%">
                                      <p class="text-wrapper-12" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 16px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            align-self: stretch;
                                            font-family: 'Inter', Helvetica;
                                            font-weight: 400;
                                            color: #4a4a4a;
                                            letter-spacing: 0;
                                            line-height: 24px;
                                            width: 100%;
                                            text-align: left;
                                          ">
                                        Add a brief description here to give users an overview of your content.
                                      </p>
                                    </td>
                                  </tr>
                                  <tr style="height: 100%"></tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 12px"></tr>
                            <tr>
                              <td align="left" style="position: relative">
                                <table border="0" cellpadding="0" cellspacing="0" class="button-2" style="
                                      border-collapse: separate;
                                      -webkit-font-smoothing: antialiased;
                                      box-sizing: border-box;
                                      padding: 8px 0px;
                                      position: relative;
                                      text-align: left;
                                      height: 0px;
                                    ">
                                  <tr style="vertical-align: middle">
                                    <td align="center" style="position: relative; width: fit-content">
                                      <div class="text-wrapper-5" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 14px;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: fit-content;
                                            margin-top: -1px;
                                            font-family: 'Mulish', Helvetica;
                                            font-weight: 600;
                                            color: #3366ff;
                                            text-align: center;
                                            letter-spacing: 0;
                                            line-height: 16.8px;
                                            white-space: nowrap;
                                          ">
                                        Read more
                                      </div>
                                    </td>
                                    <td style="width: 8px; min-width: 8px; padding: 0px"></td>
                                    <td align="center" style="position: relative; width: 14px; height: 14px">
                                      <img class="caret-right" src="https://c.animaapp.com/oe6b5qgj/img/caretright-12@2x.png" style="
                                            margin: 0;
                                            padding: 0;
                                            border: 0;
                                            font: inherit;
                                            font-size: 100%;
                                            -webkit-font-smoothing: antialiased;
                                            box-sizing: border-box;
                                            position: relative;
                                            width: 14px;
                                            height: 14px;
                                            text-align: left;
                                          " />
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <tr style="height: 100%"></tr>
                          </table>
                        </td>
                      </tr>
                      <tr style="height: 100%"></tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr style="height: 100%"></tr>
        </table>
      </td>
    </tr>
    <tr style="height: 32px"></tr>
    <tr>
      <td align="center" style="position: relative; width: 100%">
        <table border="0" cellpadding="0" cellspacing="0" class="social-text-2" style="
              border-collapse: separate;
              padding: 0px 24px;
              border: 0;
              font: inherit;
              font-size: 100%;
              -webkit-font-smoothing: antialiased;
              box-sizing: border-box;
              max-width: 640px;
              position: relative;
              width: 100%;
              text-align: left;
            ">
          <tr>
            <td align="center" style="position: relative; width: 100%">
              <table border="0" cellpadding="0" cellspacing="0" class="social-icons" style="
                    border-collapse: separate;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 100%;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    width: 100%;
                    text-align: left;
                    height: 0px;
                  ">
                <tr style="vertical-align: top">
                  <td style="padding: 0px; width: 50%"></td>
                  <td align="center" style="position: relative; width: 24px; height: 24px">
                    <a href="https://www.instagram.com/animaapp/" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank"><img class="socials" src="https://c.animaapp.com/oe6b5qgj/img/socials-4@2x.png" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 100%;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            width: 24px;
                            height: 24px;
                            position: relative;
                            text-align: left;
                          " /></a>
                  </td>
                  <td style="width: 60px; min-width: 60px; padding: 0px"></td>
                  <td align="center" style="position: relative; width: 24px; height: 24px">
                    <a href="https://twitter.com/AnimaApp" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank"><img class="socials" src="https://c.animaapp.com/oe6b5qgj/img/socials-5@2x.png" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 100%;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            width: 24px;
                            height: 24px;
                            position: relative;
                            text-align: left;
                          " /></a>
                  </td>
                  <td style="width: 60px; min-width: 60px; padding: 0px"></td>
                  <td align="center" style="position: relative; width: 24.23px; height: 24.25px">
                    <a href="https://www.linkedin.com/company/anima-app" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank"><img class="img" src="https://c.animaapp.com/oe6b5qgj/img/socials-6@2x.png" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 100%;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            width: 24.23px;
                            height: 24.25px;
                            margin-bottom: -0.25px;
                            position: relative;
                            text-align: left;
                          " /></a>
                  </td>
                  <td style="width: 60px; min-width: 60px; padding: 0px"></td>
                  <td align="center" style="position: relative; width: 24px; height: 24px">
                    <a href="https://discord.gg/eQxkYTNxSp" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank"><img class="socials" src="https://c.animaapp.com/oe6b5qgj/img/socials-7@2x.png" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 100%;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            width: 24px;
                            height: 24px;
                            position: relative;
                            text-align: left;
                          " /></a>
                  </td>
                  <td style="padding: 0px; width: 50%"></td>
                </tr>
              </table>
            </td>
          </tr>
          <tr style="height: 24px"></tr>
          <tr>
            <td align="center" style="position: relative; width: 100%">
              <p class="p" style="
                    margin: 0;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 14px;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    align-self: stretch;
                    font-family: 'Inter', Helvetica;
                    font-weight: 400;
                    color: #4a4a4a;
                    text-align: center;
                    letter-spacing: 0;
                    line-height: 21px;
                    width: 100%;
                  ">
                Stay tuned as we continue to update and upgrade your Anima experience. Not part of the Anima family
                yet? Join us today and transform the way you create email templates forever.
              </p>
            </td>
          </tr>
          <tr style="height: 100%"></tr>
        </table>
      </td>
    </tr>
    <tr style="height: 32px"></tr>
    <tr>
      <td align="center" style="position: relative; width: 100%">
        <table border="0" cellpadding="0" cellspacing="0" class="footer-2" style="
              border-collapse: separate;
              padding: 0;
              border: 0;
              font: inherit;
              font-size: 100%;
              -webkit-font-smoothing: antialiased;
              box-sizing: border-box;
              max-width: 640px;
              position: relative;
              width: 100%;
              background-color: transparent;
              text-align: left;
            ">
          <tr>
            <td align="center" style="position: relative; width: 100%">
              <p class="template-created-by-2" style="
                    margin: 0;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 13px;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    align-self: stretch;
                    margin-top: -1px;
                    font-family: 'Inter', Helvetica;
                    font-weight: 400;
                    color: transparent;
                    text-align: center;
                    letter-spacing: 0;
                    line-height: 19.5px;
                    width: 100%;
                  ">
                <span class="span" style="
                      margin: 0;
                      padding: 0;
                      border: 0;
                      font: inherit;
                      font-size: 100%;
                      -webkit-font-smoothing: antialiased;
                      box-sizing: border-box;
                      color: #4a4a4a;
                    ">Template created by</span>
                <span class="text-wrapper-7" style="
                      margin: 0;
                      padding: 0;
                      border: 0;
                      font: inherit;
                      font-size: 100%;
                      -webkit-font-smoothing: antialiased;
                      box-sizing: border-box;
                      color: #3366ff;
                    "> </span>
                <span class="text-wrapper-7" style="
                      margin: 0;
                      padding: 0;
                      border: 0;
                      font: inherit;
                      font-size: 100%;
                      -webkit-font-smoothing: antialiased;
                      box-sizing: border-box;
                      color: #3366ff;
                    ">Anima App.</span>
              </p>
            </td>
          </tr>
          <tr style="height: 8px"></tr>
          <tr>
            <td align="center" style="position: relative; width: 100%">
              <table border="0" cellpadding="0" cellspacing="0" class="additional-info" style="
                    border-collapse: separate;
                    padding: 0;
                    border: 0;
                    font: inherit;
                    font-size: 100%;
                    -webkit-font-smoothing: antialiased;
                    box-sizing: border-box;
                    position: relative;
                    width: 100%;
                    text-align: left;
                    height: 0px;
                  ">
                <tr style="vertical-align: top">
                  <td style="padding: 0px; width: 50%"></td>
                  <td align="center" style="position: relative; width: fit-content">
                    <a href="https://support.animaapp.com/en/" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank">
                      <div class="text-wrapper-13" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 13px;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            position: relative;
                            width: fit-content;
                            margin-top: -1px;
                            font-family: 'Inter', Helvetica;
                            font-weight: 400;
                            color: #3366ff;
                            text-align: center;
                            letter-spacing: 0;
                            line-height: 19.5px;
                            white-space: nowrap;
                          ">
                        Help Center
                      </div>
                    </a>
                  </td>
                  <td style="width: 24px; min-width: 24px; padding: 0px"></td>
                  <td align="center" style="position: relative; width: fit-content">
                    <a href="https://forum.animaapp.com/privacy" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank">
                      <div class="text-wrapper-13" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 13px;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            position: relative;
                            width: fit-content;
                            margin-top: -1px;
                            font-family: 'Inter', Helvetica;
                            font-weight: 400;
                            color: #3366ff;
                            text-align: center;
                            letter-spacing: 0;
                            line-height: 19.5px;
                            white-space: nowrap;
                          ">
                        Privacy Policy
                      </div>
                    </a>
                  </td>
                  <td style="width: 24px; min-width: 24px; padding: 0px"></td>
                  <td align="center" style="position: relative; width: fit-content">
                    <a href="https://forum.animaapp.com/tos" rel="noopener noreferrer" style="
                          margin: 0;
                          padding: 0;
                          border: 0;
                          font: inherit;
                          font-size: 100%;
                          -webkit-font-smoothing: antialiased;
                          box-sizing: border-box;
                          text-decoration: none;
                        " target="_blank">
                      <div class="text-wrapper-13" style="
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font: inherit;
                            font-size: 13px;
                            -webkit-font-smoothing: antialiased;
                            box-sizing: border-box;
                            position: relative;
                            width: fit-content;
                            margin-top: -1px;
                            font-family: 'Inter', Helvetica;
                            font-weight: 400;
                            color: #3366ff;
                            text-align: center;
                            letter-spacing: 0;
                            line-height: 19.5px;
                            white-space: nowrap;
                          ">
                        Terms of Service
                      </div>
                    </a>
                  </td>
                  <td style="padding: 0px; width: 50%"></td>
                </tr>
              </table>
            </td>
          </tr>
          <tr style="height: 100%"></tr>
        </table>
      </td>
    </tr>
    <tr style="height: 100%"></tr>
  </table>
</body>

</html>
!

CSS
!

JS
!
999px

Console