{# LIBRARIES #}
{{ attach_library('ui_patterns/cta.cta_lib') }}

<h2>CTA Plain</h2>

<div class="calltoaction">
  <div class="calltoaction-heading">{{ title }}</div>
  <a class="cta-link" href="{{ link_url }}">{{ link_title }}</a>
</div>

<h2>CTA Light/type1</h2>

<div class="calltoaction type1">
  <div class="calltoaction-heading">{{ title }}</div>
  <a class="cta-link" href="{{ link_url }}">{{ link_title }}</a>
</div>

<h2>CTA Dark/type2</h2>

<div class="calltoaction type2">
  <div class="calltoaction-heading">{{ title }}</div>
  <a class="cta-link" href="{{ link_url }}">{{ link_title }}</a>
</div>

<h2>Custom styles (module)</h2>

{% for i in 1..7 %}
  <div class="calltoaction custom{{ i }}">
    <div class="calltoaction-heading">{{ title }}</div>
    <a class="cta-link" href="{{ link_url }}">{{ link_title }}</a>
  </div>
{% endfor %}

