welcome.mjml

<mjml>
  <mj-body>
    <mj-container background-color="linear-gradient(to left, #2C3E50 , #FD746C)">

      <mj-section background-color="#2f68b4" padding-bottom="1" padding-top="2">
        <mj-column>
          <mj-image href="https://mjml.io" src="http://www.notification-emails.com/wp-content/themes/notification-emails/template_showcase/simpleapp//theme-1.png" alt="Racoon logo" align="center" padding-bottom="10" padding-top="5">
          </mj-image>
        </mj-column>
      </mj-section>

      <mj-section background-color="#fa8739" padding-bottom="0" padding-top="0">
        <mj-column width="300">
          <mj-text color="#fff" font-size="20">
            Welcome to our store!
          </mj-text>
        </mj-column>

      </mj-section>
      <mj-section background-color="#fa8739" padding-bottom="0" padding-top="0">
        <mj-column width="580">
          <mj-text color="#383d42" font-size="15" align="left">
            The next time you shop at us, you can save time at checkout by logging into your account. This will prefill your address information.
          </mj-text>
        </mj-column>

      </mj-section>
      <mj-section background-color="#fa8739" padding-bottom="0" padding-top="0">
        <mj-column width="500">
          <mj-button background-color="#fff" color="#fa8739" font-size="16px" align="center" padding="15px 30px" border-radius="3px" href="https://mjml.io" padding-left="25" padding-right="25" padding-bottom="10" padding-top="10">
            Shop the Bestsellers
          </mj-button>
        </mj-column>

      </mj-section>
      <mj-section background-color="#fa8739" padding-bottom="50" padding-top="50">
        <mj-column width="582.5">
          <mj-image src="http://notification-emails.com/wp-content/themes/notification-emails/template_showcase/simpleapp//image_580x320.jpg" alt="Clothes set" align="center" border="none" width="582.5" padding-left="0" padding-right="0" padding-bottom="0" padding-top="0">

          </mj-image>
        </mj-column>

      </mj-section>

      <mj-section background-color="#fa8739" padding-bottom="0" padding-top="0">
        <mj-column width="200">
          <mj-text color="#383d42" font-size="15">
            Return Policy
          </mj-text>
        </mj-column>

      </mj-section>
      <mj-section background-color="#fa8739" padding-bottom="0" padding-top="0">
        <mj-column width="580">
          <mj-text color="#383d42" font-size="15">
            You may exchange your item once within 90 days for a store credit towards the purchase of another item...
          </mj-text>
          <mj-button background-color="#fff" color="#fa8739" font-size="16px" align="center" padding="15px 30px" border-radius="3px" href="https://mjml.io" padding-left="0" padding-right="0" padding-bottom="0" padding-top="0">
            Details
          </mj-button>

        </mj-column>

      </mj-section>
      <mj-section background-color="#fa8739" padding-bottom="0" padding-top="0">
        <mj-column width="100%">
          <mj-divider border-width="2px" border-color="#616161" />
        </mj-column>

      </mj-section>
      <mj-section background-color="#fa8739" padding-bottom="0" padding-top="0">
        <mj-column>
          <mj-image src="http://notification-emails.com/wp-content/themes/notification-emails/template_showcase/simpleapp/theme-1.png" alt="Racoon logo" align="center" border="none" width="180" padding-left="0" padding-right="0" padding-bottom="10" padding-top="1">
          </mj-image>
        </mj-column>
        <mj-column>
          <mj-text align="center" color="#fff" font-size="13" padding-left="25" padding-right="25" padding-bottom="0" padding-top="3">
            <p><a href="https://mjml.io" style="text-decoration: none; color: inherit;">Privacy policy</a></p>
          </mj-text>
        </mj-column>
        <mj-column>
          <mj-social font-size="13" text-mode="false" facebook-href="[[SHORT_PERMALINK]]" twitter-href="[[SHORT_PERMALINK]]" google-href="[[SHORT_PERMALINK]]" mode="horizontal" display="facebook twitter google" padding-left="25" padding-right="25" padding-top="15">
          </mj-social>
        </mj-column>

    </mj-container>
  </mj-body>
</mjml>