<?php

global $CORE, $CORE_UI, $userdata;

?>

 
<div class="card"><div class=" card-body">

<div class="row">


<div class="col-md-4">

 <h4 class="mb-4">Mobile</h4>
 <pre class="basic">
 
.show-mobile 
.hide-mobile 
 
</pre>


<hr />

<div class="small opacity-5 mb-3">resize window</div> 
  
<div class="show-mobile"><div class="p-4 bg-success rounded-lg w-100 d-flex mb-3 text-white text-700"><div ppt-icon-24 class="mr-2"><?php echo $CORE_UI->icons_svg['check_circle']; ?></div> show mobile </div></div>
<div  class="hide-mobile"><div class="p-4 bg-danger rounded-lg w-100 d-flex text-white text-700"> <div ppt-icon-24 class="mr-2"><?php echo $CORE_UI->icons_svg['check_circle']; ?></div> hide mobile </div></div>
 
 
</div>

<div class="col-md-4">

 <h4 class="mb-4">iPad</h4>
 <pre class="basic">
 
.show-ipad
.hide-ipad 
 
</pre>

<hr />

<div class="small opacity-5 mb-3">resize window</div> 
  
<div class="show-ipad"><div class="p-4 bg-success rounded-lg w-100 d-flex mb-3 text-white text-700"><div ppt-icon-24 class="mr-2"><?php echo $CORE_UI->icons_svg['check_circle']; ?></div> show ipad </div></div>
<div class="hide-ipad"><div class="p-4 bg-danger rounded-lg w-100 d-flex text-white text-700"> <div ppt-icon-24 class="mr-2"><?php echo $CORE_UI->icons_svg['check_circle']; ?></div> hide ipad </div></div>
 
 


</div>

<div class="col-md-4">
 
   <h4 class="mb-4">Desktop</h4>
 <pre class="basic">
 
.show-desktop
.hide-desktop
 
</pre>

<hr />

<div class="small opacity-5 mb-3">resize window</div> 
  
<div class="show-desktop"><div class="p-4 bg-success rounded-lg w-100 d-flex mb-3 text-white text-700"><div ppt-icon-24 class="mr-2"><?php echo $CORE_UI->icons_svg['check_circle']; ?></div> show desktop </div></div>
<div class="hide-desktop"><div class="p-4 bg-danger rounded-lg w-100 d-flex text-white text-700"> <div ppt-icon-24 class="mr-2"><?php echo $CORE_UI->icons_svg['check_circle']; ?></div> hide desktop </div></div>
 
 

</div>


</div>

</div></div>