166 lines
4.6 KiB
PHP
166 lines
4.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Berita Acara Penerimaan Dokumen Pertek</title>
|
|
<style>
|
|
body {
|
|
font-family: 'Times New Roman', Times, serif;
|
|
font-size: 12pt;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.kop-surat {
|
|
text-align: center;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.kop-surat img {
|
|
width: 100%;
|
|
}
|
|
|
|
.surat-details {
|
|
width: 100%;
|
|
}
|
|
|
|
.details-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.details-table td {
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.details-table .label {
|
|
width: 120px;
|
|
}
|
|
|
|
.details-table .colon {
|
|
width: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.content-surat {
|
|
margin-top: 20px;
|
|
text-align: justify;
|
|
}
|
|
|
|
.ttd-section {
|
|
margin-top: 30px;
|
|
text-align: right;
|
|
width: 40%;
|
|
float: right;
|
|
}
|
|
|
|
.ttd-section p {
|
|
margin: 5px 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="surat-details">
|
|
<!-- Kop Surat -->
|
|
<h1>BERITA ACARA PENERIMAAN DOKUMEN <br> STANDART TEKNIS PEMBUANGAN AIR LIMBAH KE BADAN AIR PENERIMA</h1>
|
|
<table class="details-table">
|
|
<tr>
|
|
<td class="label">Nomor Berita Acara</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">Test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Tanggal Berita Acara</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Nama Perusahaan</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Nomor Perusahaan</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Alamat Perusahaan</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Telp/Fax</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Email</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Nama Kegiatan</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Alamat Kegiatan</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Telp/Fax</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Penanggung Jawab / Jabatan</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Contact Person</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Jabatan</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Telp / HP</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">NIB</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">KBLI</td>
|
|
<td class="colon">:</td>
|
|
<td class="value">test</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Isi Surat -->
|
|
<div class="content-surat">
|
|
<p>test</p>
|
|
</div>
|
|
|
|
<!-- Tanda Tangan -->
|
|
<div class="ttd-section">
|
|
<p>Jakarta, test</p>
|
|
<p>Kepala Dinas Lingkungan Hidup</p>
|
|
<br><br><br>
|
|
<p><u>Nama Pejabat</u></p>
|
|
<p>NIP. 19700101 199001 1 001</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|