<mjml>
  <mj-body background-color="#E1E8ED">
    <mj-raw>
      <!-- Header -->
    </mj-raw>
    <mj-section padding-bottom="0px" background-color="white">
      <mj-column width="100%">
        <mj-text color="#222222" padding-top="10px" align="center">If this email is not displayed correctly, please view our web version
          <a href="{webview_url}" style="color:#222222;text-decoration:underline;">here</a>.
        </mj-text>
        <mj-image src="https://int3rnal01.s3.eu-west-2.amazonaws.com/emailtemplates/images/logo_1.png" width="200px"></mj-image>
        <mj-divider padding-top="20px" padding-bottom="0px" padding-left="0px" padding-right="0px" border-width="1px" border-color="#f8f8f8"></mj-divider>
      </mj-column>
    </mj-section>
    <mj-section padding-bottom="0px" background-color="#fcfcfc">
      <mj-column width="100%">
        <mj-text align="center" font-size="30px" color="grey" font-weight="200">Here is what you've missed</mj-text>
        <mj-divider padding-top="20px" padding-bottom="0px" padding-left="0px" padding-right="0px" border-width="1px" border-color="#f8f8f8"></mj-divider>
      </mj-column>
    </mj-section>
    <mj-raw>
      <!-- Article -->
    </mj-raw>
    <mj-section background-color="white">
      <mj-column width="250px">
        <mj-image src="https://int3rnal01.s3.eu-west-2.amazonaws.com/emailtemplates/images/CMO-SMB_wb_Thmbnl1@2x.png" width="250px"></mj-image>
      </mj-column>
      <mj-column width="350px">
        <mj-text align="left" font-size="20px" color="grey">Sed ut perspiciatis</mj-text>
        <mj-text align="left" color="grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip</mj-text>
      </mj-column>
    </mj-section>
    <mj-raw>
      <!-- Editor -->
    </mj-raw>
    <mj-section padding-bottom="0px" background-color="#f3f3f3">
      <mj-column>
        <mj-text align="center" font-size="20px" color="rgb(165, 176, 184)">Explore our new features</mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding-top="0" background-color="#f3f3f3">
      <mj-column width="100%">
        <mj-image src="https://int3rnal01.s3.eu-west-2.amazonaws.com/emailtemplates/images/sunmoon-640.gif"></mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#fcfcfc" padding-top="20px">
      <mj-column width="250px">
        <mj-image src="https://int3rnal01.s3.eu-west-2.amazonaws.com/emailtemplates/images/CMO-SMB_wb_Thmbnl2@2x.png" width="250px"></mj-image>
      </mj-column>
      <mj-column width="350px">
        <mj-text align="left" font-size="20px" color="grey">Right on time!</mj-text>
        <mj-text align="left" color="grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#f3f3f3">
      <mj-column>
        <mj-text color="#081b33" padding-top="30px" align="center">This email was sent to {contactfield=email} because you have opted in to receive communications from us. If you think you have received this e-mail in error, or if you wish to take yourself off the mailing list, unsubscribe <a href="{unsubscribe_url}" style="color:#081b33;text-decoration:underline;">here</a>. <br />
          &copy; 2021 Company Name. All rights reserved</mj-text>
        <mj-social mode="horizontal">
          <mj-social-element name="facebook"></mj-social-element>
          <mj-social-element name="twitter"></mj-social-element>
          <mj-social-element name="google"></mj-social-element>
        </mj-social>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>