MOVU Components

Cta Quiet: With Two Ctas 

<div class="movu-card-holder movu-information-card-with-cta movu-information-card-with-cta-with-2ctas">
    <div class="movu-card-block">
        <div class="movu-card-block-inner">
            <div class="title-wrapper">

                <h3 class="movu-card-title">Etiam vitae dolor eu felis</h3>

            </div>

            <section class="clearfix">

                <div class="info-holder">
                    <div class="profile-info">
                        <p>Nunc eu augue ullamcorper, ornare nibh maximus, dapibus leo. Vivamus quis ullamcorper nunc.</p>
                    </div>
                    <button class="button-flat button-default" onclick="this.blur();">Click me<i class="material-icons cta-icon">chevron_right</i></button>

                    <button class="button-flat button-default" onclick="this.blur();">Click me<i class="material-icons cta-icon">chevron_right</i></button>

                </div>

            </section>
        </div>
    </div>
</div>
 
{% extends "@card-with-heading" %}
{% block cardContent %}
  <div class="info-holder">
    <div class="profile-info">
      <p>{{ ctaCardText }}</p>
    </div>
    {% render '@cta-link-flat' %}
    {% if secondCTA %}
      {% render '@cta-link-flat' %}
    {% endif %}
  </div>
{% endblock %}
 
{
  "cardClass": "movu-information-card-with-cta movu-information-card-with-cta-with-2ctas",
  "cardTitle": "Etiam vitae dolor eu felis",
  "ctaCardText": "Nunc eu augue ullamcorper, ornare nibh maximus, dapibus leo. Vivamus quis ullamcorper nunc.",
  "titleBorderExists": false,
  "secondCTA": true
}

No notes defined.