{ "html": "\n\n\n \n \n Basic Business Card<\/title>\n <link rel=\"stylesheet\" href=\"style.css\" \/>\n<\/head>\n<body>\n <div class=\"break\">\n <div class=\"logo-area\">\n <div class=\"circle\"><\/div>\n <h1>Company Logo<\/h1>\n <\/div>\n <\/div>\n <span class=\"head\">\n <b>Jane Doe<\/b>\n <br \/>\n <b class=\"dark\">Print CSS and Web Development Guru<\/b>\n <\/span>\n <br \/>\n jane.doe@example.com\n <br \/>\n Mobile +49 123 4567 8901\n <br \/>\n www.example.com\n <br \/>\n <span class=\"foot\">\n Example Company\n <br \/>\n Busystreet 5 · 00001 Gotham\n <\/span>\n<\/body>\n<\/html>\n", "css": "@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap');\n\n@page{\n size:3.5in 2in;\n marks:crop;\n bleed:0.125in;\n margin:0.125in;\n} \n\n@page:first{\n margin:0;\n}\n\n\nbody{\n margin:0;\n padding:0;\n font-family: 'Poppins', sans-serif;\n font-size:9pt;\n}\n\n.circle{\n width:.35in;\n height:.35in;\n border:.25in solid #44b75b;\n border-radius:100%;\n display:inline-block;\n}\n\n.logo-area {\n position:absolute;\n left:50%;\n top:50%;\n width:2.6in;\n height:.85in;\n transform:translateX(-50%) translateY(-50%);\n}\n\n.logo-area h1{\n display:inline-block;\n text-transform:uppercase;\n color:#000222;\n width:1.5in;\n line-height:1;\n margin-left:0.125in;\n position:relative;\n top:-.225in; \n}\n\nb{\n color:#44b75b;\n font-size:1.25rem;\n}\n\n.dark{\n color:#000222;\n font-size:10pt;\n}\n\n.head{\n display:inline-block;\n margin-bottom: 0.125in;\n}\n\n.foot{\n display:inline-block;\n margin-top:0.125in;\n border-left:0.05in solid #44b75b;\n padding-left:0.125in;\n}\n\n.break{\n page-break-after: always;\n break-after: always;\n}", "options": { "renderer": "weasyprint" } }