{% extends "layouts/base.html" %}


<!-- Specific Page CSS goes HERE  -->
{% block stylesheets %}{% endblock stylesheets %}

{% block content %}
<div class="content">
	<div class="page-inner">
		<div class="page-header">
			<h4 class="page-title">SIKD Kita</h4>
			<ul class="breadcrumbs">
				<li class="nav-home">
					<a href="/home">
						<i class="flaticon-home"></i>
					</a>
				</li>
				<li class="separator">
					<i class="flaticon-right-arrow"></i>
				</li>
				<li class="nav-item">
					<a href="/sikdkita">SIKD Kita</a>
				</li>
			</ul>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="card">
					<nav>
						<div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
							<a class="nav-item nav-link active" id="nav-sekilas-tab" data-toggle="tab"
								href="#nav-sekilas" role="tab" aria-controls="nav-sekilas" aria-selected="false">Sekilas
								SIKD</a>
							<a class="nav-item nav-link" id="nav-regulasi-tab" data-toggle="tab" href="#nav-regulasi"
								role="tab" aria-controls="nav-regulasi" aria-selected="false">Regulasi</a>
							<a class="nav-item nav-link" id="nav-pembakuan-tab" data-toggle="tab" href="#nav-pembakuan"
								role="tab" aria-controls="nav-pembakuan" aria-selected="false">Pembakuan</a>
							<a class="nav-item nav-link" id="nav-kapasitas-tab" data-toggle="tab" href="#nav-kapasitas"
								role="tab" aria-controls="nav-kapasitas" aria-selected="false">Kapsitas Fiskal</a>
						</div>
					</nav>
					<div class="tab-content" id="nav-tabContent">
						<div class="tab-pane fade show active" id="nav-sekilas" role="tabpanel"
							aria-labelledby="nav-sekilas-tab">
							<h2 style="color:blue;"> Sekilas Sistem Informasi Keuangan Daerah <h2>
									<hr style="height:0.5px;background-color:blue">
									<p align="justify"> Sistem Informasi Keuangan Daerah yang selanjutnya disingkat SIKD
										adalah suatu sistem yang mendokumentasikan, mengadministrasikan, serta mengolah
										data
										pengelolaan keuangan daerah dan data terkait lainnya menjadi informasi yang
										disajikan kepada masyarakat dan sebagai bahan pengambilan keputusan dalam rangka
										perencanaan, pelaksanaan, dan pelaporan pertanggungjawaban pemerintah daerah
										(Pasal 1 ayat 3, PMK 74 PMK.07 2016 tentang Penyelenggaraan Sistem Informasi
										Keuangan Daerah)</p>
									<hr>
									<h3 style="color:blue;">Perkembangan SIKD Nasional <h3>
											<div class="table table-sm">
												<table class="tablePeg table">
													<thead>
														<tr>
															<th scope="col">Tahun</th>
															<th scope="col">Nama Aplikasi</th>
															<th scope="col">Version</th>
															<th scope="col">Keterangan</th>
														</tr>
													</thead>
													<tbody id="myTable">
														<tr>
															<td>2010-2013</td>
															<td>KOMANDAN</td>
															<td>2.0</td>
															<td align="justify">Sistem Informasi Keuangan Daerah yang
																selanjutnya disingkat SIKD
																adalah suatu sistem yang mendokumentasikan,
																mengadministrasikan, serta mengolah data
																pengelolaan keuangan daerah dan data terkait lainnya
																menjadi informasi yang
																disajikan kepada masyarakat dan sebagai bahan
																pengambilan keputusan dalam rangka
																perencanaan, pelaksanaan, dan pelaporan
																pertanggungjawaban pemerintah daerah</td>
														</tr>
														<tr>
															<td>2013-2021</td>
															<td>SIKD Nasional</td>
															<td>3.0</td>
															<td align="justify">Sistem Informasi Keuangan Daerah yang
																selanjutnya disingkat SIKD
																adalah suatu sistem yang mendokumentasikan,
																mengadministrasikan, serta mengolah data
																pengelolaan keuangan daerah dan data terkait lainnya
																menjadi informasi yang
																disajikan kepada masyarakat dan sebagai bahan
																pengambilan keputusan dalam rangka
																perencanaan, pelaksanaan, dan pelaporan
																pertanggungjawaban pemerintah daerah</td>
														</tr>
													</tbody>
												</table>
											</div>
						</div>
						<div class="tab-pane fade" id="nav-regulasi" role="tabpanel" aria-labelledby="nav-regulasi-tab">
							<h2 style="color:blue;"> Regulasi Sistem Informasi Keuangan Daerah <h2>
									<hr style="height:0.5px;background-color:blue">
									<div class="table-responsive-xl">
										<table class="tablePeg table">
											<thead>
												<tr>
													<th scope="col">No</th>
													<th scope="col">Nomor Peraturan</th>
													<th scope="col">Tentang</th>
												</tr>
											</thead>
											<tbody id="myTable">
												<tr style="text-align: center;">
													<td>1</td>
													<td>UU Nomor XX Rahun YYYY </td>
													<td>A button variant will give you a complete idea about creating
														your button and how many properties you can add to them.</td>
												</tr>
											</tbody>
										</table>
									</div>
						</div>
						<div class="tab-pane fade" id="nav-pembakuan" role="tabpanel"
							aria-labelledby="nav-pembakuan-tab">
							<h2 style="color:blue;"> Pembakuan Sistem Informasi Keuangan Daerah <h2>
									<hr style="height:0.5px;background-color:blue">
									<div class="table-responsive-xl">
										<table class="tablePeg table">
											<thead>
												<tr>
													<th scope="col">No</th>
													<th scope="col">Nomor Peraturan</th>
													<th scope="col">Tentang</th>
												</tr>
											</thead>
											<tbody id="myTable">
												<tr style="text-align: center;">
													<td>1</td>
													<td>UU Nomor XX Rahun YYYY </td>
													<td>A button variant will give you a complete idea about creating
														your button and how many properties you can add to them.</td>
												</tr>
											</tbody>
										</table>
									</div>
						</div>
						<div class="tab-pane fade" id="nav-kapasitas" role="tabpanel"
							aria-labelledby="nav-kapasitas-tab">
							<h2 style="color:blue;"> Kapsitas Fiskal Sistem Informasi Keuangan Daerah <h2>
									<hr style="height:0.5px;background-color:blue">
									<div class="table-responsive-xl">
										<table class="tablePeg table">
											<thead>
												<tr>
													<th scope="col">No</th>
													<th scope="col">Nomor Peraturan</th>
													<th scope="col">Tentang</th>
												</tr>
											</thead>
											<tbody id="myTable">
												<tr style="text-align: center;">
													<td>1</td>
													<td>UU Nomor XX Rahun YYYY </td>
													<td>A button variant will give you a complete idea about creating
														your button and how many properties you can add to them.</td>
												</tr>
											</tbody>
										</table>
									</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}

{% endblock javascripts %}