Açılır Pencere

<a class="gra-btn" href="#modal">Açılır Pencereyi Aç</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">
          Açılır Pencere Başlığı
        </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">Kapat</a>
          <button class="gra-btn">Onayla</button>
        </div>
      </div>
    </div>
  </div>