147 lines
6.7 KiB
XML
147 lines
6.7 KiB
XML
<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 #4
|
||
</mj-text>
|
||
</mj-column>
|
||
<mj-column>
|
||
<mj-text align="right" mj-class="intro-text">
|
||
September 29<sup>th</sup>, 2022
|
||
</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>
|
||
<!-- New Photos -->
|
||
<mj-text mj-class="title" padding-bottom="24px">
|
||
Houses Of is back!
|
||
</mj-text>
|
||
|
||
<mj-text mj-class="text" padding-bottom="32px">
|
||
We’re proud to announce the long awaited relaunch of Houses Of ✨
|
||
</mj-text>
|
||
<mj-image src="https://static.housesof.world/emails/update-4/collage.jpg" alt="Photo collage" href="https://housesof.world/?ref=how-newsletter-4" />
|
||
|
||
<mj-text mj-class="text-left" padding-top="32px" padding-bottom="40px">
|
||
After a long process of rebuilding and expanding we’re so excited to share this with you.<br><br>
|
||
Here’s some things to discover on our new site:
|
||
</mj-text>
|
||
|
||
<mj-image src="https://static.housesof.world/emails/update-4/screenshot1.jpg" alt="Interactive globe screenshot" href="https://housesof.world/locations?ref=how-newsletter-4" border-radius="8px" padding="0 10%" />
|
||
<mj-text mj-class="text-left" padding-top="24px" padding-bottom="48px">
|
||
Four <a href="https://housesof.world/locations?ref=how-newsletter-4" class="link">new locations</a> to explore - Amsterdam, Toulouse, Bordeaux and Tbilisi
|
||
</mj-text>
|
||
|
||
<mj-image src="https://static.housesof.world/emails/update-4/screenshot2.jpg" alt="Shop page screenshot" href="https://housesof.world/shop?ref=how-newsletter-4" border-radius="8px" padding="0 10%" />
|
||
<mj-text mj-class="text-left" padding-top="24px" padding-bottom="48px">
|
||
A <a href="https://housesof.world/shop?ref=how-newsletter-4" class="link">shop</a> selling our original graphic posters - Montpellier, Occitanie, Brisbane and Melbourne
|
||
</mj-text>
|
||
|
||
<mj-image src="https://static.housesof.world/emails/update-4/screenshot3.jpg" alt="Photos page screenshot" href="https://housesof.world/photos?ref=how-newsletter-4" border-radius="8px" padding="0 10%" />
|
||
<mj-text mj-class="text-left" padding-top="24px" padding-bottom="10%">
|
||
A <a href="https://housesof.world/photos?ref=how-newsletter-4" class="link">photo grid</a> filtering through our entire collection
|
||
</mj-text>
|
||
|
||
<mj-image src="https://static.housesof.world/emails/update-4/screenshot4.jpg" alt="About page screenshot" href="https://housesof.world/about?ref=how-newsletter-4" border-radius="8px" padding="0 10%" />
|
||
<mj-text mj-class="text-left" padding-top="24px">
|
||
An <a href="https://housesof.world/about?ref=how-newsletter-4" class="link">about page</a> taking you through our journey and the making of the project
|
||
</mj-text>
|
||
|
||
<mj-text mj-class="text-left" padding-top="24px" padding-bottom="32px">
|
||
And lots of new and improved design and features throughout the site!
|
||
</mj-text>
|
||
|
||
<mj-button mj-class="button" href="https://housesof.world/?ref=how-newsletter-4">
|
||
Discover the new site
|
||
</mj-button>
|
||
|
||
<mj-text mj-class="text-left" padding-top="48px" padding-bottom="32px">
|
||
Stay tuned as there is much more planned to come, like new locations and new posters we hope you enjoy! 👀
|
||
</mj-text>
|
||
</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">
|
||
© Houses Of – 2022
|
||
<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> |