<!-- Page content start here-->
        <div class="page-content header-clear-medium">
<div class="card card-style">
     
    <div class="content"><h1 class="card-tittle">NETWORK STRENGTH</h1>
  
<div class="progress mt-4">
    <div class="progress-bar bg-success progress-bar-sm" role="progressbar" style="width: 100%; min-width: 50px;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">MTN 100%</div>
</div>

  
  
  
<div class="progress mt-4">
    <div class="progress-bar bg-success progress-bar-sm" role="progressbar" style="width: 100%; min-width: 50px;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">Airtel 100%</div>
</div>

      
      
 
<div class="progress mt-4">
    <div class="progress-bar bg-success progress-bar-sm" role="progressbar" style="width: 100%; min-width: 50px;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">Glo 100%</div>
</div>

      
 
<div class="progress mt-4">
    <div class="progress-bar bg-success progress-bar-sm" role="progressbar" style="width: 100%; min-width: 50px;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">9mobile 100%</div>
</div>

   <div class="content">
        <h1 class="font-20">NETWORK STATUS</h1>
                <table class="table table-bordered table-striped">
                    <tr style="background-color: #002db3; ">
                        <td class="text-white"><b>Id</b></td>
                        <td class="text-white"><b>Network</b></td>
                        <td class="text-white"><b>Data Type</b></td>
                    </tr>
                                            <tr>
                            <td>1</td>
                            <td>MTN</td> 
                            <td> SME <b>"On"</b> | SME2 <b>"On"</b> | Corporate <b>"On"</b> | Gifting <b>"Off"</b> | Coupon  <b>"Off"</b> </td>
                        </tr>
                                            <tr>
                            <td>2</td>
                            <td>GLO</td> 
                            <td> SME <b>"Off"</b> | SME2 <b>"Off"</b> | Corporate <b>"On"</b> | Gifting <b>"Off"</b> | Coupon  <b>"Off"</b> </td>
                        </tr>
                                            <tr>
                            <td>3</td>
                            <td>9MOBILE</td> 
                            <td> SME <b>"Off"</b> | SME2 <b>"Off"</b> | Corporate <b>"On"</b> | Gifting <b>"Off"</b> | Coupon  <b>"Off"</b> </td>
                        </tr>
                                            <tr>
                            <td>4</td>
                            <td>AIRTEL</td> 
                            <td> SME <b>"Off"</b> | SME2 <b>"Off"</b> | Corporate <b>"On"</b> | Gifting <b>"On"</b> | Coupon  <b>"Off"</b> </td>
                        </tr>
                                    </table>
                <table class="table text-white">
              <tr class="bg-success text-white">
                <td>Green Status Means</td>
                <td>Data is fully available</td>
            </tr>  <br/>
            <tr class="bg-warning text-white">
                <td>Yellow Status Means</td>
                <td>Available but not stable</td>
            </tr> <br/>
            <tr class="bg-danger text-white">
                <td>Red Status Means</td>
                <td>Down (Data is not available)</td>
            </tr>
                </table>
  
        </div>
</div></div></div>    <!-- Page content ends here-->
