Call to Action, Double

A simple imperative statement with two choice buttons.

On this page:

Best Practices

Use this when you’re ready to direct the reader to take an action, but that action must be a decision among two presented.

  • Do not present more than two choices.
  • This Call-to-Action, like the Call-to-Action Single, is not for navigation; it’s a persuasion item with two choices you present to the user.

Usage

Do This

This is smaller text which explains this block.

Button Text Button Text 
<div class="feature-cta-double">
  <div class="container">
    <div class="row align-items-end">
      <div class="col-md-6 col-lg-5">
        <h2 class="feature-big-text">Do This</h2>
        <p class="feature-small-text">This is smaller text which explains this block.</p>
      </div>
      <div class="col-md-6 offset-lg-1 text-center">
        <a href="#" class="btn btn-white">Button Text</a>
        <a href="#" class="btn btn-white">Button Text</a>
      </div>
    </div>
  </div>
</div>
Previous page
Next page