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">iusto omnis non et</h2>
        <p class="cta__text">Et explicabo totam quidem dolores repudiandae excepturi beatae. Tempore et facere. Dignissimos rem odit et minima ipsum quidem. Quae laborum voluptatibus nobis inventore esse non. Dolores rerum eum qui eum voluptatibus.</p>

        <hr />

        <div class="managed-by managed-by--manager">
            <div class="managed-by__avatar">
                <img src="https://s3.amazonaws.com/uifaces/faces/twitter/javorszky/128.jpg" alt="Mrs. Kirsten Rowe" title="" />
            </div>
            <div class="managed-by__manager">
                <h3 class="managed-by__title">Regional Managers</h3>
                <p class="managed-by__contact">Mrs. Kirsten Rowe</p>
                <p class="managed-by__contact"><a href="tel:(486) 438-6615 x62264">(486) 438-6615 x62264</a></p>
            </div>
        </div>

        <hr />

        <p class="cta__text cta__text--extra">Unde asperiores dolore velit dolores. Ut facilis quod.</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>