Educational Markheet template created using HTML and CSS. You can use this template for college results. This code is tested and you can create PDF while printing .
Source Code
<html>
<head>
<title>
Markesheet
</title>
<style>
body{background-image:url('bg.jpg');background-size:cover;}
.container { padding-right: 15%; padding-left: 15%; margin-right: auto; margin-left: auto; }
@media(max-width:700px) {
.container {
padding-right: 5%;
padding-left: 5%;
}
}
.border{border:solid 1px black;}
.imglogo{display:block;margin:auto}
@media(max-width:700px) {
.imglogo {
width: 80%;
}
}
.bold{font-weight:bolder;}
.border-top{border-top:solid 1px black;}
.border-left{border-left:solid 1px black;}
.border-right { border-right: solid 1px black; }
.padl{padding-left:5px;}
.padr { padding-right: 5px; }
</style>
