Modals

Modals (Popup)

This is the modals in this Framework (Popup Window). the base class is the jk-modal

Modal with Close Button

<button class="jkbtn jkbtn-blue modal-open" data-modal="modal1">Modal</button>
<div class="modal" id="modal1">
    <div class="modal-content">
         <div class="modal-header">
             JK Modal 1
             <button class="close-btn">✕</button>
         </div>
         <div class="modal-body">
             This is Body of The Modal
         </div>
         <div class="modal-footer">
             <button class="jkbtn jkbtn-blue">links</button>
         </div>
    </div>
</div>

Multiple Modals in Same Page

In JKCSS you can use more then 2 modals in same page

<div class="modal"id="modal1">
     ...
</div>

<div class="modal"id="modal2">
     ...
</div>

<div class="modal"id="modal3">
     ...
</div>

<div class="modal"id="modal4">
     ...
</div>

Content of the above all madals are same as the Basic modal