Footer Tout Light 

<div data-module="footerTout" class="footer-tout footer-tout--light">
    <div class="grid-container">
        <div class="footer-tout__inner grid-x grid-padding-x">
            <div class="cell medium-8 medium-offset-2">
                <div class="footer-tout__icon"><svg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 17'>
                        <path d='M7.111 4.431L3.556 8.196h23.11l-4.444-5.647h-4.444L16 4.43h-4.444L9.778.667H7.11V4.43zm27.556 5.647H0v6.588h28.444l6.223-6.588z' fill='#111317' />
                    </svg></div>
                <h2 class="footer-tout__title">When you arrive...</h2>
                <p class="footer-tout__subtitle">Travelling around the Island of Ireland is simple, navigate coast to coast in a matter of hours, or hop between major attractions via public transport.</p>
                <a href="#" class="button-p1   " role="button">Travel around Ireland</a>
            </div>
        </div>
    </div>
</div>
 
<div data-module="footerTout" class="footer-tout footer-tout--light{{#if hasCoastalTear}} footer-tout--tear{{/if}}">
    <div class="grid-container">
        <div class="footer-tout__inner grid-x grid-padding-x">
            <div class="cell medium-8 medium-offset-2">
                <div class="footer-tout__icon{{#if isTravel}} js-tout-icon{{/if}}">{{{icon}}}</div>
                <h2 class="footer-tout__title">{{{title}}}</h2>
                <p class="footer-tout__subtitle">{{{subtitle}}}</p>
                {{> @cp-button-primary button }}
            </div>
        </div>
    </div>
</div>
 
{
  "isTravel": false,
  "hasCoastalTear": false,
  "icon": "<svg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 17'><path d='M7.111 4.431L3.556 8.196h23.11l-4.444-5.647h-4.444L16 4.43h-4.444L9.778.667H7.11V4.43zm27.556 5.647H0v6.588h28.444l6.223-6.588z' fill='#111317'/></svg>",
  "title": "When you arrive...",
  "subtitle": "Travelling around the Island of Ireland is simple, navigate coast to coast in a matter of hours, or hop between major attractions via public transport.",
  "button": {
    "text": "Travel around Ireland",
    "url": "#"
  }
}

There are no notes for this item.