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">assumenda aut ut soluta</h2>
        <p class="cta__text">Voluptatem neque sed quam consectetur aspernatur eum facere. Dignissimos expedita quas et ea tempore soluta. Eaque perspiciatis enim iure quia officia maiores. Consequatur tempore est reiciendis rerum voluptas maiores.</p>

        <hr />

        <div class="managed-by managed-by--manager">
            <div class="managed-by__avatar">
                <img src="https://s3.amazonaws.com/uifaces/faces/twitter/weglov/128.jpg" alt="Mrs. Kacey Barton" title="" />
            </div>
            <div class="managed-by__manager">
                <h3 class="managed-by__title">Regional Managers</h3>
                <p class="managed-by__contact">Mrs. Kacey Barton</p>
                <p class="managed-by__contact"><a href="tel:475.513.6713 x5398">475.513.6713 x5398</a></p>
            </div>
        </div>

        <hr />

        <p class="cta__text cta__text--extra">Officia saepe nesciunt aliquam unde maiores ab ut dolores molestiae. Molestiae nobis harum reprehenderit.</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>