PDF
Home
Privacy
Generar PDF
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> body { font-family: Arial, sans-serif; color: #222; } .invoice { max-width: 800px; margin: 0 auto; padding: 24px; border: 1px solid #e5e5e5; } .header { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #1f6feb; padding-bottom: 16px; } .title { font-size: 28px; font-weight: bold; color: #1f6feb; } .meta { text-align: right; font-size: 12px; } .section { margin-top: 20px; display: flex; gap: 24px; } .box { flex: 1; font-size: 12px; } .box h3 { margin: 0 0 6px; font-size: 13px; text-transform: uppercase; color: #555; } table { width: 100%; border-collapse: collapse; margin-top: 16px; font-size: 12px; } th, td { padding: 10px; border-bottom: 1px solid #e5e5e5; text-align: left; } th { background: #f5f7fb; } .total-row td { font-weight: bold; } .totals { margin-top: 16px; display: flex; justify-content: flex-end; } .totals table { width: 240px; } .footer { margin-top: 24px; font-size: 11px; color: #666; } .badge { display: inline-block; padding: 4px 8px; background: #e8f1ff; color: #1f6feb; border-radius: 6px; font-size: 11px; } </style> </head> <body> <div class="invoice"> <div class="header"> <div> <div class="title">INVOICE</div> <div class="badge">Pagada</div> </div> <div class="meta"> <div><strong>Invoice #:</strong> INV-2025-0042</div> <div><strong>Fecha:</strong> 08/03/2025</div> <div><strong>Vence:</strong> 15/03/2025</div> </div> </div> <div class="section"> <div class="box"> <h3>Facturado por</h3> <div>VSTelecom SpA</div> <div>Av. Providencia 1234</div> <div>Santiago, Chile</div> <div>contacto@vstelecom.cl</div> </div> <div class="box"> <h3>Facturado a</h3> <div>Comercial Andes Ltda.</div> <div>Las Condes 456</div> <div>Santiago, Chile</div> <div>finanzas@andes.cl</div> </div> </div> <table> <thead> <tr> <th>Descripción</th> <th>Cantidad</th> <th>Precio Unit.</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td>Plan Internet Empresa 500 Mbps</td> <td>1</td> <td>$42.990</td> <td>$42.990</td> </tr> <tr> <td>IP fija adicional</td> <td>2</td> <td>$6.500</td> <td>$13.000</td> </tr> <tr> <td>Soporte Premium mensual</td> <td>1</td> <td>$9.990</td> <td>$9.990</td> </tr> </tbody> </table> <div class="totals"> <table> <tr> <td>Subtotal</td> <td>$65.980</td> </tr> <tr> <td>IVA (19%)</td> <td>$12.536</td> </tr> <tr class="total-row"> <td>Total</td> <td>$78.516</td> </tr> </table> </div> <div class="footer"> Pago vía transferencia a Cuenta Corriente 123-456789, Banco Estado. Gracias por su preferencia. </div> </div> </body> </html>
Generar PDF