Footer Tout Dark 

<div data-module="footerTout" class="footer-tout footer-tout--dark footer-tout--tear">
    <div class="grid-container">
        <div class="footer-tout__inner grid-x">
            <div class="cell medium-offset-2 medium-4 footer-tout__image">
                <img src="/img/maps/footer-tout-map.svg" alt="map of Ireland">
            </div>
            <div class="cell footer-tout__content medium-6">
                <h2 class="footer-tout__title">Explore the Island of Ireland</h2>
                <p class="footer-tout__subtitle">From the Causeway Coast and the Wild Atlantic Way to the Sunny South East and the 11 cities in between..,</p>
                <div class="footer-tout__button">
                    <a href="#" class="button-p1 button-p1--with-icon  " role="button">Discover</a>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div data-module="footerTout" class="footer-tout footer-tout--dark footer-tout--tear">
    <div class="grid-container">
        <div class="footer-tout__inner grid-x">
            <div class="cell medium-offset-2 medium-4 footer-tout__image">
                <img src="/img/maps/footer-tout-map.svg" alt="map of Ireland">
            </div>
            <div class="cell footer-tout__content medium-6">
                <h2 class="footer-tout__title">{{{title}}}</h2>
                <p class="footer-tout__subtitle">{{{subtitle}}}</p>
                <div class="footer-tout__button">
                    {{> @cp-button-primary target=button.target url=button.url text=button.text modifier="with-icon" }}
                </div>
            </div>
        </div>
    </div>
</div>
 
{
  "title": "Explore the Island of Ireland",
  "subtitle": "From the Causeway Coast and the Wild Atlantic Way to the Sunny South East and the 11 cities in between..,",
  "button": {
    "text": "Discover",
    "url": "#"
  }
}

There are no notes for this item.