Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Vouchers</title>
        <script src="https://artaflash.sman1maja.sch.id/jquery.min.js" type="text/javascript"></script>
        <script src="https://artaflash.sman1maja.sch.id/jquery.qrcode.min.js" type="text/javascript"></script>
        <style>
            @page {
                size: A4;
                margin: 0;
            }
            @media print {
                html, body {
                    width: 210mm;
                    height: 297mm;
                    margin-left: auto;
                    margin-right: auto;
                }
            }
            @media screen {
                html, body {
                    width: 800px;
                }
            }
            body
            {
                padding: 20px;
                margin:0;
                margin-left: auto;
                margin-right: auto;
                font-size: 12px;
                font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            }
            #main-wrap {
                background-color: #fff;
                height: 180px;
                text-align: left;
                display: inline-block;
            }
            #main-wrap > div {
               height: 180px;
            }
            #main-wrap {
                width: 39%;
                padding-top: 10px;
                padding-bottom: 10px;
            }
	    #inner {
                background:url(https://artaflash.sman1maja.sch.id/voucher.png) no-repeat;
                width: 286px;
		height: 174px;
                padding: 0px;
            }
	     #hotspot-name {
                padding-left: 15px;
		color:#fff;
                font-size: 11px;
		font-weight:bold;
            }
	     #user-pass {
                padding-top: 8px;
		padding-left:10px;
                font-size: 11px;
		font-weight:bold;
		color:#000;
            }
	    #price {
                width: 286px;
		height: 25px;
                padding: 0px;
		color:#fff;
                font-size: 14px;
		font-weight:bold;
		display: inline-block;
            }
            #leftside {
		display: inline-block;
		width:286px;
		height:145px;
            }
            #rightside {
		 display: inline-block;
                width:50%;
                height: 145px;
                font-size: 15px;
            }
            .qrcode {
		padding-top:5px;
		padding-left:10px;
            }
   </style>
 </head>
<body>