{ "html": "\n\n \n \n \n Firstname Lastname - CV<\/title>\n <link rel=\"stylesheet\" href=\"style.css\">\n <\/head>\n <body>\n <header>\n <h1>Firstname Lastname<\/h1>\n <p>\n <i class=\"fa fa-envelope\" aria-hidden=\"true\"><\/i> <a href=\"mailto:info@azettl.net\">info@azettl.net<\/a> \n <i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> <a href=\"https:\/\/printcss.live\">printcss.live<\/a>\n <i class=\"fa fa-github\" aria-hidden=\"true\"><\/i> <a href=\"https:\/\/github.com\/\">github.com\/USER<\/a>\n <i class=\"fa fa-linkedin\" aria-hidden=\"true\"><\/i> <a href=\"https:\/\/linkedin.com\/\">linkedin.com\/in\/USER<\/a>\n <\/p>\n <p>\n <i class=\"fa fa-birthday-cake\" aria-hidden=\"true\"><\/i> 01. January 1970 \n <i class=\"fa fa-phone\" aria-hidden=\"true\"><\/i> +49 123 456 789 \n <i class=\"fa fa-map-marker\" aria-hidden=\"true\"><\/i> Streetname 1, 12345 City\n <\/p>\n <\/header>\n \n <section>\n <h2>Profile<\/h2>\n <div class=\"flex\">\n <div class=\"left\"><\/div>\n <div class=\"right\">\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A erat nam at lectus urna duis. Urna nec tincidunt praesent semper feugiat nibh sed pulvinar. Risus ultricies tristique nulla aliquet enim tortor at auctor urna. Justo donec enim diam vulputate ut pharetra sit amet aliquam. Eros donec ac odio tempor orci dapibus ultrices in. Libero enim sed faucibus turpis in eu mi bibendum.<\/p>\n <p>Imperdiet nulla malesuada pellentesque elit eget gravida cum sociis. Pellentesque habitant morbi tristique senectus et netus et. Gravida in fermentum et sollicitudin ac. Ac odio tempor orci dapibus ultrices.<\/p>\n <p>Nunc mattis enim ut tellus elementum. Diam quam nulla porttitor massa id neque aliquam. Auctor urna nunc id cursus metus aliquam. Nunc congue nisi vitae suscipit. Ut eu sem integer vitae justo eget. <\/p>\n <\/div>\n <\/div>\n <\/section>\n \n <section>\n <h2>Employment History<\/h2>\n <div class=\"flex\">\n <div class=\"left\">2020 January – today<\/div>\n <div class=\"right\">\n <p>Excepteur<\/p>\n <h3>Duis aute irure dolor in reprehenderit in voluptate<\/h3>\n <ul>\n <li>Lorem ipsum dolor sit amet<\/li>\n <li>Lorem ipsum dolor sit amet<\/li>\n <li>Lorem ipsum dolor sit amet<\/li>\n <li>Lorem ipsum dolor sit amet<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"flex\">\n <div class=\"left\">2007 – today<\/div>\n <div class=\"right\">\n <p>Lorem ipsum dolor<\/p>\n <h3>Lorem ipsum<\/h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n \n <section>\n <h2>Education<\/h2>\n <div class=\"flex\">\n <div class=\"left\">2004 – 2007<\/div>\n <div class=\"right\">\n <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit<\/h3>\n <p>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<\/p>\n <ul>\n <li>Lorem ipsum dolor sit amet<\/li>\n <li>Lorem ipsum dolor sit amet<\/li>\n <li>Lorem ipsum dolor sit amet<\/li>\n <li>Lorem ipsum dolor sit amet<\/li>\n <li>Lorem ipsum dolor sit amet<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n \n <section>\n <h2>Skills<\/h2>\n <div class=\"flex\">\n <div class=\"left\">Languages<\/div>\n <div class=\"right\">German: mother tongue,English: fluent<\/div>\n <\/div>\n <div class=\"flex\">\n <div class=\"left\">Certificates<\/div>\n <div class=\"right\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/div>\n <\/div>\n <\/section>\n <\/body>\n<\/html>", "css": "@import url('https:\/\/fonts.googleapis.com\/css2?family=Asul:wght@700&family=Open+Sans&display=swap');\n@import url('https:\/\/stackpath.bootstrapcdn.com\/font-awesome\/4.7.0\/css\/font-awesome.min.css');\n\n@page{\n size:A4;\n margin:5cm 2cm 2cm 2cm;\n \n @top-center{\n \tcontent:element(MyHeader);\n }\n \n @bottom-center{\n \tcontent: \"- \" counter(page) \" -\";\n }\n}\n\nheader{\n\tposition:running(MyHeader);\n text-align:center;\n}\n\nheader p i:first-of-type{\n\tmargin-left:0;\n}\n\nheader i{\n\tmargin-left:5mm;\n}\n\nsection:first-of-type{\n\tposition:absolute;\n \tbottom:0;\n}\n\nsection:nth-of-type(2){\n break-before:always;\n}\n\nsection{\n\tbreak-inside:avoid;\n}\n\nh1, h2, h3{\n\tfont-family: 'Asul', sans-serif;\n}\n\nh2{\n\tbackground-color:black;\n \tcolor:white;\n \tdisplay:inline-block;\n \tpadding:1mm;\n \ttext-transform:uppercase;\n}\n\nbody{\n \tfont-family: 'Open Sans', sans-serif;\n}\n\n.flex{\n\tdisplay:flex;\n}\n\n.left{\n\tmin-width:4cm;\n}\n\n.right p:first-of-type,\n.right h3:first-of-type{\n\tmargin-top:0;\n}\n\n.right p:first-of-type{\n\tmargin-bottom:0;\n}", "options": { "renderer": "weasyprint" } }