tables.php

<section>
  <div class="centerrib">
    <a class="buttonribb hoverrib">
    </a>
  </div>
</section>
<div><br><br><br><table class="table table-hover table-bordered" style="text-align:center;">
    <thead>
      <tr style="" class="active">
          <th style="background-color:transparent;border: hidden;"></th>
          <th style="background-color:#313B3D;vertical-align: middle;font-size:2em !important;" ><center>
  <h1 style="color:white"><b>BÁSICO</b></h1><p class="text-muted text-sm" style="color:white">(Mes a Mes)</p></center></th>
<th style="background-color:#313B3D;vertical-align: middle;font-size:2em !important;" ><center>
  <h1 style="color:white"><b>PREMIUM</b></h1><p class="text-muted text-sm" style="color:white">(Pago Único)</p></center></th>
        
</p></center></th>
      </tr>
    </thead>
    <tbody>
      <tr style="border: hidden;">
        <td></td>
        <td><h3 style="font-size:2em !important;"><b style="font-size:lato;">[product id="14641"]</b></h3></td>
        <td><h3 style="font-size:2em !important;"><b style="font-size:lato;">[product id="16246"]</b></h3></td>
      </tr>
      <tr style="border: hidden">
        <td colspan="1" align="left" style="padding-left:20px;" class=""><b>Qué Obtienes</b></td>
        <td></td>
        <td></td>
      </tr>
       <tr style="border: hidden">
        <td align="left" style="vertical-align: middle;"><i style="color:gray" class="icon-certificate-file"></i> Tipos de Certificación</td>
        <td style="vertical-align: middle;">Certificado Digital </td>
        <td style="vertical-align: middle;">Certificado Digital y Físico </td>
      </tr>
      <tr style="border: hidden">
        <td align="left" style="vertical-align: middle;"><i style="color:gray" class="icon-clock"></i> Tiempo de Acceso</td>
        <td style="vertical-align: middle;">1 Mes</td>
        <td style="vertical-align: middle;">1 Año</td>
      </tr>
      <tr style="border: hidden">
        <td align="left"><i style="color:gray" class="icon-apple"></i> Acceso a Todos los Cursos</td>
        <td style="vertical-align: middle;"><i style="color:limegreen" class="icon-check"></i></td>
        <td style="vertical-align: middle;"><i style="color:limegreen" class="icon-check"></i></td>
      </tr>
      <tr style="border: hidden">
        <td align="left"><i style="color:gray" class="icon-book"></i> Nuevos Cursos</td>
        <td style="vertical-align: middle;"><i style="color:limegreen" class="icon-check"></i></td>
        <td style="vertical-align: middle;"><i style="color:limegreen" class="icon-check"></i></td>
      </tr>
       <tr style="border: hidden">
        <td align="left"><i style="color:gray" class="icon-camera-2"></i> Clases en Vivo con Feedback del Profesor</td>
        <td style="vertical-align: middle;"><i style="color:red" class="icon-x"></i></td>
        <td style="vertical-align: middle;"><i style="color:limegreen" class="icon-check"></i></td> 
      </tr>
      <tr style="border: hidden">
        <td align="left"><i style="color:gray" class="icon-download-3"></i> Descarga de Presentaciones del Curso (PDF)</td>
        <td style="vertical-align: middle;"><i style="color:red" class="icon-x"></i></td>
        <td style="vertical-align: middle;"><i style="color:limegreen" class="icon-check"></i></td> 
      </tr>
      <tr style="border: hidden"> 
        <td align="left"><i style="color:gray" class="icon-wrench"></i> Ejercicios Prácticos</td>
        <td style="vertical-align: middle;"><i style="color:red" class="icon-x"></i></td>
        <td style="vertical-align: middle;"><i style="color:limegreen" class="icon-check"></i></td> 
      </tr>
      <tr style="border: hidden;">
        <td align="left"><i style="color:gray" class="icon-credit-card"></i> Medios de Pago</td>
        <td>Distintos medios de pago según país</td>
        <td>Distintos medios de pago según país</td>
      </tr>
      <tr><td><p></td><td><p></td></tr>
      <tr style="border: hidden;"><td><br></td><td style="border: hidden;"><br></td></tr>
        <tr><td style="border: hidden;"></td>
        <td style="border: hidden;vertical-align: middle;"><a href="" class="btn-lg btn-success" style="margin-top:20px; margin-bottom:10px;background-color:#48C134;">COMPRAR</a></td>
       <td style="border: hidden;vertical-align: middle;"><a href="" class="btn-lg btn-success" style="margin-top:20px; margin-bottom:10px;background-color:#48C134;">COMPRAR</a></td>
      </tr>
    </tbody>
</table></div>