demo_popup.html

<link href="css/header_style.css" rel="stylesheet"/>
<link href="css/visa_style.css" rel="stylesheet"/>
<link href="css/paygate.css" rel="stylesheet"/>
<link href="css/slider.css" rel="stylesheet" type="text/css"/>
<link href="css/service_style.css" rel="stylesheet" type="text/css"/>

<button type="button" class="btn btn-primary em_btn_single" data-toggle="modal" data-target="#exampleModal">
    Thanh toán
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content" style="width: 87%; margin: 0 auto">
            <div class="modal-header">
                <div style="font-size: 16px; font-weight: 600; display: inline-block;" class="modal-title" id="exampleModalLabel">Thông
                    báo</div>
                <button type="button" class="close close_btn" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><img src="img/service/[email protected]" height="15.6px" width="15.6px"></span>
                </button>
            </div>
            <div class="modal-body">
                Quý khách đã giữ chỗ thành công<br />
                Mã vé điện tử là 12345<br />
                Hệ thống sẽ tự động hủy giữ chỗ nếu Quý khách<br />
                không thanh toán trước 12/05/2018 20:00
            </div>
            <div class="modal-footer vd_button_dialog">
                <button style="float: left;" type="button" class="em_btn_single gray_btn" data-dismiss="modal">Bỏ
                    qua</button>
                <button type="button" class="em_btn_single">Thanh toán</button>
            </div>
        </div>
    </div>
</div>