<button class="button-primary button-default button-default-size" onclick="this.blur();" data-toggle="modal" data-target="#exampleModalCenter"> Click me</button>
<!-- Modal -->
<div class=" movu-modal modal-dialog modal-dialog-centered modal" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-content">
        <div class="modal-header">
            <div class="around-close pull-right" class="close" data-dismiss="modal" aria-label="Close">
                <i class="material-icons pull-right">close</i>
            </div>
        </div>

        <div class="basic-feedback">
            <div class="row">
                <div class="col-xs-12">
                    <h2 class="modal-title">Thank you for your feedback!</h2>
                    <p>The companies of MOVU also offer regular cleaning services for your new home. Would you be interested?</p>
                </div>
                <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 no-padding">
                    <button class="button-primary button-default button-default-size" onclick="this.blur();"> more information</button>
                </div>
            </div>
        </div>

    </div>
</div>
<!-- Button trigger modal -->
{% extends "@modal-template" %}
{% block content %}
<div class="basic-feedback">
  <div class="row">
    <div class="col-xs-12">
      <h2 class="modal-title">Thank you for your feedback!</h2>
      <p>The companies of MOVU also offer regular cleaning services for your new home. Would you be interested?</p>
    </div>
    <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 no-padding">
      {% render "@button-primary", {buttonText: "more information"}, true %}
    </div>
  </div>
</div>
{% endblock %}
/* No context defined. */

No notes defined.