<div class="logo-row grid   inverse">
    <div class="container-constrained-small logo-row__container">
        <div class="logo-row__heading  heading-3">
            Our Awards
        </div>
        <div class="logo-scroller">
            <img src="/placeholder.png" data-index="0" />
            <img src="/placeholder-2.png" data-index="1" />
            <img src="/placeholder-3.png" data-index="2" />
            <img src="/placeholder-4.png" data-index="3" />

            <img src="/placeholder.png" data-index="0" />
            <img src="/placeholder-2.png" data-index="1" />
            <img src="/placeholder-3.png" data-index="2" />
            <img src="/placeholder-4.png" data-index="3" />

            <img src="/placeholder.png" data-index="0" />
            <img src="/placeholder-2.png" data-index="1" />
            <img src="/placeholder-3.png" data-index="2" />
            <img src="/placeholder-4.png" data-index="3" />

            <img src="/placeholder-2.png" data-index="0" />
            <img src="/placeholder.png" data-index="1" />

        </div>
        <div class="logo-scroller-mobile">

            <div class="logo-scroller-mobile__slide">

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder.png" title="test title 1" data-index="0" />
                </div>

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder-2.png" title="test title 2" data-index="1" />
                </div>

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder-3.png" title="test title 3" data-index="2" />
                </div>

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder-4.png" title="test title 1" data-index="3" />
                </div>

            </div>

            <div class="logo-scroller-mobile__slide">

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder.png" title="test title 1" data-index="0" />
                </div>

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder-2.png" title="test title 2" data-index="1" />
                </div>

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder-3.png" title="test title 3" data-index="2" />
                </div>

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder-4.png" title="test title 1" data-index="3" />
                </div>

            </div>

            <div class="logo-scroller-mobile__slide">

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder.png" title="test title 1" data-index="0" />
                </div>

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder-2.png" title="test title 2" data-index="1" />
                </div>

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder-3.png" title="test title 3" data-index="2" />
                </div>

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder-4.png" title="test title 1" data-index="3" />
                </div>

            </div>

            <div class="logo-scroller-mobile__slide">

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder-2.png" title="test title 2" data-index="0" />
                </div>

                <div class="logo-scroller-mobile__slide-container">
                    <img src="/placeholder.png" title="test title 3" data-index="1" />
                </div>

            </div>

        </div>
        <div class="logo-grid">
            <div class="logo-grid__wrapper">
                <img src="/placeholder.png" data-index="0" />
            </div>
            <div class="logo-grid__wrapper">
                <img src="/placeholder-2.png" data-index="1" />
            </div>
            <div class="logo-grid__wrapper">
                <img src="/placeholder-3.png" data-index="2" />
            </div>
            <div class="logo-grid__wrapper">
                <img src="/placeholder-4.png" data-index="3" />
            </div>

            <div class="logo-grid__wrapper">
                <img src="/placeholder.png" data-index="0" />
            </div>
            <div class="logo-grid__wrapper">
                <img src="/placeholder-2.png" data-index="1" />
            </div>
            <div class="logo-grid__wrapper">
                <img src="/placeholder-3.png" data-index="2" />
            </div>
            <div class="logo-grid__wrapper">
                <img src="/placeholder-4.png" data-index="3" />
            </div>

            <div class="logo-grid__wrapper">
                <img src="/placeholder.png" data-index="0" />
            </div>
            <div class="logo-grid__wrapper">
                <img src="/placeholder-2.png" data-index="1" />
            </div>
            <div class="logo-grid__wrapper">
                <img src="/placeholder-3.png" data-index="2" />
            </div>
            <div class="logo-grid__wrapper">
                <img src="/placeholder-4.png" data-index="3" />
            </div>

            <div class="logo-grid__wrapper">
                <img src="/placeholder-2.png" data-index="0" />
            </div>
            <div class="logo-grid__wrapper">
                <img src="/placeholder.png" data-index="1" />
            </div>

        </div>
        <div class="flex-row logo-row__cta-container">

            <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>

</div>
{{!< layouts}}

<div class="logo-row {{#if grid}}grid{{/if}} {{#if scroller}}scroller{{/if}}  {{#if inverse}}inverse{{/if}}">
    <div class="container-constrained-small logo-row__container">
        <div class="logo-row__heading  heading-3">
            Our Awards
        </div>
        <div class="logo-scroller">
            {{#each images}}
                {{#each this}}
                    <img src="{{url}}"  data-index="{{@index}}"/>
                {{/each}}
                
            {{/each}}
        </div>
        <div class="logo-scroller-mobile">
          
            {{#each images}}
              <div class="logo-scroller-mobile__slide">

                 {{#each this}}
                 <div class="logo-scroller-mobile__slide-container">
                            <img src="{{url}}" title="{{title}}" data-index="{{@index}}" />
                 </div>
                   
                {{/each}}
              
                </div>
               
            {{/each}}
        </div>
        <div class="logo-grid">
             {{#each images}}
                {{#each this}}
                <div class="logo-grid__wrapper">
                        <img src="{{url}}"  data-index="{{@index}}"/>
                </div>                   
                {{/each}}
                
            {{/each}}
        </div>
        <div class="flex-row logo-row__cta-container">
            {{> @tertiary-cta }}
        </div>
    </div>
   
</div>
{
  "title": "About us",
  "scroller": false,
  "images": [
    [
      {
        "url": "/placeholder.png",
        "title": "test title 1"
      },
      {
        "url": "/placeholder-2.png",
        "title": "test title 2"
      },
      {
        "url": "/placeholder-3.png",
        "title": "test title 3"
      },
      {
        "url": "/placeholder-4.png",
        "title": "test title 1"
      }
    ],
    [
      {
        "url": "/placeholder.png",
        "title": "test title 1"
      },
      {
        "url": "/placeholder-2.png",
        "title": "test title 2"
      },
      {
        "url": "/placeholder-3.png",
        "title": "test title 3"
      },
      {
        "url": "/placeholder-4.png",
        "title": "test title 1"
      }
    ],
    [
      {
        "url": "/placeholder.png",
        "title": "test title 1"
      },
      {
        "url": "/placeholder-2.png",
        "title": "test title 2"
      },
      {
        "url": "/placeholder-3.png",
        "title": "test title 3"
      },
      {
        "url": "/placeholder-4.png",
        "title": "test title 1"
      }
    ],
    [
      {
        "url": "/placeholder-2.png",
        "title": "test title 2"
      },
      {
        "url": "/placeholder.png",
        "title": "test title 3"
      }
    ]
  ],
  "grid": true,
  "inverse": true
}

No notes defined.