fractal example

Example component 

<div class="banner-row default cta-invert">

    <div class="banner-row__container">
        <div class="banner-row__underlay"></div>
        <div class="banner-row__text">
            <div class="banner-row__text-container">
                <div class="banner-row__subheading heading-5">Welcome to YTL Developments</div>
                <div class="banner-row__heading heading-1">
                    <h1>Award winning property developers</h1>
                </div>
                <div class="banner-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.</div>
                <div class="banner-row__cta-container">

                    <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 class="banner-row__image image-container">
            <img src="/placeholder.png" />
        </div>
    </div>
</div>
 
{{!< layouts}}

<div class="banner-row {{#if callout}}callout{{else}}default{{/if}} cta-invert">

    <div class="banner-row__container">
          <div class="banner-row__underlay"></div>
        <div class="banner-row__text">
            <div class="banner-row__text-container">
                <div class="banner-row__subheading heading-5">{{subheading}}</div>
                <div class="banner-row__heading heading-1"><h1>{{heading}}</h1></div>
                <div class="banner-row__copy paragraph">{{copy}}</div>
                <div class="banner-row__cta-container">
                    {{> @primary-cta }}
                </div>
              
            </div>
        </div>
          <div class="banner-row__image image-container">
             <img src="/placeholder.png" />
        </div>
    </div>
</div>
 
{
  "subheading": "Welcome to YTL Developments",
  "heading": "Award winning property developers",
  "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."
}

No notes defined.