Delete
Preview
Save Changes
Paper
A5
A4
A3
Letter
Legal
Receipt58
Receipt80
Orientation
Portrait
Landscape
Variables:
certificate_type
recipient_name
description
signatory_1
signatory_2
HTML
<!DOCTYPE html> <html> <head> <style> body { font-family: Georgia, serif; margin: 0; padding: 0; } .frame { border: 14px solid #b45309; outline: 3px solid #b45309; outline-offset: -22px; height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 60px; box-sizing: border-box; } .title { font-size: 46px; color: #b45309; letter-spacing: 6px; text-transform: uppercase; } .sub { color: #78716c; margin: 12px 0 40px; letter-spacing: 3px; } .name { font-size: 40px; font-style: italic; border-bottom: 2px solid #1c1917; padding: 0 60px 8px; margin-bottom: 24px; } .desc { max-width: 600px; color: #44403c; line-height: 1.6; } .sig { margin-top: 60px; display: flex; gap: 120px; } .sig div { border-top: 1px solid #1c1917; padding-top: 6px; font-size: 13px; color: #57534e; } </style> </head> <body> <div class="frame"> <div class="title">Certificate</div> <div class="sub">OF {{certificate_type}}</div> <div style="color:#78716c">This is proudly presented to</div> <div class="name">{{recipient_name}}</div> <div class="desc">{{description}}</div> <div class="sig"> <div>{{signatory_1}}</div> <div>{{signatory_2}}</div> </div> </div> </body> </html>
PDF Preview
Click
Preview
to render the template to PDF.