<?php

global $CORE_UI;

?>

<div class="d-lg-flex justify-content-between">
  <div ppt-border1 class="w-100">


      <div class="p-3">      
      <div class="d-flex">      
      <div  class="mr-3 text-primary">
        <div ppt-icon-size="64" data-ppt-icon>
          <?php echo $CORE_UI->icons_svg['users']; ?>
        </div>
      </div>
      
      <div>
      <div class="opacity-5" data-ppt-f1a>Online Now</div>
      
       <div class="d-flex align-items-baseline">
       <div class="ppt-countup fs-lg text-700" style="min-width:55px;" data-ppt-f1b>44</div> 
       <div class="fs-sm m-2 text-600" data-ppt-f1c>20 this week</div>
       </div>  
          
       </div>
       </div>
      </div>
      
       <a href="#" data-ppt-f1-link class="text-dark text-decoration-none">
      <div class="bg-light p-2 text-600 px-3 mt-n2" ppt-flex-between>      
     <?php echo __("View all","premiumpress"); ?>
      
      <div ppt-icon-24 data-ppt-icon-size="24"><?php echo $CORE_UI->icons_svg['arrow-long-right']; ?></div>
     
      
    </div>
</a> 

  </div>
  <div ppt-border1 class="w-100 mx-lg-3">
     
      <div class="p-3">      
      <div class="d-flex">      
      <div  class="mr-3 text-primary">
        <div ppt-icon-size="64" data-ppt-icon2>
          <?php echo $CORE_UI->icons_svg['clock']; ?>
        </div>
      </div>
      
      <div>
      <div class="opacity-5" data-ppt-f2a>Online Now</div>

       <div class="d-flex align-items-baseline">
       <div class="ppt-countup fs-lg text-700" style="min-width:55px;" data-ppt-f2b>2323</div> 
       <div class="fs-sm m-2 text-600" data-ppt-f2c>20 this week</div>
       </div>  

 
       </div>
       </div>
      </div>
      
      <a href="#" data-ppt-f2-link class="text-dark text-decoration-none">
      <div class="bg-light p-2 text-600 px-3 mt-n2" ppt-flex-between> 
           
      <?php echo __("View all","premiumpress"); ?>
      
      <div ppt-icon-24 data-ppt-icon-size="24"><?php echo $CORE_UI->icons_svg['arrow-long-right']; ?></div>
   
        
    </div>
     </a>
  </div>
  <div ppt-border1 class="w-100">


      <div class="p-3">      
      <div class="d-flex">      
      <div  class="mr-3 text-primary">
        <div ppt-icon-size="64" data-ppt-icon3>
          <?php echo $CORE_UI->icons_svg['chat2']; ?>
        </div>
      </div>
      
      <div>
      <div class="opacity-5" data-ppt-f3a>Online Now</div>
      
       <div class="d-flex align-items-baseline">
       <div class="ppt-countup fs-lg text-700" style="min-width:55px;" data-ppt-f3b>44</div> 
       <div class="fs-sm m-2   text-success text-600" data-ppt-f3c>20 this week</div>
       </div>  
       
       
       </div>
       
       
       
       </div>
      </div>
      
      
      
      
       <a href="#" data-ppt-f3-link class="text-dark text-decoration-none">
      <div class="bg-light p-2 text-600 px-3 mt-n2" ppt-flex-between>      
     <?php echo __("View all","premiumpress"); ?>  
      
      
      <div ppt-icon-24 data-ppt-icon-size="24"><?php echo $CORE_UI->icons_svg['arrow-long-right']; ?></div>
    
      
    </div>
    </a>
    
  </div>
</div> 