modal

 <!-- Button to open Modal -->
 <button id="open-btn" class="btn btn-primary">
     Open Modal
 </button>
 <!-- Modal container -->
 <div class="modal-overlay flex-vt">
     <div class="modal-box w-50 flex-vt">
         <div class="modal-header flex-hz">
             <h4>Modal Header</h4>
             <i class="fa fa-times modal-close-btn"></i>
         </div>
         <div class="modal-content">
             <p class="modal-content-text">Lorem Ipsum is simply dummy text of the printing and
                 typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
                 since the 1500s, when an unknown printer took a galley of type and scrambled it to
                 make a type specimen book.</p>
         </div>
         <div class="modal-footer">
             <h4>Modal Footer</h4>
         </div>
     </div>
 </div>