<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-box">
            <img class="icon" src="https://via.placeholder.com/64" alt="card with icon" />
            <div class="row">
                <div class="col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-1">
                    <h2 class="modal-title-feedback">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 text-center">
                    <button type="button" class="button-toggle" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="this.blur();">

                        First option
                    </button>

                    <button type="button" class="button-toggle" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="this.blur();">

                        Second option
                    </button>

                    <a href="#" class="movu-link">Please visit this link</a>
                </div>
            </div>
        </div>

    </div>
</div>
<!-- Button trigger modal -->
{% extends "@modal-template" %}
{% block content %}
<div class="basic-feedback-box">
  <img class="icon" src="https://via.placeholder.com/64" alt="card with icon" />
  <div class="row">
    <div class="col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-1">
      <h2 class="modal-title-feedback">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 text-center">
      {% render "@toggle-buttons", {buttonText: "First option"}, true %}
      {% render "@toggle-buttons", {buttonText: "Second option"}, true %}
      <a href="#" class="movu-link">Please visit this link</a>
    </div>
  </div>
</div>
{% endblock %}
/* No context defined. */

No notes defined.