NetAlertX/front/php/templates/skel_device_details.php

<!-- Device Details Loading Skeleton ======================================= -->
<div id="device-details-skeleton">

  <!-- Content header area -------------------------------------------------- -->
  <div class="skel-detail-header">
    <div class="skel-detail-title skel-shimmer"></div>
  </div>

  <!-- Top stat tiles -------------------------------------------------------- -->
  <div class="row">
    <div class="col-lg-3 col-sm-6 col-xs-6 ">
      <div class="skel-tile">
        <div class="skel-tile-inner">
          <div class="skel-tile-num skel-shimmer"></div>
        </div>
        <div class="skel-tile-icon-area">
          <div class="skel-tile-icon-shape skel-shimmer"></div>
        </div>
      </div>
    </div>
    <div class="col-lg-3 col-sm-6 col-xs-6 ">
      <div class="skel-tile">
        <div class="skel-tile-inner">
          <div class="skel-tile-num skel-shimmer"></div>
        </div>
        <div class="skel-tile-icon-area">
          <div class="skel-tile-icon-shape skel-shimmer"></div>
        </div>
      </div>
    </div>
    <div class="col-lg-3 col-sm-6 col-xs-6 ">
      <div class="skel-tile">
        <div class="skel-tile-inner">
          <div class="skel-tile-num skel-shimmer"></div>
        </div>
        <div class="skel-tile-icon-area">
        </div>
      </div>
    </div>
    <div class="col-lg-3 col-sm-6 col-xs-6 ">
      <div class="skel-tile">
        <div class="skel-tile-inner">
          <div class="skel-tile-num skel-shimmer"></div>
        </div>
        <div class="skel-tile-icon-area">
          <div class="skel-tile-icon-shape skel-shimmer"></div>
        </div>
      </div>
    </div>
  </div>


</div>
<!-- /Device Details Loading Skeleton ====================================== -->