<mjml lang="en">
<mj-head>
  <!-- Font families -->
  <mj-font name="HOW-Sans" href="https://static.housesof.world/fonts/webfont-sans.css" />
  <mj-font name="HOW-Serif" href="https://static.housesof.world/fonts/webfont-serif.css" />

  <mj-attributes>
    <!-- Global attributes -->
    <mj-all font-family="HOW-Sans, Helvetica-Neue, Helvetica, Arial, sans-serif" />
    <mj-wrapper padding="0" background-color="#3C0576" />
    <mj-section padding="0" />
    <mj-text font-weight="300" padding="0" />
    <mj-image padding="0" />
    <mj-button font-weight="600" />
    <mj-divider border-color="#E6E6E6" border-width="2px" padding="13% 0" />
    <!-- Classes -->
    <mj-class name="intro-text" color="#C78FEC" font-size="16px" padding-bottom="0" />
    <mj-class name="title" align="center" padding="0 8% 10%" color="#FF6C89" font-size="32px" font-family="HOW-Serif, serif" font-weight="200" />
    <mj-class name="subtitle" align="center" font-size="16px" font-weight="600" color="#999" letter-spacing="1px" text-transform="uppercase" />
    <mj-class name="text" align="center" padding="0 10%" font-size="18px" line-height="150%" color="#333" />
    <mj-class name="text-left" align="left" padding="0 10%" font-size="18px" line-height="150%" color="#333" />
    <mj-class name="button" padding="16px 0 0" background-color="#FF6C89" color="#fff" height="48px" inner-padding="0 24px" border-radius="24px" font-size="18px" />
    <mj-class name="footer-text" color="#fff" font-size="16px" align="center" />
    <mj-class name="footer-info" color="#9D729D" font-size="14px" line-height="18px" align="center" padding="4px 0" />
  </mj-attributes>

  <!-- CSS classes (usually for links) -->
  <mj-style>
    .link {
      color: #333;
      text-decoration: underline;
    }
    .link:hover {
      color: #FF6C89;
    }
    .footer-link {
      color: #9D729D;
      text-decoration: underline;
    }
    .footer-link:hover {
      color: #C7AEC7;
    }
  </mj-style>
</mj-head>

<mj-body background-color="#2D0458">
  <!-- Header -->
  <mj-wrapper>
    <mj-section>
      <mj-column width="100%">
        <mj-image src="https://static.housesof.world/emails/title-houses.png" alt="Houses" href="https://housesof.world/locations?ref=how-newsletter" />
      </mj-column>
    </mj-section>

    <!-- Informations -->
    <mj-section padding="96px 24px 32px">
      <mj-column>
        <mj-text align="left" mj-class="intro-text">
          Houses Of – Update #6
        </mj-text>
      </mj-column>
      <mj-column>
        <mj-text align="right" mj-class="intro-text">
          August 6<sup>th</sup>, 2024
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-wrapper>

  <!-- Content -->
  <mj-wrapper padding="0 24px">
    <mj-section background-color="#fff" border-radius="6px" padding="13% 0">
      <mj-column>
        <mj-text mj-class="title" padding-bottom="24px">
          Two new locations!
        </mj-text>

        <mj-text mj-class="text" padding-bottom="32px">
          After some time away and beautiful trips, we’re back with two new locations in new countries.
        </mj-text>

        <mj-image src="https://static.housesof.world/emails/update-6/globe.png" alt="Globe with locations" href="https://housesof.world/locations?ref=how-newsletter-6" padding="0 10%" />

        <!-- Location -->
        <mj-text mj-class="subtitle" padding-top="48px" padding-bottom="32px">
          Porto, Portugal
        </mj-text>

        <mj-image src="https://static.housesof.world/emails/update-6/carousel-porto.jpg" alt="Photos of Porto, PT" href="https://housesof.world/portugal/porto?ref=how-newsletter-6" padding="0 10%" />

        <mj-text mj-class="text" padding-top="32px" padding-bottom="12px">
          Explore rich architecture with colorful azulejo tiles from this beautiful coastal city.
        </mj-text>
        <mj-button mj-class="button" href="https://housesof.world/portugal/porto?ref=how-newsletter-6">
          Discover Houses Of Porto
        </mj-button>

        <!-- Location -->
        <mj-text mj-class="subtitle" padding-top="56px" padding-bottom="32px">
          Nottingham, UK
        </mj-text>

        <mj-image src="https://static.housesof.world/emails/update-6/carousel-nottingham.jpg" alt="Photos of Nottingham, UK" href="https://housesof.world/united-kingdom/nottingham?ref=how-newsletter-6" padding="0 10%" />

        <mj-text mj-class="text" padding-top="32px" padding-bottom="12px">
          Travel to a medieval city with houses ranging from modest cottages to majestuous manors.
        </mj-text>
        <mj-button mj-class="button" href="https://housesof.world/united-kingdom/nottingham?ref=how-newsletter-6">
          Discover Houses Of Nottingham
        </mj-button>

        <!-- Divider -->
        <mj-divider />

        <!-- Posters -->
        <mj-image src="https://static.housesof.world/emails/update-6/poster-melbourne.jpg" alt="Poster of Melbourne, AU" href="https://housesof.world/united-kingdom/nottingham?ref=how-newsletter-6" padding="0 10%" border-radius="6px" />
        <mj-text mj-class="text" padding-top="48px" padding-bottom="24px">
          If you want to add some art in your home, our beautiful posters are still available to buy for €19 with free shipping! Available for Brisbane, Melbourne, Montpellier & Occitanie.
        </mj-text>

        <mj-button mj-class="button" href="https://housesof.world/shop?ref=how-newsletter-6">
          Shop Houses Of posters
        </mj-button>
      </mj-column>
    </mj-section>
  </mj-wrapper>

  <!-- Footer -->
  <mj-wrapper padding="10% 0 6%">
    <mj-section>
      <mj-column>
        <mj-text mj-class="footer-text" padding="0 0 24px">
          &copy; Houses Of – 2024
          <span style="display: none; opacity: 0; font-size: 0px; color: #3C0576;">{{SenderInfo}}</span>
        </mj-text>

        <!-- Links -->
        <mj-text mj-class="footer-info">
          <a href="{{UnsubscribeURL}}" class="footer-link">Unsubscribe</a>
        </mj-text>
        <mj-text mj-class="footer-info">
          See this email as a <a href="{{WebVersionURL}}" class="footer-link">web page</a>.
        </mj-text>
        <mj-text mj-class="footer-info">
          Powered by <a href="{{RewardsURL}}" class="footer-link">EmailOctopus</a>
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-wrapper>
</mj-body>
</mjml>