MOVU Components

Home Visit: Example 

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-7 col-md-6 col-lg-8">
            <div class="homevisit">
                <div class="homevisit-image hidden-lg"></div>
                <div class="col-xs-6 hidden-icon no-padding-right">
                    <div class="homevisit-image no-padding-right"></div>
                    <div class="col-xs-12 col-lg-10 button-footer no-padding-left no-padding-right">
                        <button class="button-secondary button-default">request homevisit</button>
                    </div>
                    <div class="col-xs-12 col-lg-10 movu-spacing-16-top" style="float: right">
                        <a href="#">More Information</a>

                    </div>
                </div>

                <div class="homevisit-headlines">
                    <p class="small-headline movu-spacing-0-bottom">Get comfortable</p>
                    <h2 class="big-headline movu-spacing-0-top-bottom">Get a free Home visit</h3>
                </div>

                <p class="movu-spacing-0-bottom text-description small">Choose your preferred company for a personal homevisit</p>

                <div class="col-xs-12 col-lg-6 movu-spacing-16-top-bottom no-padding-left">
                    <div class="success-icon"></div>
                    <div class="visithome-list">
                        <p class="movu-spacing-0-top-bottom homevisit-list-headline">Moving advice on site</p>
                        <p class="small movu-spacing-0-bottom">This service is free!</p>
                    </div>
                </div>

                <div class="col-xs-12 col-lg-6 no-padding-left no-padding-right">
                    <div class="success-icon"></div>
                    <div class="visithome-list">
                        <p class="movu-spacing-0-top-bottom homevisit-list-headline">Complete Inventory</p>
                        <p class="small movu-spacing-0-bottom">Complete and free listing of your inventory including creation of a
                            complete inventory PDF for your move.</p>
                    </div>
                </div>

                <div class="col-xs-12 hidden-button-footer no-padding-left no-padding-right movu-button-spacing">
                    <div class="button-footer">
                        <button class="button-secondary button-default">request homevisit</button>
                    </div>
                </div>

                <div class="hidden-button-footer">
                    <div class="col-xs-12 movu-spacing-16-top">
                        <a href="#">More Information</a>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-7 col-md-6 col-lg-8">
            {% render '@home-visit' %}
        </div>
    </div>
</div>
 
/* No context defined. */

No notes defined.