Skip to content

Instantly share code, notes, and snippets.

@Hasstrup

Hasstrup/index.mjml

Created March 3, 2022 10:26
Show Gist options
  • Save Hasstrup/8b1ea743b6587b90bb36eac7b15d041e to your computer and use it in GitHub Desktop.
Save Hasstrup/8b1ea743b6587b90bb36eac7b15d041e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.mjml
<?xml version="1.0" encoding="UTF-8"?>
<mjml>
<mj-head>
<mj-include path="../../shared/head.mjml" />
<mj-attributes>
<mj-class name="outer-border-empty-top" padding="0 1px 1px 1px" border-radius="6px" background-color="#E7E7ED" />
</mj-attributes>
</mj-head>
<mj-body background-color="#f2f2f6">
<mj-wrapper text-align="center" padding-top="0" padding-bottom="0">
<!-- header -->
<mj-section full-width="full-width" text-align="center" background-color="#1F4DEF">
<mj-column padding="0 20%">
<mj-image width="130px" alt="www.kyero.com" href="www.kyero.com" src="https://d2hhh2ewuz3i8z.cloudfront.net/width/300/https://s3.amazonaws.com/Kyero/mailers/logo_whitecol.png" />
<mj-text line-height="32px" font-weight="bold" align="center" color="white" font-size="24px">
New properties added matching your search
</mj-text>
</mj-column>
</mj-section>
<mj-section full-width="full-width" padding-bottom="60px" background-color="white" background-url="../../../../assets/images/wavy_bottom.png" background-size="100% 100%" background-repeat="no-repeat">
</mj-section>
</mj-wrapper>
<mj-wrapper background-color="white" padding-top="0">
<!-- Introduction -->
<mj-section>
<mj-column>
<mj-text font-weight="bold" font-size="20px">Hola Claire!!</mj-text>
<mj-text font-size="18px"> 12 new properties have just been added that match your search..</mj-text>
<mj-text font-weight="bold"> Villas for sale in Torrevieja, $200,000+, with 2-4 bedrooms, 2+ bathrooms, in the last 7 days.. </mj-text>
<mj-button href="https://www.kyero.com/en/alicante-province-property-for-sale-0l3?days_since_created=1&property_group_id=2&utm_source=PropertyAlert&utm_medium=email&utm_content=PropertySummaryBlock" mj-class="btn-tertiary rounded" font-size="16px" padding="10px 5% 10px 5%">
View all results on Kyero
</mj-button>
</mj-column>
</mj-section>
<!-- Properties list -->
<mj-section>
<mj-column width="100%" padding="0 2%" vertical-align="middle">
<mj-image mj-class="rounded" src="https://images.unsplash.com/photo-1645990195529-14aa9e7b7a6b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxOHx8fGVufDB8fHx8&auto=format&fit=crop&w=800&q=60" href="https://www.kyero.com/en/property/7581744-apartment-for-sale-villamartin" fluid-on-mobile="true" />
<mj-text padding="15px 10px 0 10px" font-size="18px" font-weight="bold">
€350,000
</mj-text>
<mj-text padding="10px" font-size="16px" font-weight="bold">
3 Bedroom villa in Torreireja
</mj-text>
<mj-text padding="0 10px">
3
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bed.jpg" />
2
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bath.jpg" />
3m²
</mj-text>
<mj-text padding="10px" font-size="14px" color="#626567">
<ul style="overflow: hidden; margin: 0; padding: 0;">
<li padding-left="10px" style="margin-right: 5px; display: inline;">
Pool
</li>
</ul>
</mj-text>
<mj-button href="__suggested_property_url__" mj-class="btn-primary" width="100%" padding="10px 5% 15px 5%">
View this property
</mj-button>
</mj-column>
<mj-column width="100%" padding="0 2%" vertical-align="middle">
<mj-image mj-class="rounded" src="https://images.unsplash.com/photo-1645990195529-14aa9e7b7a6b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxOHx8fGVufDB8fHx8&auto=format&fit=crop&w=800&q=60" href="https://www.kyero.com/en/property/7581744-apartment-for-sale-villamartin" fluid-on-mobile="true" />
<mj-text padding="15px 10px 0 10px" font-size="18px" font-weight="bold">
€350,000
</mj-text>
<mj-text padding="10px" font-size="16px" font-weight="bold">
3 Bedroom villa in Torreireja
</mj-text>
<mj-text padding="0 10px">
3
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bed.jpg" />
2
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bath.jpg" />
3m²
</mj-text>
<mj-text padding="10px" font-size="14px" color="#626567">
<ul style="overflow: hidden; margin: 0; padding: 0;">
<li padding-left="10px" style="margin-right: 5px; display: inline;">
Pool
</li>
</ul>
</mj-text>
<mj-button href="__suggested_property_url__" mj-class="btn-primary" width="100%" padding="10px 5% 15px 5%">
View this property
</mj-button>
</mj-column>
<mj-column width="100%" padding="0 2%" vertical-align="middle">
<mj-image mj-class="rounded" src="https://images.unsplash.com/photo-1645990195529-14aa9e7b7a6b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxOHx8fGVufDB8fHx8&auto=format&fit=crop&w=800&q=60" href="https://www.kyero.com/en/property/7581744-apartment-for-sale-villamartin" fluid-on-mobile="true" />
<mj-text padding="15px 10px 0 10px" font-size="18px" font-weight="bold">
€350,000
</mj-text>
<mj-text padding="10px" font-size="16px" font-weight="bold">
3 Bedroom villa in Torreireja
</mj-text>
<mj-text padding="0 10px">
3
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bed.jpg" />
2
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bath.jpg" />
3m²
</mj-text>
<mj-text padding="10px" font-size="14px" color="#626567">
<ul style="overflow: hidden; margin: 0; padding: 0;">
<li padding-left="10px" style="margin-right: 5px; display: inline;">
Pool
</li>
</ul>
</mj-text>
<mj-button href="__suggested_property_url__" mj-class="btn-primary" width="100%" padding="10px 5% 15px 5%">
View this property
</mj-button>
</mj-column>
<mj-column width="100%" padding="0 2%" vertical-align="middle">
<mj-image mj-class="rounded" src="https://images.unsplash.com/photo-1645990195529-14aa9e7b7a6b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxOHx8fGVufDB8fHx8&auto=format&fit=crop&w=800&q=60" href="https://www.kyero.com/en/property/7581744-apartment-for-sale-villamartin" fluid-on-mobile="true" />
<mj-text padding="15px 10px 0 10px" font-size="18px" font-weight="bold">
€350,000
</mj-text>
<mj-text padding="10px" font-size="16px" font-weight="bold">
3 Bedroom villa in Torreireja
</mj-text>
<mj-text padding="0 10px">
3
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bed.jpg" />
2
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bath.jpg" />
3m²
</mj-text>
<mj-text padding="10px" font-size="14px" color="#626567">
<ul style="overflow: hidden; margin: 0; padding: 0;">
<li padding-left="10px" style="margin-right: 5px; display: inline;">
Pool
</li>
</ul>
</mj-text>
<mj-button href="__suggested_property_url__" mj-class="btn-primary" width="100%" padding="10px 5% 15px 5%">
View this property
</mj-button>
</mj-column>
<mj-column width="46%" padding="0 2%" vertical-align="middle">
<mj-image mj-class="rounded" src="https://images.unsplash.com/photo-1645990195529-14aa9e7b7a6b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxOHx8fGVufDB8fHx8&auto=format&fit=crop&w=800&q=60" href="https://www.kyero.com/en/property/7581744-apartment-for-sale-villamartin" fluid-on-mobile="true" />
<mj-text padding="15px 10px 0 10px" font-size="18px" font-weight="bold">
€350,000
</mj-text>
<mj-text padding="10px" font-size="16px" font-weight="bold">
3 Bedroom villa in Torreireja
</mj-text>
<mj-text padding="0 10px">
3
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bed.jpg" />
2
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bath.jpg" />
3m²
</mj-text>
<mj-text padding="10px" font-size="14px" color="#626567">
<ul style="overflow: hidden; margin: 0; padding: 0;">
<li padding-left="10px" style="margin-right: 5px; display: inline;">
Pool
</li>
</ul>
</mj-text>
<mj-button href="__suggested_property_url__" mj-class="btn-primary" width="100%" padding="10px 5% 15px 5%">
View this property
</mj-button>
</mj-column>
<mj-column width="46%" padding="0 2%" vertical-align="middle">
<mj-image mj-class="rounded" src="https://images.unsplash.com/photo-1645990195529-14aa9e7b7a6b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxOHx8fGVufDB8fHx8&auto=format&fit=crop&w=800&q=60" href="https://www.kyero.com/en/property/7581744-apartment-for-sale-villamartin" fluid-on-mobile="true" />
<mj-text padding="15px 10px 0 10px" font-size="18px" font-weight="bold">
€350,000
</mj-text>
<mj-text padding="10px" font-size="16px" font-weight="bold">
3 Bedroom villa in Torreireja
</mj-text>
<mj-text padding="0 10px">
3
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bed.jpg" />
2
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bath.jpg" />
3m²
</mj-text>
<mj-text padding="10px" font-size="14px" color="#626567">
<ul style="overflow: hidden; margin: 0; padding: 0;">
<li padding-left="10px" style="margin-right: 5px; display: inline;">
Pool
</li>
</ul>
</mj-text>
<mj-button href="__suggested_property_url__" mj-class="btn-primary" width="100%" padding="10px 5% 15px 5%">
View this property
</mj-button>
</mj-column>
<mj-column width="46%" padding="0 2%" vertical-align="middle">
<mj-image mj-class="rounded" src="https://images.unsplash.com/photo-1645990195529-14aa9e7b7a6b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxOHx8fGVufDB8fHx8&auto=format&fit=crop&w=800&q=60" href="https://www.kyero.com/en/property/7581744-apartment-for-sale-villamartin" fluid-on-mobile="true" />
<mj-text padding="15px 10px 0 10px" font-size="18px" font-weight="bold">
€350,000
</mj-text>
<mj-text padding="10px" font-size="16px" font-weight="bold">
3 Bedroom villa in Torreireja
</mj-text>
<mj-text padding="0 10px">
3
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bed.jpg" />
2
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bath.jpg" />
3m²
</mj-text>
<mj-text padding="10px" font-size="14px" color="#626567">
<ul style="overflow: hidden; margin: 0; padding: 0;">
<li padding-left="10px" style="margin-right: 5px; display: inline;">
Pool
</li>
</ul>
</mj-text>
<mj-button href="__suggested_property_url__" mj-class="btn-primary" width="100%" padding="10px 5% 15px 5%">
View this property
</mj-button>
</mj-column>
<mj-column width="46%" padding="0 2%" vertical-align="middle">
<mj-image mj-class="rounded" src="https://images.unsplash.com/photo-1645990195529-14aa9e7b7a6b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxOHx8fGVufDB8fHx8&auto=format&fit=crop&w=800&q=60" href="https://www.kyero.com/en/property/7581744-apartment-for-sale-villamartin" fluid-on-mobile="true" />
<mj-text padding="15px 10px 0 10px" font-size="18px" font-weight="bold">
€350,000
</mj-text>
<mj-text padding="10px" font-size="16px" font-weight="bold">
3 Bedroom villa in Torreireja
</mj-text>
<mj-text padding="0 10px">
3
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bed.jpg" />
2
<img style="vertical-align: middle; margin-right: 5px" width="20px" height="20px" src="https://s3.amazonaws.com/Kyero/mailers/bath.jpg" />
3m²
</mj-text>
<mj-text padding="10px" font-size="14px" color="#626567">
<ul style="overflow: hidden; margin: 0; padding: 0;">
<li padding-left="10px" style="margin-right: 5px; display: inline;">
Pool
</li>
</ul>
</mj-text>
<mj-button href="__suggested_property_url__" mj-class="btn-primary" width="100%" padding="10px 5% 15px 5%">
View this property
</mj-button>
</mj-column>
</mj-section>
<mj-section padding="0 2%">
<mj-column>
<mj-text align="left" font-size="15px">
Are these properties not quite what you're looking for?
<span>
<a href="__new_search_url__" style="text-decoration:none; color:#1F4DEF"> Start a new search. </a>
</span>
</mj-text>
<mj-text font-size="16px" >
This is a <strong>weekly</strong> alert. You can control how often you receive these emails by
<span font-weight="bold" color="#de2f35">
<a style="text-decoration:none; color:#1F4DEF" href="https://www.kyero.com/en/alerts?utm_source=PropertyAlert&utm_medium=email&utm_content=EditAlerts">editing your alerts.</a>
</span>
</mj-text>
<!-- Kyero insignia -->
<mj-image src="https://d2hhh2ewuz3i8z.cloudfront.net/width/300/https://s3.amazonaws.com/Kyero/mailers/sign.jpg" width="100px" align="left" />
</mj-column>
</mj-section>
</mj-wrapper>
<mj-section>
<mj-column width="100%">
<mj-image padding="0" align="center" src="https://s3.amazonaws.com/Kyero/mailers/waves.png" title="separator" alt="separator" width="100px" />
<mj-text align="center">Follow Kyero here:</mj-text>
</mj-column>
<mj-column width="100%">
<mj-social mode="horizontal" font-size="15px" icon-size="35px" icon-padding="7px" border-radius="100px">
<mj-social-element name="facebook-noshare" href="http://facebook.com/kyero.co.uk" background-color="#1F4DEF" />
<mj-social-element name="twitter-noshare" href="http://twitter.com/kyero" background-color="#1F4DEF" />
<mj-social-element name="linkedin-noshare" href="https://www.linkedin.com/company/kyero-com/" background-color="#1F4DEF" />
<mj-social-element name="instagram-noshare" href="https://www.instagram.com/kyero_property/" background-color="#1F4DEF" />
<mj-social-element name="youtube-noshare" href="https://www.youtube.com/channel/UCmgKXDJ0fvVzMAAp4YlMYxA" background-color="#1F4DEF" />
<mj-social-element name="pinterest-noshare" href="https://www.pinterest.co.uk/kyeroproperty/" background-color="#1F4DEF" />
</mj-social>
</mj-column>
<mj-column width="100%">
<mj-text font-size="12px" padding="0px" align="center" color="gray">
If you'd prefer not to receive these emails, you can
<span>
<a href="Unsubscribe">Unsubscribe</a>
</span>
</mj-text>
<mj-text font-size="12px" padding="0px" align="center" color="gray">
Kyero.com - Portal 47 Ltd, 3 Edgar Buildings, George Street, Bath, BA1 2FJ. United Kingdom
</mj-text>
</mj-column>
</mj-section>
</mj-wrapper>
</mj-body>
</mjml>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment