
<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-3">        
        <a href="<?php echo web_root;?>res/gate?b=mytsk">
            <div class="p-3 bg-primary-500 rounded overflow-hidden position-relative text-white mb-g">
                <div class="">
                    <h3 class="display-4 d-block l-h-n m-0 fw-500">
                        <?php 
                        $infQue = $db->prepare('SELECT *FROM tbl_info_register i
                        INNER JOIN tbl_con_infos c ON c.reg_info_id=i.regst_id 
                        WHERE dRcv="'.$role_id.'" AND con_doctype=3 AND i.stts_reg=5 AND dRcv="'.$role_id.'"');
                        $infQue->execute();
                        echo $infQue->rowCount();
                        ?>
                        <small class="m-0 l-h-n">My Task(s)</small>
                    </h3>
                </div>
                <i class="fa fa-bell position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n1" style="font-size:6rem"></i>
            </div>        
        </a>   
    </div>

    <div class="col-lg-3 col-md-3 col-sm-3">        
        <a href="#">
            <div class="p-3 bg-primary-500 rounded overflow-hidden position-relative text-white mb-g">
                <div class="">
                    <h3 class="display-4 d-block l-h-n m-0 fw-500">
                      0
                      <small class="m-0 l-h-n">Waiting for BOQ</small>
                    </h3>
                </div>
                <i class="fa fa-bell position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n1" style="font-size:6rem"></i>
            </div>        
        </a>   
    </div>

    <div class="col-lg-3 col-md-3 col-sm-3">        
        <a href="#">
            <div class="p-3 bg-primary-500 rounded overflow-hidden position-relative text-white mb-g">
                <div class="">
                    <h3 class="display-4 d-block l-h-n m-0 fw-500">
                      0
                      <small class="m-0 l-h-n">Handover</small>
                    </h3>
                </div>
                <i class="fa fa-bell position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n1" style="font-size:6rem"></i>
            </div>        
        </a>   
    </div>

    <div class="col-lg-3 col-md-3 col-sm-3">        
        <a href="#">
            <div class="p-3 bg-primary-500 rounded overflow-hidden position-relative text-white mb-g">
                <div class="">
                    <h3 class="display-4 d-block l-h-n m-0 fw-500">
                      0
                      <small class="m-0 l-h-n">BOQ Validation</small>
                    </h3>
                </div>
                <i class="fa fa-bell position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n1" style="font-size:6rem"></i>
            </div>        
        </a> 
          
    </div>

</div>