MOVU Components

Cta Quiet Example: With Two Ctas 

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-5 col-md-4">

            <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>

        </div>
    </div>
</div>
 
<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-5 col-md-4">
      {% if secondCTA %}
        {% render '@cta-quiet--with-two-ctas' %}
      {% else %}
        {% render '@cta-quiet' %}
      {% endif %}
    </div>
  </div>
</div>
 
{
  "titleBorderExists": false,
  "secondCTA": true
}

No notes defined.