Modal Example

example.modal.html

<div id="baseModal" class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1"
aria-labelledby="staticBackdropLabel" aria-hidden="true">
   <div class="modal-dialog">
        <div class="modal-content rounded-4" style="background-color: black;">
            <div class="modal-body p-4">
                <div class="row">
                    <div class="col-3">
                        <div class="card-body d-flex align-items-center justify-content-between">
                            <img src="/static/img/B_F_icon.png">
                        </div>
                    </div>
                    <div class="col-8">
                        <div class="card-body d-flex flex-column justify-content-center mb-2">
                            <h4 class="card-title" style="color: aliceblue;">OH NO WE'RE SORRY, </h4>
                            <p class="mt-3" text-center="" style="color: aliceblue;">The Specification Sheet for <strong>SMI DT NTC + 3395 HOT-MELT PERM</strong> is not currently available online.<br><br>Please contact your B&amp;F Sales Representative and they will be able to help, click the button below.</p>
                        </div>
                        <button type="button" class="btn btn-default" style="color: black; background-color: rgb(173, 181, 189);">Contact Us </button>
                    </div>
                    <div class="col-1">
                        <button type="button" class="close rounded-8" data-bs-dismiss="modal" aria-label="Close" aria-hidden="true" style="position: absolute; right: 10px; top: 5px; font-size: small; border-radius: 16px;"> x </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>