Bagian HEADER Radboox
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Vouchers</title>
<style>
@media print {
.noprint {
display: none;
}
.pagebreak {
page-break-after: always;
}
}
</style></head>
<body>
Bagian ROW Radboox
<table style="display: inline-block; width: 250px; border: 1px solid #000; line-height: 110%; font-family: arial; font-size: 12px; margin: 1px;">
<tbody>
<tr>
<td style="text-align: center; color: red; font-size: 13px; border-bottom: 1px #000 solid;"><b>SNS@Hotspot</b></td>
</tr>
<tr>
<td>
<table style=" text-align: center; width: 240px; background-color: #fff; line-height: 100%; font-size: 11px;">
<tbody>
<tr style="background-color: #eee;">
<td style="background-color: #fff; width: 33%"><b>Paket</b></td>
<td style="width: 33%">Speed</td>
<td style="width: 33%">Data</td>
</tr>
<tr>
<td ><b>%profile%</b></td>
<td>unlimeted</td>
<td>%no_urut%</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table style=" text-align: center; width: 240px; background-color: #fff; line-height: 110%; font-size: 11px;">
<tbody>
<tr style="background-color: #eee;">
<td style="width: 33%">Time Limit</td>
<td style="width: 33%">Validity</td>
<td style="width: 33%">Price</td>
</tr>
<tr>
<td>%uptime%</td>
<td>%validity%</td>
<td>Rp %price%</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table style=" text-align: center; width: 240px; background-color: #fff; line-height: 110%; font-size: 12px; border-top: 1px solid #000;">
<tbody>
<tr style="color: red; font-size: 11px;">
<td style="width: 50%">username</td>
</tr>
<tr style="background-color: #fff;">
<td style="color: #000000; border: 1px #000000 solid;">%username%</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="text-align: center; font-size:11px;">Info Lengkap Hubungi Kami</td>
</tr>
</tbody>
</table>
Bagian FOOTER
HARUSNYA ADA CUMAN GA ADA GE JALAN