<div class="nav">
<div class="nav__top-bar">
<img class="nav__logo" src="/ytl-logo.png" />
<div class="nav__buttons-container">
<div class="nav__hamburger-button">
<div class="nav__hamburger-open">
<img src="/hamburger.svg" />
Menu
</div>
<div class="nav__hamburger-close">
<img src="/close.svg" />
Close
</div>
</div>
<div class="nav__cta">Contact Us</div>
</div>
</div>
<div class="nav__expandable">
<div class="nav__primary-section">
<div class="nav__primary-container">
<div class="nav__home-button">Home</div>
<div class="nav__primary-item has-children" data-section-id="1">About us</div>
<div class="nav__primary-item has-children"> Our Projects</div>
<div class="nav__primary-item has-children">Work with Us</div>
<div class="nav__primary-item ">News</div>
<div class="nav__search-input">
<img src="/search.svg" />
<input type="text" placeholder="Search">
</div>
</div>
<div class="nav__cta-mobile">Contact Us</div>
</div>
<div class="nav__secondary-section">
<div class="nav__secondary-return"><img src="/left-arrow-white.svg" />
<div>Go Back</div>
<div class="nav__secondary-return-spacer"></div>
</div>
<div class="nav__secondary-container" data-section-id="1" style="display:none">
<div class="nav__secondary-item nav__secondary-title"><a href="/">About Us</a></div>
<div class="nav__secondary-item"><a href="/">Our Story</a></div>
<div class="nav__secondary-item"><a href="/">Our mission, vision & values</a></div>
<div class="nav__secondary-item"><a href="/">Our people</a></div>
<div class="nav__secondary-item"><a href="/">Diversity & inclusion</a></div>
<div class="nav__secondary-item"><a href="/">Our responsibilities (ESG)</a></div>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="search-page">
<div class="search-page__hero">
<div class="container-constrained">
<h5 class="heading-6">Showing search results for</h5>
<h2 class="heading-2 search-page__heading">Filton</h2>
</div>
</div>
<div class="container-constrained">
<div class="search-page__cards-container">
<div class="search-page__card-wrapper">
<a href="" class="search-result-card cta-parent">
<div class="search-result-card__content">
<div class="search-result-card__content-wrapper">
<div class="search-result-card__type date"></div>
<div class="search-result-card__title heading-3">[This is an example of a news article title]</div>
<div class="tertiary-cta">
<div class="tertiary-cta__text">Find out more</div>
<div class="tertiary-cta__arrow"><img src="/right-arrow.svg" /></div>
</div>
</div>
</div>
</a>
</div>
<div class="search-page__card-wrapper">
<a href="" class="search-result-card cta-parent">
<div class="search-result-card__content">
<div class="search-result-card__content-wrapper">
<div class="search-result-card__type date"></div>
<div class="search-result-card__title heading-3">[This is an example of a news article title]</div>
<div class="tertiary-cta">
<div class="tertiary-cta__text">Find out more</div>
<div class="tertiary-cta__arrow"><img src="/right-arrow.svg" /></div>
</div>
</div>
</div>
</a>
</div>
<div class="search-page__card-wrapper">
<a href="" class="search-result-card cta-parent">
<div class="search-result-card__content">
<div class="search-result-card__content-wrapper">
<div class="search-result-card__type date"></div>
<div class="search-result-card__title heading-3">[This is an example of a news article title]</div>
<div class="tertiary-cta">
<div class="tertiary-cta__text">Find out more</div>
<div class="tertiary-cta__arrow"><img src="/right-arrow.svg" /></div>
</div>
</div>
</div>
</a>
</div>
<div class="search-page__card-wrapper">
<a href="" class="search-result-card cta-parent">
<div class="search-result-card__content">
<div class="search-result-card__content-wrapper">
<div class="search-result-card__type date"></div>
<div class="search-result-card__title heading-3">[This is an example of a news article title]</div>
<div class="tertiary-cta">
<div class="tertiary-cta__text">Find out more</div>
<div class="tertiary-cta__arrow"><img src="/right-arrow.svg" /></div>
</div>
</div>
</div>
</a>
</div>
<div class="search-page__card-wrapper">
<a href="" class="search-result-card cta-parent">
<div class="search-result-card__content">
<div class="search-result-card__content-wrapper">
<div class="search-result-card__type date"></div>
<div class="search-result-card__title heading-3">[This is an example of a news article title]</div>
<div class="tertiary-cta">
<div class="tertiary-cta__text">Find out more</div>
<div class="tertiary-cta__arrow"><img src="/right-arrow.svg" /></div>
</div>
</div>
</div>
</a>
</div>
<div class="search-page__card-wrapper">
<a href="" class="search-result-card cta-parent">
<div class="search-result-card__content">
<div class="search-result-card__content-wrapper">
<div class="search-result-card__type date"></div>
<div class="search-result-card__title heading-3">[This is an example of a news article title]</div>
<div class="tertiary-cta">
<div class="tertiary-cta__text">Find out more</div>
<div class="tertiary-cta__arrow"><img src="/right-arrow.svg" /></div>
</div>
</div>
</div>
</a>
</div>
<div class="search-page__card-wrapper">
<a href="" class="search-result-card cta-parent">
<div class="search-result-card__content">
<div class="search-result-card__content-wrapper">
<div class="search-result-card__type date"></div>
<div class="search-result-card__title heading-3">[This is an example of a news article title]</div>
<div class="tertiary-cta">
<div class="tertiary-cta__text">Find out more</div>
<div class="tertiary-cta__arrow"><img src="/right-arrow.svg" /></div>
</div>
</div>
</div>
</a>
</div>
<div class="search-page__card-wrapper">
<a href="" class="search-result-card cta-parent">
<div class="search-result-card__content">
<div class="search-result-card__content-wrapper">
<div class="search-result-card__type date"></div>
<div class="search-result-card__title heading-3">[This is an example of a news article title]</div>
<div class="tertiary-cta">
<div class="tertiary-cta__text">Find out more</div>
<div class="tertiary-cta__arrow"><img src="/right-arrow.svg" /></div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="search-page__cta-container flex-center ">
<div class="primary-cta ">
<div class="primary-cta__inner-container">
<div class="primary-cta__arrow-left"></div>
<div class="primary-cta__text">Find out more</div>
</div>
<div class="primary-cta__arrow-right"></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer__container container-constrained">
<div class="footer__container-top">
<div class="footer__top-logo">
<img src="/ytl-logo.png" />
</div>
<div class="footer__primary">
</div>
</div>
<div class="footer__container-bottom">
</div>
</div>
</div>
{{!< layouts}}
{{>@nav }}
<div class="page-content">
<div class="search-page">
<div class="search-page__hero">
<div class="container-constrained">
<h5 class="heading-6">Showing search results for</h5>
<h2 class="heading-2 search-page__heading">Filton</h2>
</div>
</div>
<div class="container-constrained">
<div class="search-page__cards-container">
{{#each cards}}
<div class="search-page__card-wrapper">
{{> @search-result-card }}
</div>
{{/each}}
</div>
<div class="search-page__cta-container flex-center ">
{{> @primary-cta }}
</div>
</div>
</div>
</div>
{{>@footer }}
{
"subheading": "Welcome to YTL Developments",
"heading": "Award winning property developers",
"cards": [
{
"date": "Xth July 2023",
"title": "[This is an example of a news article title]",
"description": "Inspired by an icon of engineering, Brabazon is a place that changes everything: a thriving new neighbourhood for Bristol and the most exciting new cit"
},
{
"date": "Xth July 2023",
"title": "[This is an example of a news article title]",
"description": ""
},
{
"date": "Xth July 2023",
"title": "[This is an example of a news article title]",
"description": "Inspired by an icon of engineering, Brabazon is a place that changes everything: a thriving new neighbourhood for Bristol and the most exciting new cit"
},
{
"date": "Xth July 2023",
"title": "[This is an example of a news article title]",
"description": "Inspired by an icon of engineering, Brabazon is a place that changes everything: a thriving new neighbourhood for Bristol and the most exciting new cit"
},
{
"date": "Xth July 2023",
"title": "[This is an example of a news article title]",
"description": ""
},
{
"date": "Xth July 2023",
"title": "[This is an example of a news article title]",
"description": "Inspired by an icon of engineering, Brabazon is a place that changes everything: a thriving new neighbourhood for Bristol and the most exciting new cit"
},
{
"date": "Xth July 2023",
"title": "[This is an example of a news article title]",
"description": "Inspired by an icon of engineering, Brabazon is a place that changes everything: a thriving new neighbourhood for Bristol and the most exciting new cit"
},
{
"date": "Xth July 2023",
"title": "[This is an example of a news article title]",
"description": ""
}
]
}
No notes defined.