basic-email.mjml

<mjml>
  <mj-body background-color="#81d4f7">
    <!-- START LOGO -->
    <mj-section background-color="#ffffff" padding-left="20px" padding-right="20px" padding-top="20px" padding-bottom="20px">
      <mj-column vertical-align="middle" padding-left="0px" padding-top="0px" padding-bottom="0px" padding-right="0px">
        <mj-image width="200px" align="left" padding-left="0px" padding-top="0px" padding-bottom="0px" padding-right="0px" src="https://placeholder.com/wp-content/uploads/2018/10/placeholder.com-logo3.png" />
      </mj-column>
    </mj-section>
    <!-- END LOGO -->

    <!-- Start Header Image Container -->
    <mj-section padding-left="0px" padding-right="0px" padding-top="0px" padding-bottom="0px">
      <mj-column padding-left="0px" padding-right="0px" padding-top="0px" padding-bottom="0px">
        <!-- Header Image-->
        <mj-image href="https://kostimarko.design/" padding-left="0px" padding-right="0px" padding-top="0px" padding-bottom="0px" width="600px" src="https://designshack.net/wp-content/uploads/placeholder-image.png" />
        <!--Header Image-->
      </mj-column>
    </mj-section>
    <!-- End Header Image Container -->

    <mj-wrapper background-color="#ffffff">
      <mj-section padding-left="0px" padding-right="0px" padding-top="0px" padding-bottom="0px">
        <mj-column padding-left="0px" padding-right="0px" padding-top="0px" padding-bottom="0px">
          <!-- First Paragraph-->
          <mj-text font-size="18px" line-height="27px" padding-bottom="0px" padding-top="0px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. </mj-text>
          <!-- First Paragraph-->
          <!-- Second Paragraph-->
          <mj-text font-size="18px" line-height="27px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. </mj-text>
          <!-- Second Paragraph-->
          <!-- Third Paragraph -->
          <mj-text font-size="18px" line-height="27px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. </mj-text>
          <!-- Third Paragraph-->
          <!-- Fourth Paragraph -->
          <mj-text font-size="18px" line-height="27px" font-weight="800" padding-bottom="0px">Egestas pretium aenean pharetra magna ac</mj-text>
          <!-- Fourth Paragraph-->
          <!-- Bullets -->
          <mj-text font-size="18px" line-height="27px" font-weight="400" padding-top="0px">
            <ul align="left" type="disc">
              <li>
                Et leo duis ut diam quam nulla porttitor.
              </li>
              <li>
                Et leo duis ut diam quam nulla porttitor.
              </li>
              <li>
                Et leo duis ut diam quam nulla porttitor.
              </li>
              <li>
                Et leo duis ut diam quam nulla porttitor.
              </li>
            </ul>
          </mj-text>
          <!-- Bullets -->
        </mj-column>
      </mj-section>

      <mj-section>
        <mj-column>
          <!-- Button CTA -->
          <mj-button href="https://kostimarko.design/" background-color="#29ade3" align="center" text-transform="uppercase" font-size="18px" line-height="27px" font-weight="700">Download Now</mj-button>
          <!-- Button CTA -->
        </mj-column>
      </mj-section>
    </mj-wrapper>
    <!-- START FOOTER -->
    <mj-wrapper background-color="#29ade3">
      <mj-section>
        <mj-column>
          <mj-image padding-left="0px" padding-right="0px" padding-top="0px" padding-bottom="10px" align="center" width="100px" src="https://matamatalonglands.co.nz/wp-content/uploads/sites/5/2016/12/placeholder-logo-300x150.png" />
        </mj-column>
      </mj-section>
    </mj-wrapper>
    <!-- END FOOTER -->

  </mj-body>
</mjml>