The One-page Financial Plan A Simple Way To Be Smart About Your Money Pdf -
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>One-Page Financial Plan | Simple & Smart Money Guide</title> <!-- html2pdf library for direct PDF generation --> <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js" integrity="sha512-GsLlZN/3F2ErC5ifS5QtgpiJtWd43JWSuIgh7mbzZ8zBps+dvLusV+eNQATqgA/HdeKFVgA5v3S/cIrLF7QnIg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <style> * margin: 0; padding: 0; box-sizing: border-box;
.btn-pdf background: #1f5437; border: none; padding: 0.8rem 1.8rem; border-radius: 40px; font-weight: 600; color: white; font-size: 0.9rem; cursor: pointer; transition: 0.2s; display: inline-flex; align-items: center; gap: 10px; box-shadow: 0 3px 8px rgba(0,0,0,0.1); meta name="viewport" content="width=device-width
.btn-pdf:hover background: #12452d; transform: translateY(-2px); * margin: 0
<!-- PDF BUTTONS --> <div class="btn-group"> <button class="btn-pdf btn-reset" id="resetAllBtn">⟳ Reset Example Data</button> <button class="btn-pdf" id="downloadPdfBtn">📄 Download as PDF</button> </div> </div> .btn-pdf background: #1f5437