<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Kalam:wght@700&display=swap" rel="stylesheet">
<style>
@page
{
size:letter;
marks:crop;
bleed:0.125in;
margin:0;
}
body{
font-family: 'Kalam', cursive;
font-weight: 700;
}
h1,
h1 a{
background-color:rgb(188, 11, 6);
color:#fff;
text-align: center;
line-height: 2;
}
div{
}
.box0 {
width:30%;
height:25%;
background-image: url(https://www.html2pdf.guru/assets/img/html2pdf.guru.png);
background-repeat: no-repeat;
background-color: rgb(188, 11, 6);
background-position: center;
display: inline-block;
position: absolute;
right: 0;
top: 0;
}
.box1 {
width:54%;
height:25%;
background-color: rgb(95, 243, 248);
display: inline-block;
position: absolute;
right: 31%;
top: 0;
}
.box2 {
width:14%;
height:85%;
background-color: rgb(255, 169, 208);
display: inline-block;
position: absolute;
right: 86%;
top: 0;
}
.box3 {
width:25%;
height:59%;
background-color: rgb(162, 245, 175);
display: inline-block;
position: absolute;
right: 0;
top: 26%;
}
.box4 {
width:59%;
height:59%;
background-color: rgba(188, 11, 6, .1);
display: inline-block;
position: absolute;
right: 26%;
top: 26%;
}
.box5 {
width:14%;
height:14%;
background-color: rgb(82, 255, 82);
display: inline-block;
position: absolute;
right: 86%;
top: 86%;
}
.box6 {
width:85%;
height:14%;
background-color: rgb(114, 61, 197);
display: inline-block;
position: absolute;
right: 0;
top: 86%;
}
h1,
h1 a{
background-color:rgb(188, 11, 6);
color:#fff;
text-align: center;
line-height: 2;
}
h2{
text-align: center;
}
h2:first-of-type{
margin-top: 2in;
}
.box6 p{
color:#fff;
font-size: 1.2rem;
padding:.25in;
}
</style>
</head>
<body>
<div class="box0">
</div>
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="box4">
<h2>Not sure which HTML 2 PDF Tool to use?</h2>
<h1>html2pdf.guru</h1>
<h2>Compares seven different tools* for you!</h2>
</div>
<div class="box5"></div>
<div class="box6"><p>
* mPDF, typeset.sh, PDFreactor, wkhtmltopdf, WeasyPrint, Prince, and Puppeteer.
</p></div>
</body>
</html>