Untitled

<!DOCTYPE html>
<html lang="en">
	<head>
		<title>cetak surat</title>
		<meta charset="utf-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
    	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
	    <script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js"></script>
	    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.debug.js"></script>
	    <style type="text/css">
	    	th {
	    		text-align: center;
	    	}

	    	.center {
	    		text-align: center;
	    	}
	    	.right{
	    		text-align: right;
	    	}
	    	.page {
			  width: 21cm;
			  min-height: 29.7cm;
			  padding: 2cm;
			  margin: 1cm auto;
			  border: 1px #D3D3D3 solid;
			  border-radius: 5px;
			  background: white;
			  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
			}

			@page{
				size: A4 landscape;
			}

			.deskripsi {
				padding: 10px 0;
			}
			.foot-sign {
				margin-top: 50px;
			}
			.foot-sign .signature {
				width: 150px;
			}

			.foot-sign .signature img{
				width: 100%;
			}
	    </style>
	</head>
	<body>
		<div class="container">
			<div class="row">
				<div style="margin-top: 10px;">
					<div>
						<img style="width: 110px;" src="<?php echo base_url() ?>/public/assets/img/icon.png" alt="">
					</div>
					<div style="text-align: center; font-size: 18px">
						REKAPITULASI REALISASI PENGGUNAAN DANA BOS SD/SMP SWASTA<br> PERIODE: APRIL 2018<br><b>TAHUN ANGGARAN 2018</b>
					</div>
				</div>
				<hr style="border-width: 2px; border-color: black; margin-top: 40px;"><br>
				<hr style="border-width: 1px; border-color: black; margin-top: -35px;">

				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-6">
						<table border="0">
							<tr>
								<td width="150px;">Nama Sekolah</td>
								<td>:</td>
								<td> &nbsp;SMP Negeri 3 Mlati</td>
							</tr>
							<tr>
								<td>Desa/Kecamatan</td>
								<td>:</td>
								<td> &nbsp;Tlogoadi, Mlati, Sleman</td>
							</tr>
							<tr>
								<td>Kabupaten</td>
								<td>:</td>
								<td> &nbsp; Sleman</td>
							</tr>
							<tr>
								<td>Provinsi</td>
								<td>:</td>
								<td> &nbsp; D.I.Y</td>
							</tr>
						</table>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6">
						<p style="position: relative;top: 60px;font-weight: bold">Format BOS-K3</p>
					</div>
				</div>

				<table style="margin-top: 20px; width: 100%;" border="1">
					<tr>
						<th>&nbsp;&nbsp;Tanggal&nbsp;&nbsp;</th>
						<th>&nbsp;&nbsp;No. Kode&nbsp;&nbsp;</th>
						<th>&nbsp;&nbsp;No. Bukti&nbsp;&nbsp;</th>
						<th>&nbsp;&nbsp;Uraian&nbsp;&nbsp;</th>
						<th>&nbsp;&nbsp;Penerima/<br>Debet (Rp)&nbsp;&nbsp;</th>
						<th>&nbsp;&nbsp;Pengeluaran/<br>Kredit (Rp)&nbsp;&nbsp;</th>
						<th>&nbsp;&nbsp;Saldo&nbsp;&nbsp;</th>
					</tr>
					<tr>
						<th>&nbsp;&nbsp;1&nbsp;&nbsp;</th>
						<th>&nbsp;&nbsp;2&nbsp;&nbsp;</th>
						<th>&nbsp;&nbsp;3&nbsp;&nbsp;</th>
						<th>&nbsp;&nbsp;4&nbsp;&nbsp;</th>
						<th>&nbsp;&nbsp;5&nbsp;&nbsp;</th>
						<th>&nbsp;&nbsp;6&nbsp;&nbsp;</th>
						<th>&nbsp;&nbsp;7&nbsp;&nbsp;</th>
					</tr>
					<tr>
						<td class="center">&nbsp;&nbsp;02/04/2018&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;Saldo Bulan Lalu</td>
						<td class="right">1,437,840&nbsp;&nbsp;</td>
						<td class="right">&nbsp;&nbsp;</td>
						<td class="right">1,437,840&nbsp;&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;Bunga Bank</td>
						<td class="right">210&nbsp;&nbsp;</td>
						<td class="right">&nbsp;&nbsp;</td>
						<td class="right">1,438,050&nbsp;&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;Pajak Bunga Bank</td>
						<td class="right">&nbsp;&nbsp;</td>
						<td class="right">-&nbsp;&nbsp;</td>
						<td class="right">1,438,050&nbsp;&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;Administrasi Bank</td>
						<td class="right">&nbsp;&nbsp;</td>
						<td class="right">5,000&nbsp;&nbsp;</td>
						<td class="right">1,433,050&nbsp;&nbsp;</td>
					</tr>
					<tr>
						<th colspan="4">&nbsp;&nbsp;Jumlah</th>
						<th class="right">1,438.050&nbsp;&nbsp;</th>
						<th class="right">5,000&nbsp;&nbsp;</th>
						<th class="right">1,433,050&nbsp;&nbsp;</th>
					</tr>

				</table>
				<div class="row deskripsi">
					<div class="col-lg-12">
						<p>Pada hari ini Senin Tanggal Tiga Puluh Bulan April Tahun Dua Ribu Delapan Belas, Buku Kas Umum ditutup dengan keadaan/posisi Buku sebagai berikut : </p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-10">
						<table border="0" width="100%">
							<tr>
								<th style="text-align: left">Saldo Buku Kas Umum</th>
								<th style="text-align: left;">Rp.</th>
								<th class="right" style="width: 40%;">1,433,050</th>
							</tr>
							<tr>
								<td>
									Terdiri dari :
								</td>
							</tr>
							<tr>
								<td>
									Saldo Bank
								</td>
								<td>Rp.</td>
								<td class="right">376,632</td>
							</tr>
							<tr>
								<td>
									Saldo Kas Tunai
								</td>
								<td style="border-bottom: solid 1px;">
									Rp.
								</td>
								<td class="right" style="border-bottom: solid 1px;">
									1,056,418
								</td>
								<td style="padding-left: 10px;">+</td>
							</tr>
						</table>
					</div>
				</div>
				<div class="row foot-sign">
					<div class="col-lg-6">
						<p>Mengetahui,</p>
						<p>Kepala Sekolah</p>
						<div class="signature">
							<img src="<?php echo base_url() ?>/images/download.jpg">
						</div>
						<p>Dra. NUR WAHYUNI HIDAYATI</p>
						<p>NIP 19580411 198303 2 004</p>
					</div>
					<div class="col-lg-6">
						<p>Mengetahui,</p>
						<p>Kepala Sekolah</p>
						<div class="signature">
							<img src="<?php echo base_url() ?>/images/download.jpg">
						</div>
						<p>Dra. NUR WAHYUNI HIDAYATI</p>
						<p>NIP 19580411 198303 2 004</p>
					</div>
				</div>
			</div>
		</div>

	</body>
</html>