pdf_show
<html>
<head>
<style>
@page {
size: A4;
margin: 0;
}
html,
body {
/* width: 210mm;
height: 297mm;*/
margin: 0 auto;
padding: 0 auto;
border: 1px solid red;
display:block;
}
.certificate-heading {
font-size: 22px;
color: rgb(59, 137, 163);
padding-top: 230px;
text-align: right;
margin-right:20px;
}
.heading {
font-size: 50px;
font-family: 'Brush Script MT', 'Brush Script Std', cursive;
color: rgb(59, 137, 163);
padding-top: 0px;
text-align: right;
margin-right:-58px;
/* border:1px solid ; */
font-style: italic;
}
/* .font_style {
font-family: 'Brush Script MT', 'Brush Script Std', cursive;
font-size: 50px;
font-style: italic;
color: rgb(18, 97, 121);
}*/
.tables {
margin-left: auto;
margin-right: auto;
margin-top: 80px;
}
tr>*+* {
padding-left: 4em;
}
td {
font-size: 22px;
padding-top: 20px;
color: rgb(48, 90, 128);
}
</style>
</head>
<body>
<div style="width:800px; background-image: url('assets/cat-registration.png'); background-repeat: no-repeat; height:1100px;">
<!-- <img xlass="img" src="assets/cat_registrations.png"/> -->
<div class="main">
<p class="certificate-heading"> CERTIFICATES OF REGISTRATION</p>
</div>
<div class="heading">
<p>Govind</p>
</div>
<table class="tables">
<tbody>
<tr>
<td>NCPI REGISTRATION #:</td>
<td>1205422</td>
</tr>
<tr>
<td>Breed:</td>
<td>Domestics Short Haired</td>
</tr>
<tr>
<td>Pure/Cross:</td>
<td>Pure</td>
</tr>
<tr>
<td>Date Of Birth:</td>
<td>20/12/2017</td>
</tr>
<tr>
<td>Sex:</td>
<td>Female</td>
</tr>
<tr>
<td>Color:</td>
<td>Blue</td>
</tr>
<tr>
<td>Marking(s):</td>
<td>N/a</td>
</tr>
<tr>
<td>
Microchip #:
</td>
<td>
953010002295154
</td>
</tr>
<tr>
<td>King:</td>
<td>Not Registered</td>
</tr>
<tr>
<td>Queen:</td>
<td>Not Registered</td>
</tr>
</table>
</div>
</body>
</html>
Comments
Post a Comment