<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.