<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="news-page">
<div class="news-page__hero ">
<div class="container-constrained">
<h1 class="heading-1 news-page__heading">
Latest News from YTL Developments
</h1>
</div>
</div>
<div class="container-constrained">
</div>
<div class="latest-news-row inverse ">
<select class="news-page__tag-dropdown">
<option selected>EXAMPLE TAB</option>
<option>EXAMPLE TAB</option>
<option>EXAMPLE TAB</option>
</select>
<div class="container-constrained">
<div class="news-page__tags">
<div class="article-tag paragraph active ">
article tag
</div>
<div class="article-tag paragraph ">
article tag
</div>
<div class="article-tag paragraph ">
article tag
</div>
<div class="article-tag paragraph ">
article tag
</div>
</div>
<div class="latest-news-row__cards-container news-page__cards-container">
<div class="latest-news-row__card-wrapper">
<div class="news-card cta-parent ">
<a class="news-card__link" href="/">
<div class="news-card__image image-container">
<img src="/placeholder.png" />
</div>
<div class="news-card__content">
<div class="news-card__content-wrapper">
<div>
<div class="news-card__date">Xth July 2023</div>
<div class="news-card__title heading-3">[This is an example of a news article title]</div>
<div class="news-card__description paragraph">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</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>
</a>
</div>
</div>
<div class="latest-news-row__card-wrapper">
<div class="news-card cta-parent ">
<a class="news-card__link" href="/">
<div class="news-card__image image-container">
<img src="/placeholder.png" />
</div>
<div class="news-card__content">
<div class="news-card__content-wrapper">
<div>
<div class="news-card__date">Xth July 2023</div>
<div class="news-card__title heading-3">[This is an example of a news article title]</div>
<div class="news-card__description paragraph">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</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>
</a>
</div>
</div>
<div class="latest-news-row__card-wrapper">
<div class="news-card cta-parent ">
<a class="news-card__link" href="/">
<div class="news-card__image image-container">
<img src="/placeholder.png" />
</div>
<div class="news-card__content">
<div class="news-card__content-wrapper">
<div>
<div class="news-card__date">Xth July 2023</div>
<div class="news-card__title heading-3">[This is an example of a news article title]</div>
<div class="news-card__description paragraph"></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>
</a>
</div>
</div>
<div class="latest-news-row__card-wrapper">
<div class="news-card cta-parent ">
<a class="news-card__link" href="/">
<div class="news-card__image image-container">
<img src="/placeholder.png" />
</div>
<div class="news-card__content">
<div class="news-card__content-wrapper">
<div>
<div class="news-card__date">Xth July 2023</div>
<div class="news-card__title heading-3">[This is an example of a news article title]</div>
<div class="news-card__description paragraph">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</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>
</a>
</div>
</div>
<div class="latest-news-row__card-wrapper">
<div class="news-card cta-parent ">
<a class="news-card__link" href="/">
<div class="news-card__image image-container">
<img src="/placeholder.png" />
</div>
<div class="news-card__content">
<div class="news-card__content-wrapper">
<div>
<div class="news-card__date">Xth July 2023</div>
<div class="news-card__title heading-3">[This is an example of a news article title]</div>
<div class="news-card__description paragraph">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</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>
</a>
</div>
</div>
<div class="latest-news-row__card-wrapper">
<div class="news-card cta-parent ">
<a class="news-card__link" href="/">
<div class="news-card__image image-container">
<img src="/placeholder.png" />
</div>
<div class="news-card__content">
<div class="news-card__content-wrapper">
<div>
<div class="news-card__date">Xth July 2023</div>
<div class="news-card__title heading-3">[This is an example of a news article title]</div>
<div class="news-card__description paragraph"></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>
</a>
</div>
</div>
<div class="latest-news-row__card-wrapper">
<div class="news-card cta-parent ">
<a class="news-card__link" href="/">
<div class="news-card__image image-container">
<img src="/placeholder.png" />
</div>
<div class="news-card__content">
<div class="news-card__content-wrapper">
<div>
<div class="news-card__date">Xth July 2023</div>
<div class="news-card__title heading-3">[This is an example of a news article title]</div>
<div class="news-card__description paragraph">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</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>
</a>
</div>
</div>
<div class="latest-news-row__card-wrapper">
<div class="news-card cta-parent ">
<a class="news-card__link" href="/">
<div class="news-card__image image-container">
<img src="/placeholder.png" />
</div>
<div class="news-card__content">
<div class="news-card__content-wrapper">
<div>
<div class="news-card__date">Xth July 2023</div>
<div class="news-card__title heading-3">[This is an example of a news article title]</div>
<div class="news-card__description paragraph">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</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>
</a>
</div>
</div>
<div class="latest-news-row__card-wrapper">
<div class="news-card cta-parent ">
<a class="news-card__link" href="/">
<div class="news-card__image image-container">
<img src="/placeholder.png" />
</div>
<div class="news-card__content">
<div class="news-card__content-wrapper">
<div>
<div class="news-card__date">Xth July 2023</div>
<div class="news-card__title heading-3">[This is an example of a news article title]</div>
<div class="news-card__description paragraph"></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>
</a>
</div>
</div>
</div>
<div class="latest-news-row__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>
<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="news-page">
<div class="news-page__hero ">
<div class="container-constrained">
<h1 class="heading-1 news-page__heading">
Latest News from YTL Developments
</h1>
</div>
</div>
<div class="container-constrained">
</div>
<div class="latest-news-row inverse ">
<select class="news-page__tag-dropdown">
<option selected>EXAMPLE TAB</option>
<option >EXAMPLE TAB</option>
<option >EXAMPLE TAB</option>
</select>
<div class="container-constrained">
<div class="news-page__tags">
{{>@article-tag title="article tag" isActive=true}}
{{>@article-tag title="article tag" }}
{{>@article-tag title="article tag" }}
{{>@article-tag title="article tag"}}
</div>
<div class="latest-news-row__cards-container news-page__cards-container">
{{#each cards}}
<div class="latest-news-row__card-wrapper">
{{> @news-card }}
</div>
{{/each}}
</div>
<div class="latest-news-row__cta-container flex-center ">
{{> @primary-cta }}
</div>
</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": "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.