<div class="modal whmcs-modal" data-modal="whmcs-modal">
  <div class="container-fluid">
    <!-- modal-content -->
    <div class="modal-content">
      <div class="overlay"></div>
      <!-- modal-head -->
      <div class="modal-head">
        <!-- row -->
        <div class="row">
          <!-- col -->
          <div class="col-4 ml-auto text-right">
            <!-- modal-close -->
            <button type="button" class="modal-close theme-btn --fill-primary --circle-btn --has-icon">
              <img src="assets/images/icons/close-w.png" class="dir-reflect img-fluid" alt="Arrow">
            </button>
          </div>
        </div>
      </div>
      <!-- modal-body -->
      <div class="modal-body text-center" data-zindex="2">
        <!-- modal-title -->
        <h1 class="modal-title">WHMCS THEME</h1>
        <h5 class="modal-date text-uppercase">Relase date: <span>26 April, 2024</span></h5>
      </div>
    </div>
  </div>
</div>