Amaris Law Firm - Surat Resmi<\/title>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n font-family: 'Times New Roman', Times, serif;\r\n padding: 20px;\r\n min-height: 100vh;\r\n }\r\n\r\n \/* PREMIUM DOWNLOAD BUTTON *\/\r\n .download-btn {\r\n display: block;\r\n margin: 30px auto;\r\n padding: 16px 40px;\r\n background: linear-gradient(135deg, #0B1F3A 0%, #1e3a5f 100%);\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n font-weight: bold;\r\n font-size: 16px;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(11, 31, 58, 0.4);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .download-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(11, 31, 58, 0.6);\r\n }\r\n\r\n .download-btn:active {\r\n transform: translateY(-1px);\r\n }\r\n\r\n \/* CONTAINER *\/\r\n .container {\r\n max-width: 210mm;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* SINGLE PAPER - FIXED DUPLICATE ISSUE *\/\r\n .paper {\r\n background: #fff;\r\n margin: 20px 0;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.15);\r\n position: relative;\r\n overflow: hidden;\r\n page-break-after: always;\r\n }\r\n\r\n \/* PREMIUM GOLD LEFT BORDER *\/\r\n .paper::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 12px;\r\n height: 100%;\r\n background: linear-gradient(180deg,\r\n #8c6b1f 0%,\r\n #D4AF37 20%,\r\n #f5e6a6 50%,\r\n #D4AF37 80%,\r\n #8c6b1f 100%\r\n );\r\n box-shadow: 0 0 20px rgba(212, 175, 55, 0.5);\r\n z-index: 1;\r\n }\r\n\r\n \/* PREMIUM HEADER *\/\r\n .header {\r\n padding: 40px 60px 30px 70px;\r\n text-align: center;\r\n border-bottom: 4px solid #0B1F3A;\r\n position: relative;\r\n background: linear-gradient(135deg, rgba(11,31,58,0.03) 0%, transparent 100%);\r\n }\r\n\r\n \/* PERFECTLY ALIGNED LOGO *\/\r\n .logo {\r\n width: 120px;\r\n height: auto;\r\n margin: 0 auto 15px;\r\n display: block;\r\n filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));\r\n }\r\n\r\n \/* PREMIUM COMPANY NAME *\/\r\n .company-name {\r\n font-size: 28px;\r\n font-weight: 900;\r\n color: #0B1F3A;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 12px;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* ELEGANT COMPANY INFO *\/\r\n .company-info {\r\n font-size: 14px;\r\n color: #444;\r\n line-height: 1.7;\r\n margin-bottom: 20px;\r\n font-style: italic;\r\n }\r\n\r\n \/* LAMPIRAN & GOLD LINE *\/\r\n .document-info {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin: 30px 60px 40px 70px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .document-meta {\r\n text-align: left;\r\n }\r\n\r\n .title {\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #0B1F3A;\r\n margin-bottom: 8px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .nomor, .perihal, .lampiran {\r\n font-size: 14px;\r\n color: #333;\r\n margin-bottom: 5px;\r\n font-weight: 500;\r\n }\r\n\r\n .perihal {\r\n font-weight: bold;\r\n color: #0B1F3A;\r\n font-size: 15px;\r\n }\r\n\r\n \/* SIGNATURE CHARACTERISTIC COLOR *\/\r\n .content {\r\n margin: 0 60px 40px 70px;\r\n position: relative;\r\n z-index: 2;\r\n background: linear-gradient(90deg, rgba(212,175,55,0.03) 0%, transparent 50%);\r\n padding: 30px;\r\n border-radius: 8px;\r\n border-left: 4px solid #D4AF37;\r\n }\r\n\r\n .content p {\r\n font-size: 14px;\r\n line-height: 1.9;\r\n color: #111;\r\n text-align: justify;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .content strong {\r\n color: #0B1F3A;\r\n }\r\n\r\n \/* SIGNATURE *\/\r\n .signature {\r\n margin-top: 80px;\r\n text-align: right;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .signature-line {\r\n width: 200px;\r\n height: 2px;\r\n background: linear-gradient(to right, transparent, #D4AF37, transparent);\r\n margin: 20px auto 10px;\r\n }\r\n\r\n \/* PREMIUM FOOTER *\/\r\n .footer {\r\n margin: 50px 60px 40px 70px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .footer-line {\r\n height: 2px;\r\n background: linear-gradient(to right, transparent, #D4AF37, transparent);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .footer-text {\r\n font-size: 12px;\r\n color: #666;\r\n font-style: italic;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* MULTI-PAGE SUPPORT *\/\r\n .page-break {\r\n page-break-before: always;\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media print {\r\n body { background: white !important; }\r\n .download-btn { display: none !important; }\r\n .paper { box-shadow: none !important; margin: 0 !important; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .paper { margin: 10px !important; }\r\n .header, .content, .footer { padding-left: 50px !important; margin-left: 50px !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n \r\n <div class=\"container\">\r\n <button class=\"download-btn\" onclick=\"downloadPDF()\">\r\n \ud83d\udcc4 Download Surat \r\n <\/button>\r\n\r\n \r\n <div id=\"surat\" class=\"paper\">\r\n \r\n <div class=\"header\">\r\n <img decoding=\"async\" src=\"https:\/\/icl-advisors.com\/wp-content\/uploads\/2026\/03\/Amaris-Law-Firm.png\" class=\"logo\" alt=\"Amaris Law Firm Logo\">\r\n <div class=\"company-name\">AMARIS LAW FIRM<\/div>\r\n <div class=\"company-info\">\r\n Jl. Pisangan Lama I No.7 RT.005\/RW.001, Pisangan Timur, Pulo Gadung, Jakarta Timur, DKI Jakarta 13230<br>\r\n Telp: 081281453501 | Email: info@amarislawfirm.com |\r\n Website: amarislawfirm.com\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"document-info\">\r\n <div class=\"document-meta\">\r\n <div class=\"title\">SURAT RESMI<\/div>\r\n <div class=\"nomor\">Nomor: 001\/PJH-KLT\/AL\/I\/2026<\/div>\r\n <div class=\"perihal\">Perihal: ....................................<\/div>\r\n <div class=\"lampiran\">Lampiran:-<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <p>Kepada Yth.,<\/p>\r\n <p>....................................<\/p>\r\n <p>Di Tempat<\/p>\r\n\r\n <p>Dengan hormat,<\/p>\r\n\r\n <p>\r\n Isi surat Anda di sini. Template ini telah disesuaikan dengan standar profesional \r\n firma hukum modern dengan kombinasi warna navy, emas, dan hitam untuk memberikan \r\n kesan elegan dan berwibawa. Surat ini dapat digunakan untuk berbagai keperluan hukum.\r\n <\/p>\r\n\r\n <p>\r\n Demikian surat ini kami sampaikan. Atas perhatian dan kerjasamanya kami ucapkan \r\n terima kasih.\r\n <\/p>\r\n\r\n <div class=\"signature\">\r\n <div class=\"signature-line\"><\/div>\r\n <strong>Amaris Law Firm<\/strong>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer\">\r\n <div class=\"footer-line\"><\/div>\r\n <div class=\"footer-text\">\r\n Professional Legal Services \u2022 Integrity \u2022 Commitment \u2022 Excellence\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 2 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 3 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 4 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 5 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 6 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 7 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 8 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 9 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 10 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let perihalText = \"....................................\"; \/\/ Default - akan diambil dari DOM\r\n\r\n function updatePerihal() {\r\n const perihalElement = document.querySelector('.perihal');\r\n if (perihalElement) {\r\n perihalText = perihalElement.textContent.replace('Perihal: ', '').trim();\r\n }\r\n }\r\n\r\n function downloadPDF() {\r\n updatePerihal();\r\n \r\n \/\/ Show all pages for PDF\r\n const allPapers = document.querySelectorAll('.paper');\r\n allPapers.forEach((paper, index) => {\r\n if (index > 0) {\r\n paper.style.display = 'block';\r\n }\r\n });\r\n\r\n const element = document.getElementById('surat');\r\n \r\n \/\/ DYNAMIC FILENAME FROM PERIHAL\r\n const filename = perihalText !== '....................................' \r\n ? `Amaris_Law_Firm_${perihalText.replace(\/[^a-zA-Z0-9]\/g, '_')}.pdf`\r\n : 'Amaris_Law_Firm_Surat_Resmi.pdf';\r\n\r\n const opt = {\r\n margin: [0.5, 0.5, 0.5, 0.5],\r\n filename: filename,\r\n image: { type: 'jpeg', quality: 0.98 },\r\n html2canvas: { \r\n scale: 2,\r\n useCORS: true,\r\n letterRendering: true,\r\n allowTaint: true\r\n },\r\n jsPDF: { \r\n unit: 'in', \r\n format: 'a4', \r\n orientation: 'portrait',\r\n compress: true\r\n },\r\n pagebreak: { mode: ['avoid-all', 'css', 'legacy'] }\r\n };\r\n\r\n html2pdf().set(opt).from(element.parentElement).save().then(() => {\r\n \/\/ Hide extra pages after download\r\n allPapers.forEach((paper, index) => {\r\n if (index > 0) {\r\n paper.style.display = 'none';\r\n }\r\n });\r\n });\r\n }\r\n\r\n \/\/ Update perihal on load\r\n window.onload = function() {\r\n updatePerihal();\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Amaris Law Firm – Surat Resmi \ud83d\udcc4 Download Surat AMARIS LAW FIRM Jl. Pisangan Lama I No.7 RT.005\/RW.001, Pisangan Timur, Pulo Gadung, Jakarta Timur, DKI Jakarta 13230 Telp: 081281453501 | Email: info@amarislawfirm.com | Website: amarislawfirm.com SURAT RESMI Nomor: 001\/PJH-KLT\/AL\/I\/2026 Perihal: ……………………………… Lampiran:- Kepada Yth., ……………………………… Di Tempat Dengan hormat, Isi surat Anda di sini. Template ini telah disesuaikan dengan standar profesional firma hukum modern dengan kombinasi warna navy, emas, dan hitam untuk memberikan kesan elegan dan berwibawa. Surat ini dapat digunakan untuk berbagai keperluan hukum. Demikian surat ini kami sampaikan. Atas perhatian dan kerjasamanya kami ucapkan terima kasih. Amaris Law Firm Professional Legal Services \u2022 Integrity \u2022 Commitment \u2022 Excellence Lembar 2 dari 10 Lembar 3 dari 10 Lembar 4 dari 10 Lembar 5 dari 10 Lembar 6 dari 10 Lembar 7 dari 10 Lembar 8 dari 10 Lembar 9 dari 10 Lembar 10 dari 10<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"template-page-builder-no-header-footer.php","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_joinchat":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6936","post","type-post","status-publish","format-standard","hentry","category-artikel"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts\/6936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/comments?post=6936"}],"version-history":[{"count":19,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts\/6936\/revisions"}],"predecessor-version":[{"id":6959,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts\/6936\/revisions\/6959"}],"wp:attachment":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/media?parent=6936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/categories?post=6936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/tags?post=6936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Amaris Law Firm - Surat Resmi<\/title>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n font-family: 'Times New Roman', Times, serif;\r\n padding: 20px;\r\n min-height: 100vh;\r\n }\r\n\r\n \/* PREMIUM DOWNLOAD BUTTON *\/\r\n .download-btn {\r\n display: block;\r\n margin: 30px auto;\r\n padding: 16px 40px;\r\n background: linear-gradient(135deg, #0B1F3A 0%, #1e3a5f 100%);\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n font-weight: bold;\r\n font-size: 16px;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(11, 31, 58, 0.4);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .download-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(11, 31, 58, 0.6);\r\n }\r\n\r\n .download-btn:active {\r\n transform: translateY(-1px);\r\n }\r\n\r\n \/* CONTAINER *\/\r\n .container {\r\n max-width: 210mm;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* SINGLE PAPER - FIXED DUPLICATE ISSUE *\/\r\n .paper {\r\n background: #fff;\r\n margin: 20px 0;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.15);\r\n position: relative;\r\n overflow: hidden;\r\n page-break-after: always;\r\n }\r\n\r\n \/* PREMIUM GOLD LEFT BORDER *\/\r\n .paper::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 12px;\r\n height: 100%;\r\n background: linear-gradient(180deg,\r\n #8c6b1f 0%,\r\n #D4AF37 20%,\r\n #f5e6a6 50%,\r\n #D4AF37 80%,\r\n #8c6b1f 100%\r\n );\r\n box-shadow: 0 0 20px rgba(212, 175, 55, 0.5);\r\n z-index: 1;\r\n }\r\n\r\n \/* PREMIUM HEADER *\/\r\n .header {\r\n padding: 40px 60px 30px 70px;\r\n text-align: center;\r\n border-bottom: 4px solid #0B1F3A;\r\n position: relative;\r\n background: linear-gradient(135deg, rgba(11,31,58,0.03) 0%, transparent 100%);\r\n }\r\n\r\n \/* PERFECTLY ALIGNED LOGO *\/\r\n .logo {\r\n width: 120px;\r\n height: auto;\r\n margin: 0 auto 15px;\r\n display: block;\r\n filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));\r\n }\r\n\r\n \/* PREMIUM COMPANY NAME *\/\r\n .company-name {\r\n font-size: 28px;\r\n font-weight: 900;\r\n color: #0B1F3A;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 12px;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* ELEGANT COMPANY INFO *\/\r\n .company-info {\r\n font-size: 14px;\r\n color: #444;\r\n line-height: 1.7;\r\n margin-bottom: 20px;\r\n font-style: italic;\r\n }\r\n\r\n \/* LAMPIRAN & GOLD LINE *\/\r\n .document-info {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin: 30px 60px 40px 70px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .document-meta {\r\n text-align: left;\r\n }\r\n\r\n .title {\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #0B1F3A;\r\n margin-bottom: 8px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .nomor, .perihal, .lampiran {\r\n font-size: 14px;\r\n color: #333;\r\n margin-bottom: 5px;\r\n font-weight: 500;\r\n }\r\n\r\n .perihal {\r\n font-weight: bold;\r\n color: #0B1F3A;\r\n font-size: 15px;\r\n }\r\n\r\n \/* SIGNATURE CHARACTERISTIC COLOR *\/\r\n .content {\r\n margin: 0 60px 40px 70px;\r\n position: relative;\r\n z-index: 2;\r\n background: linear-gradient(90deg, rgba(212,175,55,0.03) 0%, transparent 50%);\r\n padding: 30px;\r\n border-radius: 8px;\r\n border-left: 4px solid #D4AF37;\r\n }\r\n\r\n .content p {\r\n font-size: 14px;\r\n line-height: 1.9;\r\n color: #111;\r\n text-align: justify;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .content strong {\r\n color: #0B1F3A;\r\n }\r\n\r\n \/* SIGNATURE *\/\r\n .signature {\r\n margin-top: 80px;\r\n text-align: right;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .signature-line {\r\n width: 200px;\r\n height: 2px;\r\n background: linear-gradient(to right, transparent, #D4AF37, transparent);\r\n margin: 20px auto 10px;\r\n }\r\n\r\n \/* PREMIUM FOOTER *\/\r\n .footer {\r\n margin: 50px 60px 40px 70px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .footer-line {\r\n height: 2px;\r\n background: linear-gradient(to right, transparent, #D4AF37, transparent);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .footer-text {\r\n font-size: 12px;\r\n color: #666;\r\n font-style: italic;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* MULTI-PAGE SUPPORT *\/\r\n .page-break {\r\n page-break-before: always;\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media print {\r\n body { background: white !important; }\r\n .download-btn { display: none !important; }\r\n .paper { box-shadow: none !important; margin: 0 !important; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .paper { margin: 10px !important; }\r\n .header, .content, .footer { padding-left: 50px !important; margin-left: 50px !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n \r\n <div class=\"container\">\r\n <button class=\"download-btn\" onclick=\"downloadPDF()\">\r\n \ud83d\udcc4 Download Surat \r\n <\/button>\r\n\r\n \r\n <div id=\"surat\" class=\"paper\">\r\n \r\n <div class=\"header\">\r\n <img decoding=\"async\" src=\"https:\/\/icl-advisors.com\/wp-content\/uploads\/2026\/03\/Amaris-Law-Firm.png\" class=\"logo\" alt=\"Amaris Law Firm Logo\">\r\n <div class=\"company-name\">AMARIS LAW FIRM<\/div>\r\n <div class=\"company-info\">\r\n Jl. Pisangan Lama I No.7 RT.005\/RW.001, Pisangan Timur, Pulo Gadung, Jakarta Timur, DKI Jakarta 13230<br>\r\n Telp: 081281453501 | Email: info@amarislawfirm.com |\r\n Website: amarislawfirm.com\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"document-info\">\r\n <div class=\"document-meta\">\r\n <div class=\"title\">SURAT RESMI<\/div>\r\n <div class=\"nomor\">Nomor: 001\/PJH-KLT\/AL\/I\/2026<\/div>\r\n <div class=\"perihal\">Perihal: ....................................<\/div>\r\n <div class=\"lampiran\">Lampiran:-<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <p>Kepada Yth.,<\/p>\r\n <p>....................................<\/p>\r\n <p>Di Tempat<\/p>\r\n\r\n <p>Dengan hormat,<\/p>\r\n\r\n <p>\r\n Isi surat Anda di sini. Template ini telah disesuaikan dengan standar profesional \r\n firma hukum modern dengan kombinasi warna navy, emas, dan hitam untuk memberikan \r\n kesan elegan dan berwibawa. Surat ini dapat digunakan untuk berbagai keperluan hukum.\r\n <\/p>\r\n\r\n <p>\r\n Demikian surat ini kami sampaikan. Atas perhatian dan kerjasamanya kami ucapkan \r\n terima kasih.\r\n <\/p>\r\n\r\n <div class=\"signature\">\r\n <div class=\"signature-line\"><\/div>\r\n <strong>Amaris Law Firm<\/strong>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer\">\r\n <div class=\"footer-line\"><\/div>\r\n <div class=\"footer-text\">\r\n Professional Legal Services \u2022 Integrity \u2022 Commitment \u2022 Excellence\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 2 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 3 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 4 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 5 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 6 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 7 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 8 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 9 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"paper page-break\" style=\"display:none;\">\r\n <div style=\"position:absolute;top:50px;left:70px;color:#D4AF37;font-size:12px;\">Lembar 10 dari 10<\/div>\r\n <div class=\"content\" style=\"min-height:800px;\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let perihalText = \"....................................\"; \/\/ Default - akan diambil dari DOM\r\n\r\n function updatePerihal() {\r\n const perihalElement = document.querySelector('.perihal');\r\n if (perihalElement) {\r\n perihalText = perihalElement.textContent.replace('Perihal: ', '').trim();\r\n }\r\n }\r\n\r\n function downloadPDF() {\r\n updatePerihal();\r\n \r\n \/\/ Show all pages for PDF\r\n const allPapers = document.querySelectorAll('.paper');\r\n allPapers.forEach((paper, index) => {\r\n if (index > 0) {\r\n paper.style.display = 'block';\r\n }\r\n });\r\n\r\n const element = document.getElementById('surat');\r\n \r\n \/\/ DYNAMIC FILENAME FROM PERIHAL\r\n const filename = perihalText !== '....................................' \r\n ? `Amaris_Law_Firm_${perihalText.replace(\/[^a-zA-Z0-9]\/g, '_')}.pdf`\r\n : 'Amaris_Law_Firm_Surat_Resmi.pdf';\r\n\r\n const opt = {\r\n margin: [0.5, 0.5, 0.5, 0.5],\r\n filename: filename,\r\n image: { type: 'jpeg', quality: 0.98 },\r\n html2canvas: { \r\n scale: 2,\r\n useCORS: true,\r\n letterRendering: true,\r\n allowTaint: true\r\n },\r\n jsPDF: { \r\n unit: 'in', \r\n format: 'a4', \r\n orientation: 'portrait',\r\n compress: true\r\n },\r\n pagebreak: { mode: ['avoid-all', 'css', 'legacy'] }\r\n };\r\n\r\n html2pdf().set(opt).from(element.parentElement).save().then(() => {\r\n \/\/ Hide extra pages after download\r\n allPapers.forEach((paper, index) => {\r\n if (index > 0) {\r\n paper.style.display = 'none';\r\n }\r\n });\r\n });\r\n }\r\n\r\n \/\/ Update perihal on load\r\n window.onload = function() {\r\n updatePerihal();\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Amaris Law Firm – Surat Resmi \ud83d\udcc4 Download Surat AMARIS LAW FIRM Jl. Pisangan Lama I No.7 RT.005\/RW.001, Pisangan Timur, Pulo Gadung, Jakarta Timur, DKI Jakarta 13230 Telp: 081281453501 | Email: info@amarislawfirm.com | Website: amarislawfirm.com SURAT RESMI Nomor: 001\/PJH-KLT\/AL\/I\/2026 Perihal: ……………………………… Lampiran:- Kepada Yth., ……………………………… Di Tempat Dengan hormat, Isi surat Anda di sini. Template ini telah disesuaikan dengan standar profesional firma hukum modern dengan kombinasi warna navy, emas, dan hitam untuk memberikan kesan elegan dan berwibawa. Surat ini dapat digunakan untuk berbagai keperluan hukum. Demikian surat ini kami sampaikan. Atas perhatian dan kerjasamanya kami ucapkan terima kasih. Amaris Law Firm Professional Legal Services \u2022 Integrity \u2022 Commitment \u2022 Excellence Lembar 2 dari 10 Lembar 3 dari 10 Lembar 4 dari 10 Lembar 5 dari 10 Lembar 6 dari 10 Lembar 7 dari 10 Lembar 8 dari 10 Lembar 9 dari 10 Lembar 10 dari 10<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"template-page-builder-no-header-footer.php","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_joinchat":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6936","post","type-post","status-publish","format-standard","hentry","category-artikel"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts\/6936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/comments?post=6936"}],"version-history":[{"count":19,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts\/6936\/revisions"}],"predecessor-version":[{"id":6959,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts\/6936\/revisions\/6959"}],"wp:attachment":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/media?parent=6936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/categories?post=6936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/tags?post=6936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}