fractal example

Default: Inverse 

<div class="news-card cta-parent inverse">
    <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 city.</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>
 
{{!< layouts}}

<div class="news-card cta-parent {{#if inverse}}inverse{{/if}}">
<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">{{date}}</div>
                <div class="news-card__title heading-3">{{title}}</div>
                <div class="news-card__description paragraph">{{description}}</div>
            </div>
       
         
             {{> @secondary-cta }}
        </div>
    </div>
</a>
  
</div>
 
{
  "title": "This is an example of a news article title",
  "date": "Xth July 2023",
  "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 city.",
  "inverse": true
}

No notes defined.