Skip to content

Instantly share code, notes, and snippets.

@FranciscoHV
Created January 23, 2017 20:02
Show Gist options
  • Save FranciscoHV/1fafb61cf404a5d1264781d5cc603b5f to your computer and use it in GitHub Desktop.
Save FranciscoHV/1fafb61cf404a5d1264781d5cc603b5f to your computer and use it in GitHub Desktop.
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment