<html>
<head>
<style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
width: 600px;
height: 408px;
}
.page {
position: relative;
width: 600px;
height: 408px;
overflow: hidden;
}
</style>
<link
rel="stylesheet"
type="text/css"
href="https://fonts.googleapis.com/css?family=Roboto" />
</head>
<body>
<div class="page" style="background-color: white">
<div style="
position: absolute;
margin: 0;
padding: 0;
left: 357.599999999999px;
top: 11.999999999999813px;
width: 230.40000000000106px;
height: 384.0000000000003px;
overflow: hidden;
transform: rotate(0deg) scaleX(1) scaleY(1);
transform-origin: top left;
">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjYwIiBoZWlnaHQ9IjYwIiBmaWxsPSJyZ2IoMCwgMTYxLCAyNTUpIiBzdHlsZT0iZmlsbDogcmdiKDIzNSwgODQsIDEwMik7Ii8+PC9zdmc+" style="
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
width: 230.40000000000106px;
height: 384.0000000000003px;
opacity: 1;
filter:
blur(0px)
brightness(1)
;
" />
</div>
<div style="
position: absolute;
margin: 0;
padding: 0;
left: 110.09439082935918px;
top: 335.59342881913386px;
width: 471.2359085246133px;
height: 59.99999999998722px;
overflow: hidden;
transform: rotate(0deg) scaleX(1) scaleY(1);
transform-origin: top left;
">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiBzdHJva2U9InJnYmEoOTgsIDE5NywgMjU1LCAxKSIgc3Ryb2tlLXdpZHRoPSI0IiBmaWxsPSJyZ2IoMCwgMTYxLCAyNTUpIiBzdHlsZT0iZmlsbDogcmdiKDAsIDE2MSwgMjU1KTsgc3Ryb2tlOiByZ2IoMCwgMTYwLCAyNTUpOyIvPjwvc3ZnPg==" style="
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
width: 471.2359085246133px;
height: 59.99999999998722px;
opacity: 1;
filter:
blur(0px)
brightness(1)
;
" />
</div>
<div style="
position: absolute;
margin: 0;
padding: 0;
left: 23.999999999999144px;
top: 23.000000000000085px;
width: 557.3302993539745px;
height: 2px;
overflow: hidden;
transform: rotate(0deg);
transform-origin: top left;
">
<img src="https://pg-prod-bucket-1.s3.amazonaws.com/images/org_hC2tD8A3WXGboP9oEEQHYY/test/image_1G2LGsNiVzCTh98js23bce.svg%2Bxml" style="
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
width: 557.3302993539745px;
height: 2px;
opacity: 1;
filter:
blur(0px)
brightness(1)
;
" />
</div>
<div style="
position: absolute;
margin: 0;
padding: 0;
left: 25.000000000000007px;
top: 24.00000000000003px;
width: 360px;
height: 2px;
overflow: hidden;
transform: rotate(90.00000000000014deg);
transform-origin: top left;
">
<img src="https://pg-prod-bucket-1.s3.amazonaws.com/images/org_hC2tD8A3WXGboP9oEEQHYY/test/image_mHrMaqJRWVmybFEL7hyQPC.svg%2Bxml" style="
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
width: 360px;
height: 2px;
opacity: 1;
filter:
blur(0px)
brightness(1)
;
" />
</div>
<div style="
position: absolute;
margin: 0;
padding: 0;
left: 23.99999999999917px;
top: 383.00000000000006px;
width: 552.0000000000009px;
height: 2px;
overflow: hidden;
transform: rotate(5.900159409091732e-15deg);
transform-origin: top left;
">
<img src="https://pg-prod-bucket-1.s3.amazonaws.com/images/org_hC2tD8A3WXGboP9oEEQHYY/test/image_xobwCrm4GU5n8kd4PHEnoH.svg%2Bxml" style="
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
width: 552.0000000000009px;
height: 2px;
opacity: 1;
filter:
blur(0px)
brightness(1)
;
" />
</div>
<div style="
position: absolute;
margin: 0;
padding: 0;
left: 577px;
top: 24.000000000000068px;
width: 359.99999999999994px;
height: 2px;
overflow: hidden;
transform: rotate(90.00000000000006deg);
transform-origin: top left;
">
<img src="https://pg-prod-bucket-1.s3.amazonaws.com/images/org_hC2tD8A3WXGboP9oEEQHYY/test/image_hLHiEwdQnaCWKeexLMskVf.svg%2Bxml" style="
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
width: 359.99999999999994px;
height: 2px;
opacity: 1;
filter:
blur(0px)
brightness(1)
;
" />
</div>
<div style="
position: absolute;
margin: 0;
padding: 0;
left: 12.000000000000027px;
top: 11px;
width: 576px;
height: 2px;
overflow: hidden;
transform: rotate(2.1203697876423446e-15deg);
transform-origin: top left;
">
<img src="https://pg-prod-bucket-1.s3.amazonaws.com/images/org_hC2tD8A3WXGboP9oEEQHYY/test/image_wW69auA9ceJXetcXRLRBP3.svg%2Bxml" style="
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
width: 576px;
height: 2px;
opacity: 1;
filter:
blur(0px)
brightness(1)
;
" />
</div>
<div style="
position: absolute;
margin: 0;
padding: 0;
left: 12.999999999999996px;
top: 12.000000000000023px;
width: 384.0000000000001px;
height: 2px;
overflow: hidden;
transform: rotate(90deg);
transform-origin: top left;
">
<img src="https://pg-prod-bucket-1.s3.amazonaws.com/images/org_hC2tD8A3WXGboP9oEEQHYY/test/image_ogfLGFryVvXtESKyhivgXZ.svg%2Bxml" style="
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
width: 384.0000000000001px;
height: 2px;
opacity: 1;
filter:
blur(0px)
brightness(1)
;
" />
</div>
<div style="
position: absolute;
margin: 0;
padding: 0;
left: 12.000000000000028px;
top: 395.00000000000034px;
width: 576.0000000000001px;
height: 2px;
overflow: hidden;
transform: rotate(-2.261727773485167e-14deg);
transform-origin: top left;
">
<img src="https://pg-prod-bucket-1.s3.amazonaws.com/images/org_hC2tD8A3WXGboP9oEEQHYY/test/image_63qRpwkVGGUz8s2UbvctrQ.svg%2Bxml" style="
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
width: 576.0000000000001px;
height: 2px;
opacity: 1;
filter:
blur(0px)
brightness(1)
;
" />
</div>
<div style="
position: absolute;
margin: 0;
padding: 0;
left: 588.9999999999998px;
top: 12.000000000000018px;
width: 384px;
height: 2px;
overflow: hidden;
transform: rotate(90deg);
transform-origin: top left;
">
<img src="https://pg-prod-bucket-1.s3.amazonaws.com/images/org_hC2tD8A3WXGboP9oEEQHYY/test/image_1NnaGLGvwYekMrH2tXZdss.svg%2Bxml" style="
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
width: 384px;
height: 2px;
opacity: 1;
filter:
blur(0px)
brightness(1)
;
" />
</div>
<div style="
position: absolute;
left: 358.9170656480525px;
top: 157.01123595505624px;
transform: rotate(0deg);
transform-origin: top left;
width: 229px;
height: 57px;
font-family: 'Roboto';
font-size: 23px;
font-style: normal;
font-weight: bold;
color: rgba(255,255,255,1);
opacity: 1;
text-align: center;
line-height: 1.2;
letter-spacing: 0em;
text-decoration: none;
white-space: pre-wrap;
">Address & Incidia Region</div>
<div style="
position: absolute;
left: 118.87030720452081px;
top: 347.59342881912823px;
transform: rotate(0deg);
transform-origin: top left;
width: 470px;
height: 36px;
font-family: 'Roboto';
font-size: 29px;
font-style: normal;
font-weight: bold;
color: rgba(255,255,255,1);
opacity: 1;
text-align: center;
line-height: 1.2;
letter-spacing: 0em;
text-decoration: none;
white-space: pre-wrap;
">USPS Barcode Region</div>
<div style="
position: absolute;
left: 53.870307204520756px;
top: 186.00000000000006px;
transform: rotate(0deg);
transform-origin: top left;
width: 300px;
height: 18px;
font-family: 'Roboto';
font-size: 14px;
font-style: normal;
font-weight: normal;
color: black;
opacity: 1;
text-align: center;
line-height: 1.2;
letter-spacing: 0em;
text-decoration: none;
white-space: pre-wrap;
">Here is your coupon: {{coupon}}</div>
</div>
</body>
</html>