MOVU Components

Voucher: Example 

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-5 col-md-4 col-lg-4">
            <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>
    </div>
</div>
 
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-5 col-md-4 col-lg-4">
            {% render '@voucher' %}
        </div>
    </div>
</div>
 
{
  "custom_class": ""
}

No notes defined.