Primary call to action

The single most important action for a user to take on the page.

<!-- Primary call to action -->
<div class="call-to-action text-center small-padding">
    <div class="row column">
        <div class="flex-wrapper">
            <div class="single-item">
                <p>Lorem ipsum dolor sit amet consectetur</p>
                <a href="http://www.bath.ac.uk" class="button" id="cta-bottom">Button text</a>
                <span class="cta-details">Related information text</span>
            </div>
        </div>
    </div>
</div>
  • Handle: @primary-call-to-action
  • Preview:
  • Filesystem Path: components/recipes/primary-call-to-action/primary-call-to-action.hbs