Standard Tout: Left Aligned 

<div class="standard-tout standard-tout--left" data-module="standardTout">
    <div class="grid-container">
        <div class="grid-x">
            <div class="cell">
                <h2 class="standard-tout__title">Bustling streets filled with character</h2>
                <p class="standard-tout__subtitle">Galway’s food scene includes incredible cafés, bistros and fine-dining restaurants that are kicking the culinary ball right out of the park.</p>
                <a href="#" class="button-p1   " role="button">Travel around Ireland</a>
            </div>
        </div>
    </div>
</div>
 
<div class="standard-tout{{#if isLeftAligned}} standard-tout--left{{/if}}" data-module="standardTout">
    <div class="grid-container">
        <div class="grid-x">
            <div class="cell">
                <h2 class="standard-tout__title">{{title}}</h2>
                <p class="standard-tout__subtitle">{{subtitle}}</p>
                {{#if button}}
                {{> @cp-button-primary target=button.target url=button.url text=button.text }}
                {{/if}}
            </div>
        </div>
    </div>
</div>
 
{
  "isLeftAligned": true,
  "title": "Bustling streets filled with character",
  "subtitle": "Galway’s food scene includes incredible cafés, bistros and fine-dining restaurants that are kicking the culinary ball right out of the park.",
  "button": {
    "url": "#",
    "text": "Travel around Ireland"
  }
}

There are no notes for this item.