Modal

<a class="gra-btn" href="#modal">Open Modal</a>

<!-- Modal -->
<div id="modal" class="gra-modal-wrapper" tabindex="-1" role="dialog" aria-labelledby="modal_title">
    <a class="gra-modal-overlay" href="#" aria-hidden="true" data-dismiss="modal"></a>
    <div class="gra-modal">
      <div class="gra-modal-header">
        <h5 class="gra-modal-title" id="modal_title">
          Modal Title
        </h5>
      </div>
      <div class="gra-modal-body">
        Mollit ullamco incididunt consequat consequat consectetur. Ut excepteur ipsum cillum
        eiusmod commodo sint occaecat esse et velit. Elit velit ad commodo ea sit nostrud qui.
        Qui proident duis veniam quis aliquip exercitation adipisicing laboris ex.
      </div>
      <div class="gra-modal-footer">
        <div class="gra-modal-actions">
          <a class="gra-btn gra-btn-clear" href="#" data-dismiss="modal">Close</a>
          <button class="gra-btn">Accept</button>
        </div>
      </div>
    </div>
  </div>