Woodlands.co.uk Component Library

Call To Action: Help

Call to Action

Block includes a title, text and button.

<div class="cta cta--help">
    <div class="cta__inner">
        <h2 class="cta__title">omnis harum est velit</h2>
        <p class="cta__text">Culpa numquam unde ab quo similique et voluptate. Optio et sunt in ipsam veniam quia exercitationem. Omnis aperiam nemo.</p>

        <hr />

        <div class="managed-by managed-by--manager">
            <div class="managed-by__avatar">
                <img src="https://s3.amazonaws.com/uifaces/faces/twitter/saschadroste/128.jpg" alt="Novella Gutmann" title="" />
            </div>
            <div class="managed-by__manager">
                <h3 class="managed-by__title">Regional Managers</h3>
                <p class="managed-by__contact">Novella Gutmann</p>
                <p class="managed-by__contact"><a href="tel:(926) 876-0068 x04587">(926) 876-0068 x04587</a></p>
            </div>
        </div>

        <hr />

        <p class="cta__text cta__text--extra">Qui debitis dolorum expedita dolores quis sed voluptates. Quo quia magnam adipisci.</p>

    </div>
</div>
 
<div class="{{modifier 'cta' cta.modifiers}}">
  <div class="cta__inner">
    <h2 class="cta__title">{{ cta.title }}</h2>
    <p class="cta__text">{{ cta.text }}</p>

    <hr />

    {{ render '@block--managed-by--manager' }}

    <hr />

    <p class="cta__text cta__text--extra">{{{ cta.extra }}}</p>

    {{#if cta.button}}
      {{ render '@button' cta.button merge=true }}
    {{/if}}
  </div>
</div>