<mjml>
  <mj-head>
    <mj-attributes>
      <mj-text padding="0" />
      <mj-font name="Work Sans" href="https://fonts.googleapis.com/css?family=Work+Sans:400,300,600" />
      <mj-all font-size="14px" line-height="26px" font-family="Work Sans,sans-serif,Arial" />
    </mj-attributes>
  </mj-head>
  <mj-body background-color="#eee">
    <mj-section text-align="center">
      <mj-column>
        <mj-text color="#222222" padding-top="10px" padding-bottom="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" alt="logo" />

      </mj-column>
    </mj-section>
    <mj-section padding="0" full-width="full-width">
      <mj-column background-color="#fff">
        <mj-text padding="15px" align="center">
          <h1 style="margin:0">Experience Living</h1>
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-hero mode="fixed-height" height="209px" background-width="600px" background-height="469px" background-url="https://images.unsplash.com/photo-1531904300735-5f40721f712f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1351&q=80" background-color="#2a3448" padding="100px 0px">
      <mj-text padding="20px" color="#ffffff" letter-spacing="4px" align="center" font-size="45px" line-height="45px" font-weight="900">
        GO TO SPACE
      </mj-text>
      <mj-button href="#" background-color="#fff" color="#161616" inner-padding="15px 30px" align="center">
        BOOK A VISIT
      </mj-button>
    </mj-hero>
    <mj-section padding="0" full-width="full-width">
      <mj-column background-color="#fff">
        <mj-text padding="15px" align="center">
          <h1 style="margin:0">Handpicked Properties for you</h1>
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0" full-width="full-width">
      <mj-column background-color="#fff">
        <mj-image href="#!" src="https://res.cloudinary.com/kissassets/image/upload/v1556265115/ad.png" alt="" />
        <mj-text padding-bottom="30px" align="center">
          3 Bed Living Apartment
        </mj-text>
      </mj-column>
      <mj-column background-color="#fff">
        <mj-image href="#!" src="https://res.cloudinary.com/kissassets/image/upload/v1556265196/asdsa.png" alt="" />
        <mj-text padding-bottom="30px" align="center">
          Luxury Villas
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0" full-width="full-width">
      <mj-column padding="30px" background-color="#f7f7f7">
        <mj-text align="center" padding-bottom="0px">
          <h1>Find a new home.</h1>
        </mj-text>
        <mj-text align="center">
          <p> Add a description of your services here. Cras mattis consectetur purus sit amet fermentum. Justo odio, dapibus ac </p>
        </mj-text>
        <mj-button href="#" inner-padding="15px 30px" align="center">
          Explore Places
        </mj-button>
      </mj-column>
    </mj-section>

    <mj-hero mode="fixed-height" height="350px" background-width="600px" background-height="469px" background-url="https://images.unsplash.com/flagged/photo-1550437083-fad3015595dd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80" background-color="#2a3448" padding="100px 0px">
      <mj-text padding="20px" color="#fff" letter-spacing="4px" align="center" font-size="45px" line-height="45px" font-weight="900">
        Indulge yourself
      </mj-text>
      <mj-button href="#" background-color="#fff" color="#161616" inner-padding="15px 30px" align="center">
        Book A Tour
      </mj-button>
    </mj-hero>
    <mj-section padding="0">
      <mj-column background-color="#fff">
        <mj-text mj-class="footer-text" align="center" padding="15px">
          <p style="Margin:0; padding-bottom:10px; font-size:10px; line-height:15px; Margin-bottom:10px; color:#111111; font-family:  Arial, Helvetica, sans-serif;">This email was sent to {contactfield=email} because you have opted in to receive communications from us.
          </p>
          <p style="Margin:0; padding-bottom:10px; font-size:10px; line-height:15px; Margin-bottom:10px; color:#111111; font-family: Arial, Helvetica, sans-serif;">*A free return label will be included with your order. This offer only applies to full price orders shipped within the United Kingdom and placed on
            <span class="apple-link-black">yousite.com</span>. Please note this offer does not apply to clearance product.
          </p>
          <p style="Margin:0; padding-bottom:10px; font-size:10px; line-height:15px; Margin-bottom:10px; color:#111111; font-family: Arial, Helvetica, sans-serif;">
            <span style="color:#111111 !important; text-decoration:none;">
              <strong>+44 1234 56 789</strong>
              <br /> 300, Baker Street, London
            </span>
            <br />
            <a href="#" style="color:#111111; text-decoration:underline;">
              <strong>Privacy Policy</strong>
            </a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="{unsubscribe_url}" style="text-decoration:underline; color:#111111;">
              <strong>Unsubscribe</strong>
            </a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="{webview_url}" style="text-decoration:underline; color:#111111;"><strong>View in Browser</strong></a>

          </p>
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>