Untitled

 avatar
unknown
plain_text
3 years ago
7.2 kB
5
Indexable
<mjml>
  <mj-head>
    <mj-style>
      li {
      color: black;
      padding-bottom: 10px;
      }

      li::marker {
      color: #0079C2;
      }

      li:last-of-type {
      padding: 0;
      }

      @media only screen and (max-width: 480px) { *[class~=hide_on_mobile] { display: none !important;} }
      @media only screen and (min-width: 480px) { *[class~=hide_on_desktop] { display: none !important;} }

    </mj-style>
  </mj-head>
  <mj-body>
    <mj-raw>
      <!-- Header -->
    </mj-raw>
    <mj-section background-color="#f0f0f0">
      <mj-column>
        <mj-text font-size="14px" font-family="Arial, sans-serif">Take a closer look at your benefits with a free <a href="google.com" target="_blank">Plan Checkup</a></mj-text>
      </mj-column>
    </mj-section>
    <mj-raw>
      <!-- Image Header -->
    </mj-raw>
    <mj-section background-color="white">
      <mj-group>
        <mj-column vertical-align="middle">
          <mj-image align="left" src="https://image.s7.sfmc-content.com/lib/fe9613737664047a70/m/1/042d4a54-863b-49bd-b9f4-8b1b0b67f8ac.png " />
        </mj-column>
        <mj-column vertical-align="middle">
          <mj-text font-size="14px" color="#626262" align="right"><a href="google.com" target="_blank" font-family="Arial, sans-serif">View in browser</a></mj-text>
        </mj-column>
      </mj-group>
    </mj-section>
    <mj-raw>
      <!-- Image Header -->
    </mj-raw>
    <mj-section padding="60px 0 80px 0" background-url="https://image.s7.sfmc-content.com/lib/fe9613737664047a70/m/1/454306ac-ca64-42e1-b15d-7c5a6f01fcfd.jpg" background-repeat="no-repeat" background-size="cover">>
      <mj-column width="600px">
        <mj-text font-size="18px" padding-bottom="0px" font-family="Arial"><em>Don't miss out</em></mj-text>
        <mj-text css-class="hide_on_mobile" line-height="16px" color="#0079C2" font-size="22px" font-family="Arial, sans-serif"><strong>Make the most of your <br></br>benefits with a free <br></br>Plan Checkup</strong></mj-text>
        <mj-text css-class="hide_on_desktop" line-height="30px" color="#0079C2" font-size="22px" font-family="Arial, sans-serif"><strong>Make the most of your benefits with a free Plan Checkup</strong></mj-text>
        <mj-text css-class="hide_on_mobile" line-height="24px" font-size="20px" font-family="Arial, sans-serif" color="#FE5E3C">
        <img style="padding-right: 10px" align="left" width="40px" height="40px" src="https://image.s7.sfmc-content.com/lib/fe9613737664047a70/m/1/e3c13d61-daef-48b6-a65b-13ae325fccc1.png" alt="" />
          <strong>Call 8XX-XXX-XXXX</strong><br><span style="color: black">(TTY: 711)</span>
        </mj-text>
        <mj-button css-class="hide_on_desktop" width="100%" height="30px" background-color="#fe5e3c" href="#" font-size="18px" font-family="Arial, sans-serif"><strong>Call now</strong></mj-button>
        <mj-text font-size="14px" color="#0079C2"><a href="google.com" target="_blank">Here's what we will cover</a></mj-text>
      </mj-column>
    </mj-section>
    <mj-raw>
      <!-- Content Text -->
    </mj-raw>
    <mj-section background-color="#fff">
      <mj-column>
        <mj-text font-size="14px" font-family="Arial, sans-serif">Dear Sample,</mj-text>
        <mj-text font-size="14px" font-family="Arial, sans-serif">Last year, millions of Americans who qualified for Medicare missed out on receiving all their benefits.* We can help you find the right plan for 2021 – with the full coverage you deserve.</mj-text>
        <mj-text font-size="14px" font-family="Arial, sans-serif">We offer plans that include <strong>$0 premiums</strong>, prescription drug coverage, and benefits to help you stay healthy at home.</mj-text>
        <mj-text font-size="14px" font-family="Arial, sans-serif" color="#0079C2"><strong>Request your free <u>Medicare Plan Checkup</u> and you'll be able to:</strong>
          <ul>
            <li><strong>Discuss your current doctors and medications</strong></li>
            <li><strong>Receive all your Medicare-eligible benefits</strong></li>
            <li><strong>Feel confident in your choice</strong></li>
          </ul>
        </mj-text>
        <mj-text padding-top="0px" font-size="14px" font-family="Arial, sans-serif">Different times call for a different plan. Talk with a licensed specialist to ensure you receive all the benefits you need to support your health in 2021.</mj-text>
        <mj-text css-class="hide_on_mobile" font-size="20px" font-family="Arial, sans-serif" color="#FE5E3C">
          <strong>Call 8XX-XXX-XXXX</strong><span style="color: black"> (TTY: 711)</span>
        </mj-text>
        <mj-button css-class="hide_on_desktop" width="100%" height="30px" background-color="#fe5e3c" href="#" font-size="18px" font-family="Arial, sans-serif"><strong>Call now</strong></mj-button>
        <mj-text css-class="hide_on_mobile" padding-top="0px" font-size="14px" font-family="Arial, sans-serif">8 a.m. to 8 p.m., 7 days a week</mj-text>
        <mj-text css-class="hide_on_desktop" padding-top="0px" font-size="14px" font-family="Arial, sans-serif" align="center">8 a.m. to 8 p.m., 7 days a week</mj-text>
        <mj-text font-size="14px" padding-bottom="0px" font-family="Arial, sans-serif">Learn more about your <a href="google.com" target="_blank">free Medicare Plan Checkup.</a></mj-text>
      </mj-column>
    </mj-section>
    <mj-raw>
      <!-- Side Logo -->
    </mj-raw>
    <mj-section background-color="white">
      <mj-column width="100%">
        <mj-image width="200px" padding-right="6px" padding-top="0px" align="right" src="https://image.s7.sfmc-content.com/lib/fe9613737664047a70/m/1/042d4a54-863b-49bd-b9f4-8b1b0b67f8ac.png " />
      </mj-column>
    </mj-section>
    <mj-raw>
      <!-- Socials & Footer-->
    </mj-raw>
    <mj-section background-color="#f0f0f0">  
      <mj-column>
        <mj-social padding-right="20px" align="right" font-size="15px" icon-size="20px" mode="horizontal">
          <mj-social-element href="url" src="https://image.s7.sfmc-content.com/lib/fe9613737664047a70/m/1/9dee6871-da92-4878-b81e-b6f933f57455.png">
          </mj-social-element>
         <mj-social-element href="url" src="https://image.s7.sfmc-content.com/lib/fe9613737664047a70/m/1/0d6a69c1-0488-4f75-a6c8-ba0e2d6f447a.png">
          </mj-social-element>
        </mj-social>
      <mj-text font-size="14px" font-family="Arial, sans-serif" line-height="21px">
        ®NTO is a registered trademark of Northern Trail Outfiters, Inc. This email was sent by %%member_busname%%, %%member_addr%%, %%member_city%%, %%member_state%%, %%member_postalcode%%, %%member_country%%. This email was sent to:%%emailaddr%%
      </mj-text>
      <mj-text font-size="14px" font-family="Arial, sans-serif" line-height="21px" align="center>
        <a style="color: black"><u>Unsubscribe from future emails in this series</u></a> | <a style="color: black"><u>Unsubscribe from all NTO Communications</a></u> | <a style="color: black"> <u>Privacy Policy</u> </a>
      </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>
Editor is loading...