MOVU Components

Voucher 

<div class="movu-voucher ">
    <div class="col-xs-12 col-sm-5 col-lg-4 icon no-padding-right no-padding-left"></div>
    <div class="col-xs-12 col-lg-8 content hidden-sm hidden-md no-padding-right no-padding-left">
        <h2 class="headline">MOVU vouchers &#38; offers</h2>
    </div>
    <div class="col-xs-12 col-sm-7 content visible-sm visible-md no-padding-right no-padding-left">
        <h3 class="movu-spacing-0-bottom">MOVU vouchers &#38; offers</h3>
    </div>
    <div class="col-xs-12 col-lg-8 content">
        <p class="small">Benefit from our vouchers and checklists.</p>
    </div>
    <div class="col-xs-12 col-lg-4 button-footer no-padding-right no-padding-left">
        <button class="button-flat button-default" onclick="this.blur();">start saving<i class="material-icons cta-icon">chevron_right</i></button>

    </div>
</div>
 
<div class="movu-voucher {{ custom_class }}">
    <div class="col-xs-12 col-sm-5 col-lg-4 icon no-padding-right no-padding-left"></div>
    <div class="col-xs-12 col-lg-8 content hidden-sm hidden-md no-padding-right no-padding-left">
        <h2 class="headline">MOVU vouchers &#38; offers</h2>
    </div>
    <div class="col-xs-12 col-sm-7 content visible-sm visible-md no-padding-right no-padding-left">
        <h3 class="movu-spacing-0-bottom">MOVU vouchers &#38; offers</h3>
    </div>
    <div class="col-xs-12 col-lg-8 content">
        <p class="small">Benefit from our vouchers and checklists.</p>
    </div>
    <div class="col-xs-12 col-lg-4 button-footer no-padding-right no-padding-left">
        {% render "@cta-link-flat", {ctaLinkText: "start saving"}, true %}
    </div>
</div>
 
{
  "custom_class": ""
}

No notes defined.