<link media="all" rel="stylesheet" href="/assets/themes/default/css/property-location-content.css?cb=">
<div class="property-location-content">
<div class="property-location-content__content-section">
<span class="property-location-content__section-title property-location-content__section-title--location">Camana Bay</span>
<h3 class="property-location-content__title">Located in a thriving town centre at the heart of Seven Mile Beach</h3>
<div class="property-location-content__text">
<p>Boasting close to one million square feet of sustainably designed Class-A commercial space, Camana Bay offers a dynamic mix of office, retail, residential, medical, educational and recreational facilities.</p>
<p> Camana Bay's exceptional business community is powered by the more than 2,700 people who choose to live, work and play here every day.</p>
</div>
<a href="#" class="property-location-content__cta">Discover Camana Bay</a>
<div class="property-location-content__images property-location-content__images--2-images">
<link media="all" rel="stylesheet" href="/assets/themes/default/css/image.css?cb=">
<div class="image ">
<picture>
<source media="(max-width: 840px)" type="image/jpeg" srcset="https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=85" />
<source media="(min-width: 841px)" type="image/jpeg" srcset="https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=85" />
<img src="" loading="lazy" alt="Image Alt Text">
</picture>
</div>
<div class="image ">
<picture>
<source media="(max-width: 840px)" type="image/jpeg" srcset="https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=85" />
<source media="(min-width: 841px)" type="image/jpeg" srcset="https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=85" />
<img src="" loading="lazy" alt="Image Alt Text">
</picture>
</div>
</div>
</div>
<div class="property-location-content__content-section">
<span class="property-location-content__section-title property-location-content__section-title--lifestyle">LIFESTYLE</span>
<h3 class="property-location-content__title">In a blissful locale</h3>
<div class="property-location-content__text">
<p>Attracted to the islands' political stability, easy proximity to the US and idyllic quality of life, he saw the opportunity to make their home and base their business. Twenty years on and many have followed, discovering Cayman's tropical charm and financial sophistication.</p>
<p> Safe, sophisticated and secure and just 90 minutes from Miami. The world's sixth largest financial centre enjoys year-round sunshine and a world-class infrastructure and has earned the reputation of being the easiest place in the world to do business.</p>
</div>
<a href="#" class="property-location-content__cta">Why cayman islands?</a>
<div class="property-location-content__images property-location-content__images--1-images">
<link media="all" rel="stylesheet" href="/assets/themes/default/css/image.css?cb=">
<div class="image ">
<picture>
<source media="(max-width: 840px)" type="image/jpeg" srcset="https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=85" />
<source media="(min-width: 841px)" type="image/jpeg" srcset="https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=85" />
<img src="" loading="lazy" alt="Image Alt Text">
</picture>
</div>
</div>
</div>
<div class="property-location-content__content-section">
<span class="property-location-content__section-title property-location-content__section-title--sustainability">Sustainability</span>
<h3 class="property-location-content__title">Located in a thriving town centre at the heart of Seven Mile Beach</h3>
<div class="property-location-content__text">
<p>Boasting close to one million square feet of sustainably designed Class-A commercial space, Camana Bay offers a dynamic mix of office, retail, residential, medical, educational and recreational facilities.</p>
<p> Camana Bay's exceptional business community is powered by the more than 2,700 people who choose to live, work and play here every day.</p>
</div>
<a href="#" class="property-location-content__cta">Discover Camana Bay</a>
<div class="property-location-content__images property-location-content__images--3-images">
<link media="all" rel="stylesheet" href="/assets/themes/default/css/image.css?cb=">
<div class="image ">
<picture>
<source media="(max-width: 840px)" type="image/jpeg" srcset="https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=85" />
<source media="(min-width: 841px)" type="image/jpeg" srcset="https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=85" />
<img src="" loading="lazy" alt="Image Alt Text">
</picture>
</div>
<div class="image ">
<picture>
<source media="(max-width: 840px)" type="image/jpeg" srcset="https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=85" />
<source media="(min-width: 841px)" type="image/jpeg" srcset="https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=85" />
<img src="" loading="lazy" alt="Image Alt Text">
</picture>
</div>
<div class="image ">
<picture>
<source media="(max-width: 840px)" type="image/jpeg" srcset="https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=85" />
<source media="(min-width: 841px)" type="image/jpeg" srcset="https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=85" />
<img src="" loading="lazy" alt="Image Alt Text">
</picture>
</div>
</div>
</div>
</div>
<link media="all" rel="stylesheet" href="/assets/themes/{{theme}}/css/property-location-content.css?cb={{cacheBuster}}">
<div class="property-location-content">
{{#each content}}
<div class="property-location-content__content-section">
<span class="property-location-content__section-title property-location-content__section-title--{{type}}">{{sectionTitle}}</span>
<h3 class="property-location-content__title">{{title}}</h3>
<div class="property-location-content__text">{{{text}}}</div>
{{#if cta}}
<a href="{{cta.url}}" class="property-location-content__cta">{{cta.text}}</a>
{{/if}}
{{#if images}}
<div class="property-location-content__images property-location-content__images--{{images.length}}-images">
{{#each images}}
{{> @image }}
{{/each}}
</div>
{{/if}}
</div>
{{/each}}
</div>
{
"theme": "default",
"firstInstance": true,
"content": [
{
"type": "location",
"sectionTitle": "Camana Bay",
"title": "Located in a thriving town centre at the heart of Seven Mile Beach",
"text": "<p>Boasting close to one million square feet of sustainably designed Class-A commercial space, Camana Bay offers a dynamic mix of office, retail, residential, medical, educational and recreational facilities.</p><p> Camana Bay's exceptional business community is powered by the more than 2,700 people who choose to live, work and play here every day.</p>",
"cta": {
"url": "#",
"text": "Discover Camana Bay"
},
"images": [
{
"firstInstance": true,
"theme": "default",
"altText": "Image Alt Text",
"placeholderImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=10",
"sources": [
{
"type": "image/jpeg",
"desktopImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=85",
"mobileImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=85"
}
]
},
{
"altText": "Image Alt Text",
"placeholderImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=10",
"sources": [
{
"type": "image/jpeg",
"desktopImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=85",
"mobileImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=85"
}
]
}
]
},
{
"type": "lifestyle",
"sectionTitle": "LIFESTYLE",
"title": "In a blissful locale",
"text": "<p>Attracted to the islands' political stability, easy proximity to the US and idyllic quality of life, he saw the opportunity to make their home and base their business. Twenty years on and many have followed, discovering Cayman's tropical charm and financial sophistication.</p><p> Safe, sophisticated and secure and just 90 minutes from Miami. The world's sixth largest financial centre enjoys year-round sunshine and a world-class infrastructure and has earned the reputation of being the easiest place in the world to do business.</p>",
"cta": {
"url": "#",
"text": "Why cayman islands?"
},
"images": [
{
"firstInstance": true,
"theme": "default",
"altText": "Image Alt Text",
"placeholderImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=10",
"sources": [
{
"type": "image/jpeg",
"desktopImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=85",
"mobileImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=85"
}
]
}
]
},
{
"type": "sustainability",
"sectionTitle": "Sustainability",
"title": "Located in a thriving town centre at the heart of Seven Mile Beach",
"text": "<p>Boasting close to one million square feet of sustainably designed Class-A commercial space, Camana Bay offers a dynamic mix of office, retail, residential, medical, educational and recreational facilities.</p><p> Camana Bay's exceptional business community is powered by the more than 2,700 people who choose to live, work and play here every day.</p>",
"cta": {
"url": "#",
"text": "Discover Camana Bay"
},
"images": [
{
"firstInstance": true,
"theme": "default",
"altText": "Image Alt Text",
"placeholderImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=10",
"sources": [
{
"type": "image/jpeg",
"desktopImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=85",
"mobileImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=85"
}
]
},
{
"altText": "Image Alt Text",
"placeholderImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=10",
"sources": [
{
"type": "image/jpeg",
"desktopImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=85",
"mobileImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=85"
}
]
},
{
"altText": "Image Alt Text",
"placeholderImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=10",
"sources": [
{
"type": "image/jpeg",
"desktopImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=85",
"mobileImageUrl": "https://images.unsplash.com/photo-1508284207389-641db4deeb2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=85"
}
]
}
]
}
]
}
@import 'source/scss/01-settings/_import';
@import 'source/scss/02-tools/_import';
.property-location-content {
@extend %spacer-large;
&__content-section {
@extend %spacer-medium;
}
&__section-title {
@extend %p--lead;
}
&__title {
@extend %heading03;
}
&__images {
display: flex;
// gap: rem(28);
.image {
img {
width: 100%;
}
}
&--1-images {
.image {
flex-basis: 100%;
width: 100%;
}
}
&--2-images,
&--3-images {
.image {
flex-basis: 50%;
width: 50%;
&:nth-child(4) {
flex-basis: 100%;
width: 100%;
}
}
}
&--3-images {
flex-wrap: wrap;
}
}
&__text {
@extend %spacer-medium;
p {
margin-bottom: rem(28);
}
}
&__cta {
@extend %spacer-medium;
display: block;
}
}
No notes defined.