<div class="gallery-row inverse ">
<div class="container-constrained gallery-row__container">
<div class="gallery-row__gallery">
<div class="gallery-row__gallery-container">
<div class="gallery-carousel__lightbox-wrapper">
<a class="gallery-carousel__highlight-image-link" href="/placeholder.png" style="display:block" data-index="0" title="test title 1">
<div class="gallery-carousel__highlight-image" style="background-image:url(/placeholder.png)">
</div>
</a>
<a class="gallery-carousel__highlight-image-link" href="/placeholder-2.png" style="display:none" data-index="1" title="test title 2">
<div class="gallery-carousel__highlight-image" style="background-image:url(/placeholder-2.png)">
</div>
</a>
<a class="gallery-carousel__highlight-image-link" href="/placeholder.png" style="display:none" data-index="2" title="test title 3">
<div class="gallery-carousel__highlight-image" style="background-image:url(/placeholder.png)">
</div>
</a>
<a class="gallery-carousel__highlight-image-link" href="/placeholder.png" style="display:none" data-index="3" title="test title 1">
<div class="gallery-carousel__highlight-image" style="background-image:url(/placeholder.png)">
</div>
</a>
<a class="gallery-carousel__highlight-image-link" href="/placeholder-2.png" style="display:none" data-index="4" title="test title 2">
<div class="gallery-carousel__highlight-image" style="background-image:url(/placeholder-2.png)">
</div>
</a>
<a class="gallery-carousel__highlight-image-link" href="/placeholder.png" style="display:none" data-index="5" title="test title 3">
<div class="gallery-carousel__highlight-image" style="background-image:url(/placeholder.png)">
</div>
</a>
</div>
<div class="gallery-carousel__navigator">
<img src="/placeholder.png" data-index="0" />
<img src="/placeholder-2.png" data-index="1" />
<img src="/placeholder.png" data-index="2" />
<img src="/placeholder.png" data-index="3" />
<img src="/placeholder-2.png" data-index="4" />
<img src="/placeholder.png" data-index="5" />
</div>
</div>
</div>
<div class="gallery-row__text">
<div class="gallery-row__text-container">
<div>
<div class="gallery-row__title heading-2">About us</div>
<div class="gallery-row__copy paragraph">We’re an ambitious, innovative and aspirational company that aims to bring a radical, new approach to development by creating sustainable communities that understand and meet the needs of people.We’re an ambitious, innovative and aspirational company that aims to bring a radical, new approach to development by creating sustainable communities that understand and meet the needs of peopl</div>
</div>
<div>
<div class="secondary-cta">
<div class="secondary-cta__text">Find out more</div>
<div class="secondary-cta__arrow"><img src="/right-arrow.svg" /></div>
</div>
<div class="secondary-cta">
<div class="secondary-cta__text">Find out more</div>
<div class="secondary-cta__arrow"><img src="/right-arrow.svg" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
{{!< layouts}}
<div class="gallery-row {{#if inverse}}inverse{{/if}} {{#if flip}}flip{{/if}}">
<div class="container-constrained gallery-row__container">
<div class="gallery-row__gallery">
<div class="gallery-row__gallery-container">
<div class="gallery-carousel__lightbox-wrapper">
{{#each images}}
<a class="gallery-carousel__highlight-image-link" href="{{url}}" style="display:{{#if @first}}block{{else}}none{{/if}}" data-index="{{@index}}" title="{{title}}">
<div class="gallery-carousel__highlight-image" style="background-image:url({{url}})">
</div>
</a>
{{/each}}
</div>
<div class="gallery-carousel__navigator">
{{#each images}}
<img src="{{url}}" data-index="{{@index}}"/>
{{/each}}
</div>
</div>
</div>
<div class="gallery-row__text">
<div class="gallery-row__text-container">
<div>
<div class="gallery-row__title heading-2">{{title}}</div>
<div class="gallery-row__copy paragraph">{{copy}}</div>
</div>
<div>
{{> @secondary-cta }}
{{> @secondary-cta }}
</div>
</div>
</div>
</div>
</div>
{
"title": "About us",
"copy": "We’re an ambitious, innovative and aspirational company that aims to bring a radical, new approach to development by creating sustainable communities that understand and meet the needs of people.We’re an ambitious, innovative and aspirational company that aims to bring a radical, new approach to development by creating sustainable communities that understand and meet the needs of peopl",
"images": [
{
"url": "/placeholder.png",
"title": "test title 1"
},
{
"url": "/placeholder-2.png",
"title": "test title 2"
},
{
"url": "/placeholder.png",
"title": "test title 3"
},
{
"url": "/placeholder.png",
"title": "test title 1"
},
{
"url": "/placeholder-2.png",
"title": "test title 2"
},
{
"url": "/placeholder.png",
"title": "test title 3"
}
],
"inverse": true
}
No notes defined.