<!-- Modal -->
<div class="modal fade"
     id="survey-modal"
     tabindex="-1"
     role="dialog"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg"
         role="document">
        <div class="modal-content border-0">
            <div class="modal-header border-bottom-0">
                <h3 class="modal-title font-weight-light w-100 text-center"
                    id="exampleModalCenterTitle">
                    We Welcome your Feedback!
                </h3>
                <button type="button"
                        class="close"
                        data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body text-center">
                <p class="lead">Help us improve your experience by taking a short survey!</p>
                <p>
                    Click the Give Feedback button to continue.
                </p>
            </div>
            <div class="modal-footer border-top-0 bg-gray rounded-bottom d-flex">
                <button type="button"
                        class="btn btn-secondary mr-auto"
                        data-dismiss="modal">
                    Don't show this again
                </button>

                <a id="give-feedback-btn"
                   href="https://goo.gl/forms/mbR1pAV6Sba3cgap1"
                   target="_blank"
                   class="btn btn-primary ml-auto">
                    Give Feedback!
                </a>
            </div>
        </div>
    </div>
</div>

<a href="#" class="font-weight-light" id="open-survey-modal">
    Give Feedback!
</a>
