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>