fractal example

Default: Two Cards 

<div class="full-cards-row  ">
    <div class="container-constrained">
        <div class="full-cards-row__heading center-text">
            <h2 class="heading-2">This is an example of a news article title</h2>
        </div>
        <div class="full-cards-row__cards-container  ">
            <div class="full-cards-row__card-wrapper ">

                <div class="full-card">
                    <a href="/">
                        <div class="full-card__image image-container">
                            <img src="/placeholder.png" />
                        </div>
                        <div class="full-card__content">
                            <div class="full-card__content-wrapper">
                                <div class="full-card__title heading-3">[This is an example of a news article title]</div>
                                <img src="/right-arrow-white.svg" />
                            </div>
                        </div>
                    </a>

                </div>
            </div>
            <div class="full-cards-row__card-wrapper ">

                <div class="full-card">
                    <a href="/">
                        <div class="full-card__image image-container">
                            <img src="/placeholder.png" />
                        </div>
                        <div class="full-card__content">
                            <div class="full-card__content-wrapper">
                                <div class="full-card__title heading-3">[This is an example of a news article title]</div>
                                <img src="/right-arrow-white.svg" />
                            </div>
                        </div>
                    </a>

                </div>
            </div>
        </div>

    </div>
</div>
 
{{!< layouts}}

<div class="full-cards-row  {{#if inverse}}inverse{{/if}}">
    <div class="container-constrained">
        <div class="full-cards-row__heading center-text">
            <h2 class="heading-2">{{title}}</h2>
        </div>
        <div class="full-cards-row__cards-container  ">
            {{#each cards}}
                <div class="full-cards-row__card-wrapper ">
                    {{> @full-card }}
                </div>           
            {{/each}}
        </div>
       
    </div>
</div>
 
{
  "title": "This is an example of a news article title",
  "cards": [
    {
      "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"
    },
    {
      "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"
    }
  ]
}

No notes defined.