%PDF- %PDF-
Direktori : /home/opti/workflow/node_modules/html-pdf/examples/businesscard/ |
Current File : /home/opti/workflow/node_modules/html-pdf/examples/businesscard/businesscard.html |
<html> <head> <meta charset="utf8"> <title>SuitArt Business Card</title> <style> html, body { margin: 0; padding: 0; font-family: 'Sackers Gothic Std'; font-weight: 500; font-size: 7px; background: rgb(241,241,241); -webkit-print-color-adjust: exact; box-sizing: border-box; } .page { position: relative; height: 90mm; width: 50mm; display: block; background: black; page-break-after: auto; margin: 50px; overflow: hidden; } @media print { body { background: black; } .page { margin: 0; height: 100%; width: 100%; } } .page.first { border-left: 5px solid green; } .bottom { position: absolute; left: 5mm; right: 5mm; bottom: 5mm; } .group { margin-top: 3mm; } .line { color: white; position: relative; } .center { text-align: center; } .logo { position: relative; width: 80%; left: 10%; top: 15%; } </style> </head> <body> <div class="page"> <div class="bottom"> <div class="line">Marc Bachmann</div> <div class="line">cto</div> <div class="group"> <div class="line">p: +41 00 000 00 00</div> <div class="line">github: marcbachmann</div> </div> <div class="group"> <div class="line">suitart ag</div> <div class="line">räffelstrasse 25</div> <div class="line">8045 zürich</div> </div> </div> </div> <div class="page"> <img class="logo" src="{{image}}"> <div class="bottom"> <div class="line center">8045 zürich</div> </div> </div> </body> </html>