<mjml>
  <mj-head>
    <mj-attributes>
      <mj-text color="#122947"></mj-text>
      <mj-font name="Josefin Sans" href="https://fonts.googleapis.com/css?family=Josefin+Sans:700+400"></mj-font>
      <mj-all font-family="Josefin Sans,sans-serif,Arial" font-weight="700"></mj-all>
    </mj-attributes>
  </mj-head>
  <mj-body background-color="#daeaf2">
    <mj-section padding="25px" background-color="#fff">
      <mj-column padding="120px 15px" background-color="#daeaf2">
        <mj-image src="https://int3rnal01.s3.eu-west-2.amazonaws.com/emailtemplates/images/logo_1.png" width="200px" alt="logo"></mj-image>
        <mj-image src="https://res.cloudinary.com/kissassets/image/upload/v1556263763/1.png" width="300px" alt=""></mj-image>
        <mj-text font-size="48px" line-height="72px" text-transform="uppercase" padding="0px" align="center">Launch Offer £150 off on new arrivals</mj-text>
        <mj-button href="#!" background-color="#000">CHECKOUT COLLECTION</mj-button>
      </mj-column>
    </mj-section>
    <mj-section padding-bottom="0px" background-color="#fff">
      <mj-column padding-bottom="0px">
        <mj-text padding-bottom="0px" align="center">
          <h1 style="margin:0;font-weight:700;font-size:32px;">New Arrivals</h1>
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#fff">
      <mj-column>
        <mj-image padding-bottom="0px" padding-top="0px" src="https://res.cloudinary.com/kissassets/image/upload/v1556263763/1-5-680x920.jpg"></mj-image>
        <mj-text align="center" font-size="16px">
          <div>Wodeen Comfy Chair</div>
        </mj-text>
        <mj-button href="#!" background-color="#000">SEE OPTIONS</mj-button>
      </mj-column>
      <mj-column>
        <mj-image padding-bottom="0px" padding-top="0px" src="https://res.cloudinary.com/kissassets/image/upload/v1556263763/1-1-680x920.jpg"></mj-image>
        <mj-text align="center" font-size="16px">
          <div>Lean Bag Stool</div>
        </mj-text>
        <mj-button href="#!" background-color="#000">SEE OPTIONS</mj-button>
      </mj-column>
    </mj-section>
    <mj-section background-color="#fff" border-top="1px solid #f9f9f9">
      <mj-column>
        <mj-image src="https://res.cloudinary.com/kissassets/image/upload/v1556263763/2-13-680x920.jpg"></mj-image>
        <mj-text align="center" font-size="16px">
          <div>Japan Compartments</div>
        </mj-text>
        <mj-button href="#!" background-color="#000">SEE OPTIONS</mj-button>
      </mj-column>
      <mj-column>
        <mj-image src="https://res.cloudinary.com/kissassets/image/upload/v1556263763/2-3-680x920.jpg"></mj-image>
        <mj-text align="center" font-size="16px">
          <div>Super Assit Trolly</div>
        </mj-text>
        <mj-button href="#!" background-color="#000">SEE OPTIONS</mj-button>
      </mj-column>
    </mj-section>
    <mj-section background-color="#f9f9f9" border-top="2px solid #000">
      <mj-group>
        <mj-column>
          <mj-image alt="facebook" href="#!" padding="0px" width="40px" src="https://res.cloudinary.com/kissassets/image/upload/v1556194595/facebook.png"></mj-image>
        </mj-column>
        <mj-column>
          <mj-image alt="instagram" href="#!" padding="0px" width="40px" src="https://res.cloudinary.com/kissassets/image/upload/v1556194595/instagram.png"></mj-image>
        </mj-column>
        <mj-column>
          <mj-image alt="twitter" href="#!" padding="0px" width="40px" src="https://res.cloudinary.com/kissassets/image/upload/v1556194595/twitter.png"></mj-image>
        </mj-column>
        <mj-column>
          <mj-image alt="snapchat" href="#!" padding="0px" width="40px" src="https://res.cloudinary.com/kissassets/image/upload/v1556260601/snapchat_2.png"></mj-image>
        </mj-column>
        <mj-column>
          <mj-image alt="pinterest" href="#!" padding="0px" width="40px" src="https://res.cloudinary.com/kissassets/image/upload/v1556263221/pinterest.png"></mj-image>
        </mj-column>
        <mj-column>
          <mj-image alt="youtube" href="#!" padding="0px" width="40px" src="https://res.cloudinary.com/kissassets/image/upload/v1556263258/youtube_1.png"></mj-image>
        </mj-column>
      </mj-group>
    </mj-section>
    <mj-section background-color="#f9f9f9">
      <mj-column>
        <mj-text mj-class="footer-text" align="center" padding="0 10px">
          <p style="Margin:0; padding-bottom:10px; font-size:10px; line-height:15px; Margin-bottom:10px; color:#111111;">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:#000000;text-decoration:underline;">here</a>
          </p>

          <p style="Margin:0; padding-bottom:10px; font-size:10px; line-height:15px; Margin-bottom:10px; color:#111111;">
            <span style="color:#111111 !important; text-decoration:none;">
              <strong>+44 1234 56 78</strong>
              <br /> 123 Baker Street, London
            </span>
            <br />
            <a href="#!" name="footer_privacy" style="color:#111111; text-decoration:underline;">
              <strong>Privacy Policy</strong>
            </a>&nbsp;&nbsp;|&nbsp;&nbsp;

            <a href="{webview_url}" style="text-decoration:underline; color:#111111;">View in Browser</a>
          </p>
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>