My College Church Site Notification

<!-- Site Notification -->
  <!-- Modal -->
  <div class="modal" id="CCIWModal" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <h3 class="modal-title" style="color:black">Planned Maintenance Starting Shortly</h3>
        </div>
        <div class="modal-body">
          <p>The My College Church website used for giving and event registration will go offline at 5:15 p.m. CST tonight as we perform some server updates. <br><br>If possible, please complete any in progress event registrations or online gifts before then. <br><br>Our main site <a href="https://www.college-church.org/"> https://www.college-church.org </a> will continue to stay online during this time. We estimate the maintenance will take about 30 minutes. Thank you for your patience.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Dismiss Notification</button>
        </div>
      </div>

    </div>
  </div>


<script>
$(document).ready(function() {

    var storageItemID = 'update1-23-23';

    if(localStorage.getItem(storageItemID) != 'true'){
    $("#CCIWModal").modal();
    }

    $('#CCIWModal button').click(function(e) // if the close or dismiss button are clicked
    {
    localStorage.setItem(storageItemID ,'true')
    });
});
</script>

<style>
#CCIWModal
{
    z-index: 1050;
}
</style>