{ "html": "\n\n\n \n \n Certificate<\/title>\n <link rel=\"stylesheet\" href=\"style.css\" \/>\n<\/head>\n<body>\n <div class=\"border-pattern\">\n <div class=\"content\">\n <div class=\"inner-content\">\n <h1>Certificate<\/h1>\n <h2>of Excellence<\/h2>\n <h3>This Certificate Is Proudly Presented To<\/h3>\n <p>Jane Doe<\/p>\n <h3>Has Completed<\/h3>\n <p>PrintCSS Basics Course<\/p>\n <h3>On<\/h3>\n <p>Feburary 5, 2021<\/p>\n <div class=\"badge\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n", "css": "@page{\n \tsize:A4 landscape;\n \tmargin:10mm;\n}\n\nbody{\n\t margin:0;\n \tpadding:0;\n \tborder:1mm solid #991B1B;\n \theight:188mm;\n}\n\n.border-pattern{\n \tposition:absolute;\n \tleft:4mm;\n top:-6mm;\n height:200mm;\n width:267mm;\n border:1mm solid #991B1B;\n \t\/* http:\/\/www.heropatterns.com\/ *\/\n\t background-color: #d6d6e4;\n\t background-image: url(\"data:image\/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 0h16v2h-6v6h6v8H8v-6H2v6H0V0zm4 4h2v2H4V4zm8 8h2v2h-2v-2zm-8 0h2v2H4v-2zm8-8h2v2h-2V4z' fill='%23991B1B' fill-opacity='1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n}\n\n.content{\n \tposition:absolute;\n \tleft:10mm;\n \ttop:10mm;\n height:178mm;\n width:245mm;\n border:1mm solid #991B1B;\n \tbackground:white;\n}\n\n.inner-content{\n\t border:1mm solid #991B1B;\n \tmargin:4mm;\n \tpadding:10mm;\n height:148mm;\n \ttext-align:center;\n}\n\nh1{\n\t text-transform:uppercase;\n \tfont-size:48pt;\n \tmargin-bottom:0;\n}\n\nh2{\n \tfont-size:24pt;\n \tmargin-top:0;\n \tpadding-bottom:1mm;\n \tdisplay:inline-block;\n \tborder-bottom:1mm solid #991B1B;\n}\n\nh2::after{\n\t content:\"\";\n \tdisplay:block;\n \tpadding-bottom:4mm;\n \tborder-bottom:1mm solid #991B1B;\n}\n\nh3{\n \tfont-size:20pt;\n \tmargin-bottom:0;\n \tmargin-top:10mm;\n}\n\np{\n \tfont-size:16pt;\n}\n\n.badge{\n \twidth:40mm;\n \theight:40mm;\n\t position:absolute;\n \tright:10mm;\n \tbottom:10mm;\n \tbackground-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z' \/%3E%3C\/svg%3E\");\n}\n", "options": { "renderer": "weasyprint" } }