flayks/housesof-newsletters
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update 1

Browse Source
This commit is contained in:
Félix Péault
2020-06-02 22:40:17 +02:00
parent 0c3de96530
commit f12202e7ec
8 changed files with 486 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
update-1/housesof-newsletter-update-1.mjml Normal file
View File

@@ -0,0 +1,129 @@
<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="#9D729C" 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" color="#333" line-height="32px" />
<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>
.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="" />
</mj-column>
</mj-section>
<!-- Informations -->
<mj-section padding="96px 24px 32px">
<mj-column>
<mj-text align="left" mj-class="intro-text">
Houses Of – Update #1
</mj-text>
</mj-column>
<mj-column>
<mj-text align="right" mj-class="intro-text">
June 2<sup>nd</sup>, 2020
</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 Location(s) -->
<mj-text mj-class="title" >
New Location!
</mj-text>
<mj-image src="https://static.housesof.world/emails/update-1/location-sete.png" alt="" width="480px" padding="0 24px" />
<mj-text mj-class="text" padding-top="32px" padding-bottom="32px">
Post-lockdown in France means opportunities to capture new locations! Our latest exploration to Sète, a Mediterranean city of South of France.
</mj-text>
<mj-button mj-class="button" href="https://housesof.world/location/france/sete?ref=newsletter">
Discover Sète homes
</mj-button>
<!-- Divider -->
<mj-divider />
<!-- New Photos -->
<mj-text mj-class="title">
New Photos!
</mj-text>
<mj-image src="https://static.housesof.world/emails/update-1/photos.jpg" alt="" padding="0 16px" />
<mj-text mj-class="subtitle" padding-top="32px">
Montpellier and Brisbane
</mj-text>
<mj-text mj-class="text" padding-top="32px" padding-bottom="32px">
Additional photos have been added to these locations &nbsp;&nbsp;👀
</mj-text>
<mj-button mj-class="button" href="https://housesof.world/location/france/montpellier?ref=newsletter">
Discover Montpellier photos
</mj-button>
<mj-button mj-class="button" href="https://housesof.world/location/australia/brisbane?ref=newsletter">
Discover Brisbane photos
</mj-button>
</mj-column>
</mj-section>
</mj-wrapper>
<!-- Footer -->
<mj-wrapper padding="13% 0 6%">
<mj-section>
<mj-column>
<mj-text mj-class="footer-text" padding="0 0 16px">
&copy; Houses Of – 2020
</mj-text>
<mj-text mj-class="footer-text" padding="16px 0 12px">
A project by
</mj-text>
<mj-image src="https://static.housesof.world/emails/logo-cetrucflotte.png" alt="Cetrucflotte logo" href="https://cetrucflotte.com" align="center" width="140px" />
<!-- Links -->
<mj-text mj-class="footer-info" padding-top="48px">
<a href="/" class="footer-link">Manage subscribe preferences</a>
</mj-text>
<mj-text mj-class="footer-info">
<a href="/" class="footer-link">Unsubscribe</a>
</mj-text>
<mj-text mj-class="footer-info">
See this email as a <a href="/" class="footer-link">web page</a>.
</mj-text>
</mj-column>
</mj-section>
</mj-wrapper>
</mj-body>
</mjml>