<?php
$this->db->insert("t_visitor", array("DATE" => date("Y-m-d H:i:s"),
										"IP_ADDRESS" => $_SERVER['REMOTE_ADDR'],
										"DETAIL" => "Dashboard"));
header("Access-Control-Allow-Origin: *");
 ?>
<!DOCTYPE html>
<!-- </body></html> -->
<!--[if IE 9]>			<html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->	<html> <!--<![endif]-->
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<!-- Basic -->
	
	<?php include('Meta.php'); ?>
	<!-- Favicons -->
	<link rel="shortcut icon" type='image/x-icon' href="<?php echo base_url().'assets/frontend_page/';?>img/favicon/favicon.ico">
	<!--<link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php echo base_url().'assets/frontend_page/';?>img/favicon/fapple-touch-icon-144x144-precomposed.png">-->
	<!--<link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php echo base_url().'assets/frontend_page/';?>img/favicon/fapple-touch-icon-114x114-precomposed.png">-->
	<!--<link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo base_url().'assets/frontend_page/';?>img/favicon/fapple-touch-icon-72x72-precomposed.png">-->
	<!--<link rel="apple-touch-icon-precomposed" href="<?php echo base_url().'assets/frontend_page/';?>img/favicon/fapple-touch-icon-precomposed.png">-->

	<!-- Mobile Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="<?php echo base_url().'assets/frontend_page/';?>css/library/bootstrap/bootstrap.min.css" />

	<!-- AWESOME and ICOMOON fonts -->
	<link rel="stylesheet" href="<?php echo base_url().'assets/frontend_page/';?>css/fonts/awesome/css/font-awesome.css">
	<link rel="stylesheet" href="<?php echo base_url().'assets/frontend_page/';?>css/fonts/icomoon/style.css">

	<!-- Open Sans fonts -->
	<link rel="stylesheet"  href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800">

	<!-- Theme CSS -->
	<link rel="stylesheet" href="<?php echo base_url().'assets/frontend_page/';?>css/theme.css">
	<link rel="stylesheet" href="<?php echo base_url().'assets/frontend_page/';?>css/theme-elements.min.css">
	<link rel="stylesheet" href="<?php echo base_url().'assets/frontend_page/';?>css/color/orange.css">

	<!-- Slider revolution -->
	<link rel="stylesheet" href="<?php echo base_url().'assets/frontend_page/';?>js/library/slider-revolution/css/settings.css">

	<link rel="stylesheet" href="<?php echo base_url().'assets/frontend_page/';?>css/library/animate/animate.min.css">

	<!-- Your styles -->


	<link rel="stylesheet" href="<?php echo base_url().'assets/frontend_page/';?>css/styles.css">
	<link rel="stylesheet" href="https://dabeng.github.io/OrgChart/css/jquery.orgchart.css">
	<link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">

	<style>
		#orgchart-container {
			position: relative;
			display: inline-block;
			top: 10px;
			left: 10px;
			width: calc(100% - 24px);
			border: 2px dashed #aaa;
			border-radius: 5px;
			overflow: auto;
			text-align: center;
		}
		.title{
			margin-bottom: 0px !important;
		}
		div.orgchart{
			width: 100% !important;
		}
		.orgchart .assistant-node {
		  display: inline-block;
		  margin: 0;
		  padding: 3px;
		  border: 2px dashed transparent;
		  text-align: center;
		  width: 130px;
		  left: 280px;
		  top: 30px;
		  z-index: 2;
		  position: absolute;
		}
		.orgchart .assistant-node .connector {
		  border-left: rgba(217, 83, 79, 0.8) dashed 2px;
		  border-bottom: rgba(217, 83, 79, 0.8) dashed 2px;
		  position: absolute;
		  left: -175px;
		  width: 182px;
		  height: 12.5px;
		  top: 12.5px;
		}
		.orgchart .org-bawahan .title {
		  background-color: #009933;
		}
		.orgchart .org-kabag .title {
		  background-color: #006699;
		}
		.orgchart .org-sekre .title {
		  background-color: #993366;
		}
	</style>
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-6MRW4YQF5H"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());
	
	  gtag('config', 'G-6MRW4YQF5H');
	</script>
</head>

<body class="index">

	<header id="header">
		<aside class="topbar">
			<div class="container">

				<ul class="touch" style="color: #fff;">
					<li>
						<img src="<?php echo base_url().'assets/frontend_page/';?>img/phone.png" alt="Phone" title="Phone">
						<p>024-76433969</p>
					</li>
					<li>
						<img src="<?php echo base_url().'assets/frontend_page/';?>img/mail.png" alt="Mail" title="Mail">
						<p><a href="mailto:dpu.smgkota@gmail.com" style="color: rgba(255,255,255,1);">dpu.smgkota@gmail.com</a></p>
					</li>
					<li>
						<img src="<?php echo base_url().'assets/frontend_page/';?>img/map.png" alt="Map" title="Map">
						<p>Jl. Madukoro Raya No.7, Krobokan, Semarang Barat<br>Kota Semarang, Jawa Tengah 50141</p>
					</li>
				</ul><!-- .touch -->

				<ul class="user-nav">
						<li><a href="<?php echo base_url().'Auth';?>" class="btn">Login</a></li>
					</ul><!-- .user-nav -->

				<ul class="social">
					<li><a href="http://vt.tiktok.com/JUs7qc/" target="_blank" class="tiktok"><img src="<?=base_url(); ?>assets/img/tiktok.png" style="height: 35px;" /></a></li>
					<li><a href="https://www.instagram.com/dpukotasemarang/" target="_blank" class="instagram"></a></li>
					<li><a href="https://twitter.com/pu_kotasemarang" target="_blank" class="twitter"></a></li>
					<li><a href="https://www.facebook.com/dinaspekerjaanumum.umum.3" class="facebook"></a></li>
					<!-- <li><a href="#" class="google"></a></li> -->
					<li><a href="https://www.youtube.com/channel/UCEv9FkKeZUW0mhPZ3P0fysg" class="youtube"></a></li>
				</ul><!-- .social -->

			</div><!-- .container -->
		</aside><!-- .topbar -->
		<div class="navbar megamenu-width">
			<div class="container">
				<div class="navbar-inner">

					<a href="<?php echo base_url();?>" class="logo">
						<img height="10px" src="<?php echo base_url().'assets/';?>frontend_page/img/ssp-semarangedit.png" />
					</a><!-- .logo -->

					<div class="mobile-social">
						<ul class="social">
						<li><a href="http://vt.tiktok.com/JUs7qc/" target="_blank" class="tiktok"><img src="<?=base_url(); ?>assets/img/tiktok.png" /></a></li>
						<li><a href="https://www.instagram.com/pu_kotasemarang/" target="_blank" class="instagram"></a></li>
						<li><a href="https://twitter.com/pu_kotasemarang" target="_blank" class="twitter"></a></li>
						<!--<li><a href="#" class="facebook"></a></li>
						<li><a href="#" class="google"></a></li>
						<li><a href="#" class="youtube"></a></li>-->
					</ul>
					</div>

					<ul id="mobile-menu">
						<li><a href="<?php echo base_url().'Auth';?>" title="Log in">Log In</a></li>
						<li>
							<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-collapse">
								<i class="fa fa-reorder"></i>
							</button>
						</li>
					</ul><!-- #mobile-menu -->

					<ul id="main-menu" class="collapse navbar-collapse nav slide">
						<li class='active'><a href="<?php echo base_url();?>">Beranda<span>Home</span></a></li>
						<li class="megamenu"><a href="#">Profil<i class="carret"></i><span>DPU Kota Semarang</span></a>
							<ul class="dropdown megamenu-category">
								<li>
									<div class="row">
										<div class="col-md-3">

											<nav class="category-nav">
												<ul>
												    <li><a href="<?=base_url(); ?>Main_Content/Bagan">Struktur Organisasi</a></li>
													<li class="current"><a href="#">Tupoksi Bidang & UPTD</a></li>
													<li><a href="#">Sistem Informasi</a></li>
													<li><a href="#">Sistem Internal</a></li>
												</ul>
											</nav><!-- .category-nav" -->

										</div><!-- .col-md-3 -->
										<div class="col-md-9">

											<div class="category-content">
											    <div>
											        <div class="title">
											            <h4>Struktur Organisasi Dinas Pekerjaan Umum Kota Semarang</h4>
											        </div>
													<div class="row">
														<div class="col-sm-12">
															<!-- <div id="orgchart-container"></div> -->
															<div style="margin-top: 100px"></div>
															<center>
																<a href="<?=base_url(); ?>Main_Content/Bagan" class="btn btn-block btn-primary">
																	Jelajah DPU
																</a>
															</center>
															<div style="margin-top: 100px"></div>
														    <!-- <img src="<?php print(base_url('assets/img/struktur_organisasi_DPU.jpeg')); ?>" alt="Struktur Organisasi DPU" /> -->
														</div>
													</div>
											    </div>
												<div class="current">

													<div class="title">
														<h4>Bidang DPU Kota Semarang</h4>
													</div><!-- .title -->

													<div class="text">
														<p><i>Bidang Dan UPTD Adalah Sub Bagian Dari Struktur Organisasi Dinas Pekerjaan Umum Kota Semarang</i></p>
													</div><!-- .text -->
													
													<div class="row">
													<?php
														$list_profil = $this->Model_profil->_Get_List_Profil();
										                  foreach ($list_profil as $list_prof)
												            {
												        ?>

												        <div class="col-sm-3" style="border:0.5px solid #eaeaea;margin:1px;">
															<div class="title">
																<ul class="default">
																	<li><a href="<?php echo base_url('Profil/Detail_Profil').'/'.$list_prof->ID_DIVISI;?>"><?php echo $list_prof->NAMA_DIVISI ?></a></li>
																</ul>
															</div><!-- .title -->
														</div><!-- .col-sm-6 -->
												    <?php } ?>
													</div><!-- .row -->
												</div>
												<div>
													<div class="title">
														<h4>Sistem Informasi</h4>
													</div><!-- .title -->
													<div class="text">
														<p><i>Akses Semua Sistem Informasi Yang Dimiliki Dinas Pekerjaan Umum Kota Semarang</i></p>
													</div><!-- .text -->
													<hr />
													<div class="row">
														<table class="table table-bordered table-striped table-hover" style="border: black solid 1px">
															<tr style="border: black solid 1px">
																<td style="border: black solid 1px">
																	<a href="http://legerpu.semarangkota.go.id">
																		<div class="iconbox">
																			<div class="iconbox-heading">
																				<div class="icon">
																					<img src="<?php echo base_url().'assets/img/sub-sistem/Dashboard.png';?>" alt="Dashboard">
																				</div>
																				<div class="title">
																					<h4><h5>Leger</h5></h4>
																				</div>
																			</div><!-- .iconbox-heading -->
																		</div><!-- .iconbox -->
																	</a>
																</td>
																<td style="border: black solid 1px">
																	<a href="https://drainasepu.semarangkota.go.id/" target="_blank" class="iconbox">
																		<div class="iconbox">
																			<div class="iconbox-heading">
																				<div class="icon">
																					<img src="<?php echo base_url().'assets/img/sub-sistem/Drainase.png';?>" alt="Drainase">
																				</div>
																				<div class="title">
																					<h4><h5>Drainase</h5></h4>
																				</div>
																			</div><!-- .iconbox-heading -->
																		</div><!-- .iconbox -->
																	</a>
																</td>
																<td style="border: black solid 1px">
																	<a href="http://irigasipu.semarangkota.go.id" target="_blank" class="iconbox">
																		<div class="iconbox">
																			<div class="iconbox-heading">
																				<div class="icon">
																					<img src="<?php echo base_url().'assets/img/sub-sistem/Irigasi.png';?>" alt="Irigasi">
																				</div>
																				<div class="title">
																					<h4><h5>Irigasi</h5></h4>
																				</div>
																			</div><!-- .iconbox-heading -->
																		</div><!-- .iconbox -->

																	</a>
																</td>
																<td style="border: black solid 1px">
																	<a href="http://jalanpu.semarangkota.go.id" target="_blank" class="iconbox">
																		<div class="iconbox">
																			<div class="iconbox-heading">
																				<div class="icon">
																					<img src="<?php echo base_url().'assets/img/sub-sistem/Jalan.png';?>" alt="Jalan">
																				</div>
																				<div class="title">
																					<h4><h5>Jalan</h5></h4>
																				</div>
																			</div><!-- .iconbox-heading -->
																		</div><!-- .iconbox -->

																	</a>
																</td>
																<td style="border: black solid 1px">
																	<a href="http://simojan.semarangkota.go.id/" target="_blank" class="iconbox">
																		<div class="iconbox">
																			<div class="iconbox-heading">
																				<div class="icon">
																					<img src="<?php echo base_url().'assets/img/sub-sistem/Jembatan.png';?>" alt="Jembatan">
																				</div>
																				<div class="title">
																					<h4><h5>Jembatan</h5></h4>
																				</div>
																			</div><!-- .iconbox-heading -->
																		</div><!-- .iconbox -->

																	</a>
																</td>
																<td style="border: black solid 1px">
																	<a href="http://pedestrian.binamarga.semarangkota.go.id/" target="_blank" class="iconbox">
																		<div class="iconbox">
																			<div class="iconbox-heading">
																				<div class="icon">
																					<img src="<?php echo base_url().'assets/img/sub-sistem/Pedestrian.png';?>" alt="Pedestrian">
																				</div>
																				<div class="title">
																					<h4><h5>Pedestrian</h5></h4>
																				</div>
																			</div><!-- .iconbox-heading -->
																		</div><!-- .iconbox -->

																	</a>
																</td>
															</tr>
															<tr>
																<td style="border: black solid 1px">
																	<a href="<?php echo base_url().'sekretariat';?>" target="_blank" class="iconbox">
																		<div class="iconbox">
																			<div class="iconbox-heading">
																				<div class="icon">
																					<img src="<?php echo base_url().'assets/img/sub-sistem/Sekretariat.png';?>" alt="Sekretariat">
																				</div>
																				<div class="title">
																					<h4><h5>Sekretariat</h5></h4>
																				</div>
																			</div><!-- .iconbox-heading -->
																		</div><!-- .iconbox -->
																	</a>
																</td>
																<td style="border: black solid 1px">
																	<a href="http://sungaipu.semarangkota.go.id" target="_blank" class="iconbox">
																		<div class="iconbox">
																			<div class="iconbox-heading">
																				<div class="icon">
																					<img src="<?php echo base_url().'assets/img/sub-sistem/Sungai.png';?>" alt="Sungai">
																				</div>
																				<div class="title">
																					<h4><h5>Sungai</h5></h4>
																				</div>
																			</div><!-- .iconbox-heading -->
																		</div><!-- .iconbox -->

																	</a>
																</td>
																<td>
																</td>
																<td>
																</td>
																<td>
																</td>
																<td>
																</td>
															</tr>
														</table>


													</div>
												</div>
												<div class="">

													<div class="title">
														<h4>Sistem Internal DPU Kota Semarang</h4>
													</div><!-- .title -->

													<div class="text">
														<!-- <p><i>Bidang Dan UPTD Adalah Sub Bagian Dari Struktur Organisasi Dinas Pekerjaan Umum Kota Semarang</i></p> -->
													</div><!-- .text -->
													<hr />
													<div class="row">
												        <div class="col-sm-2">
															<div class="title">
																<ul class="default">
																	<li><a href="https://pedestrianpu.semarangkota.go.id">Pedestrian PU</a></li>
																</ul>
															</div>
														</div>
												        <div class="col-sm-2">
															<div class="title">
																<ul class="default">
																	<li><a href="https://drainasepu.semarangkota.go.id">Drainase PU</a></li>
																</ul>
															</div>
														</div>
												        <div class="col-sm-2">
															<div class="title">
																<ul class="default">
																	<li><a href="https://sungaipu.semarangkota.go.id">Sungai PU</a></li>
																</ul>
															</div>
														</div>
												        <div class="col-sm-2">
															<div class="title">
																<ul class="default">
																	<li><a href="https://asetpu.semarangkota.go.id">Aset PU</a></li>
																</ul>
															</div>
														</div>
												        <div class="col-sm-2">
															<div class="title">
																<ul class="default">
																	<li><a href="https://irigasipu.semarangkota.go.id">Irigasi PU</a></li>
																</ul>
															</div>
														</div>
												        <div class="col-sm-2">
															<div class="title">
																<ul class="default">
																	<li><a href="https://legerpu.semarangkota.go.id">Leger PU</a></li>
																</ul>
															</div>
														</div>
												        <div class="col-sm-2">
															<div class="title">
																<ul class="default">
																	<li><a href="https://sip.jantan.semarangkota.go.id">SIPJANTAN</a></li>
																</ul>
															</div>
														</div>
												        <div class="col-sm-2">
															<div class="title">
																<ul class="default">
																	<li><a href="https://simojan.semarangkota.go.id">Simojan</a></li>
																</ul>
															</div>
														</div>
												        <div class="col-sm-2">
															<div class="title">
																<ul class="default">
																	<li><a href="https://jalanpu.semarangkota.go.id">Jalan PU</a></li>
																</ul>
															</div>
														</div>
												        <div class="col-sm-2">
															<div class="title">
																<ul class="default">
																	<li><a href="https://sibalok.semarangkota.go.id">Sibalok</a></li>
																</ul>
															</div>
														</div>
													</div><!-- .row -->
												</div>

											</div><!-- .category-content -->

										</div><!-- .col-md-9 -->
									</div>
								</li>
							</ul><!-- .megamenu-category -->
						</li>
						<li><a href="<?php echo base_url().'Dashboard';?>">Data dan Peta<span>Dashboard</span></a></li>
						<li><a href="<?php echo base_url().'Main_Content/News';?>">Blog<span>Berita & Artikel</span></a></li>
						<li><a href="https://dpu.semarangkota.go.id/ppid" target="_blank">PPID</a></li>
						
						<li class="megamenu"><a href="<?php echo base_url().'Main_Content/Contact';?>">Kontak<span>Hubungi Kami</span></a></li>
					</ul><!-- #main-menu -->

				</div><!-- .navbar-inner -->

			</div><!-- .container -->
		</div><!-- .navbar -->
	</header><!-- #header -->

	<?php $this->load->view($content); ?>
<div style="display: none;">
<a href="https://bambu4d.com/" rel="sponsored">Bambu4d</a><br>
<a href="https://bambu4d.page/" rel="sponsored">Prediksi Togel Bambu4d</a><br>
<a href="https://www.robbellwebdesign.com/" rel="sponsored">Slot Gacor Bet Kecil</a><br>
<a href="https://bambu4d.id/" rel="sponsored">Bambu4d</a><br>
<a href="https://motheringcorner.com/" rel="sponsored">Bambu4d</a><br>
<a href="https://www.enp-arles.com/" rel="sponsored">Bambu4d</a><br>
<a href="https://www.parkbenchpatterns.com/" rel="sponsored">Bambu4d</a><br>
<a href="https://commercialfineart.com/" rel="sponsored">Situs Togel Online</a><br>
<a href="https://play-store.live/" rel="sponsored">Aplikasi Bambu4d</a><br>
<a href="https://play-store.live/rtp-slot.html" rel="sponsored">Aplikasi RTP Slot</a><br>
<a href="https://play-store.live/rtp-booster.html" rel="sponsored">Aplikasi RTP Booster</a><br>
<a href="https://play-store.live/slot-demo.html" rel="sponsored">Aplikasi Slot Demo</a><br>
<a href="https://play-store.live/prediksi-togel.html" rel="sponsored">Aplikasi Prediksi Togel</a><br>
<a href="https://rtpbambu.live/" rel="sponsored">RTP Bambu4d</a><br>
<a href="https://rtpbambu.live/idnslot.html" rel="sponsored">RTP IDN Slot</a><br>
<a href="https://rtpbambu.live/pgsoft.html" rel="sponsored">RTP PG Soft</a><br>
<a href="https://rtpbambu.live/habanero.html" rel="sponsored">RTP Habanero</a><br>
<a href="https://rtpbambu.live/microgaming.html" rel="sponsored">RTP Microgaming</a><br>
<a href="https://rtpbambu.live/ttg.html" rel="sponsored">RTP TopTrend Gaming</a><br>
<a href="https://rtpbambu.live/gmw.html" rel="sponsored">RTP GMW</a><br>
<a href="https://rtpbambu.live/nolimit.html" rel="sponsored">RTP Nolimit City</a><br>
<a href="https://rtpbambu.live/playstar.html" rel="sponsored">RTP Playstar</a><br>
<a href="https://rtpbambu.live/rtpbooster.html" rel="sponsored">RTP Booster</a><br>
<a href="https://rtpbambu.live/demoslot.html" rel="sponsored">Slot Demo Bambu4d</a><br>
<a href="https://rtpbambu.live/demo-pgsoft.html" rel="sponsored">Slot Demo PG Soft</a><br>
<a href="https://rtpbambu.live/demo-habanero.html" rel="sponsored">Slot Demo Habanero</a><br>
<a href="https://heylink.me/bambu4d/" rel="sponsored">Bambu4d</a><br>
<a href="https://many.link/bambu4d" rel="sponsored">Bambu4d</a><br>
<a href="https://celebrationofseagrovepotters.com/" rel="sponsored">Bambu4d</a><br>
<a href="https://accstore.org/" rel="sponsored">Bambu4d</a><br>
<a href="https://bloorg.net/" rel="sponsored">Bambu4d</a><br>
<a href="https://karantin.org/" rel="sponsored">Bambu4d</a><br>
<a href="https://toyotajepara.com/" rel="sponsored">Bambu4d</a><br>
<a href="https://vigilance-medicaments.org/" rel="sponsored">Bambu4d</a><br>
<a href="https://snsd.info/go/vipplayer" rel="sponsored">Bambu4d</a><br>
<a href="https://whoismyag.org/" rel="sponsored">Prediksi Togel Bambu4d</a><br>
<a href="https://www.link-bambu4d.com/" rel="sponsored">Bambu4d</a><br>
<a href="https://www.link-bambu4d.com/" rel="sponsored">Bambu4d</a><br>
<a href="https://www.link-bambu4d.com/" rel="sponsored">Bambu4d</a><br>
<a href="https://www.link-bambu4d.com/" rel="sponsored">Bambu4d</a><br>
<a href="https://bio.link/bambu4d" rel="sponsored">Bambu4d</a><br>
<a href="https://bio.link/lexitoto" rel="sponsored">Lexitoto</a><br>
<a href="https://bio.link/demopg" rel="sponsored">Slot Demo Terlengkap</a><br>
<a href="https://lexitoto.com/" rel="sponsored">Lexitoto</a><br>
<a href="https://snsd.info/lexi/vipplayer" rel="sponsored">Lexitoto</a><br>
<a href="https://apklexitoto.com/" rel="sponsored">Aplikasi Lexitoto</a><br>
<a href="https://apklexitoto.com/rtp-slot.html" rel="sponsored">Aplikasi RTP Slot</a><br>
<a href="https://apklexitoto.com/rtp-booster.html" rel="sponsored">Aplikasi RTP Booster</a><br>
<a href="https://apklexitoto.com/slot-demo.html" rel="sponsored">Aplikasi Slot Demo</a><br>
<a href="https://apklexitoto.com/prediksi-togel.html" rel="sponsored">Aplikasi Prediksi Togel</a><br>
<a href="https://rtplexitoto.com/" rel="sponsored">RTP Lexitoto</a><br>
<a href="https://rtplexitoto.com/idnslot.html" rel="sponsored">RTP IDN Slot</a><br>
<a href="https://rtplexitoto.com/pgsoft.html" rel="sponsored">RTP PG Soft</a><br>
<a href="https://rtplexitoto.com/habanero.html" rel="sponsored">RTP Habanero</a><br>
<a href="https://rtplexitoto.com/microgaming.html" rel="sponsored">RTP Microgaming</a><br>
<a href="https://rtplexitoto.com/ttg.html" rel="sponsored">RTP TopTrend Gaming</a><br>
<a href="https://rtplexitoto.com/gmw.html" rel="sponsored">RTP GMW</a><br>
<a href="https://rtplexitoto.com/nolimit.html" rel="sponsored">RTP Nolimit City</a><br>
<a href="https://rtplexitoto.com/rtpbooster.html" rel="sponsored">RTP Booster</a><br>
<a href="https://rtplexitoto.com/demoslot.html" rel="sponsored">Slot Demo Bambu4d</a><br>
<a href="https://rtplexitoto.com/demo-pgsoft.html" rel="sponsored">Slot Demo PG Soft</a><br>
<a href="https://rtplexitoto.com/demo-habanero.html" rel="sponsored">Slot Demo Habanero</a><br>
<a href="https://viralbanyumas.com/" rel="sponsored">Situ Togel Online</a><br>
<a href="https://visitbandung.com/" rel="sponsored">Situs Togel Amanah</a><br>
<a href="https://heylink.me/lexitoto/" rel="sponsored">Lexitoto</a><br>
<a href="https://many.link/lexitoto" rel="sponsored">Lexitoto</a><br>
<a href="https://hueshade.com/" rel="sponsored">Lexitoto</a><br>
<a href="https://forexblogu.com/" rel="sponsored">Lexitoto</a><br>
<a href="https://rareheadlines.com/" rel="sponsored">Lexitoto</a><br>
<a href="https://gitvconnect.com/" rel="sponsored">Lexitoto</a><br>
<a href="https://lexitoto.enp-arles.com/" rel="sponsored">Lexitoto</a><br>
<a href="https://lexitoto.accstore.org/" rel="sponsored">Lexitoto</a><br>
<a href="https://indamixworldwide.com/" rel="sponsored">Lexitoto</a><br>
<a href="https://colneradio.com/" rel="sponsored">Lexitoto</a><br>
<a href="https://cavawinery.com/" rel="sponsored">Lexitoto</a><br>
<a href="https://radissonbignightgiveaway.com/" rel="sponsored">Lexitoto</a><br>
<a href="https://nuochoaformen.shop/" rel="sponsored">Lexitoto</a><br>
<a href="https://lovelinessg.shop/" rel="sponsored">Lexitoto</a><br>
<a href="https://mnestvoteress.shop/" rel="sponsored">Lexitoto</a><br>
<a href="https://lexitoto.page/" rel="sponsored">Prediksi Togel Lexitoto</a><br>
<a href="https://slotdemopgsoft.games/" rel="sponsored">Slot Demo PG Soft</a><br>
</div>
	<footer id="footer">
		<div class="container">
			<div class="row">
				<div class="col-sm-3">

					<div class="widget">
						<div class="widget-heading">

							<div class="title title-main">
								<a href="<?php echo base_url();?>" class="logo">
									<img src="<?php echo base_url().'assets/';?>frontend_page/img/ssp-semarang-white.png" alt="SIPU">
								</a>
							</div>

						</div><!-- .widget-heading -->
						<div class="widget-content">

							<div class="text">
								<p>Smart Infrasturktur Pekerjaan Umum (SIPU) Kota Semarang, adalah platform sistem yang terintegrasi untuk menunjang proses dan kinerja Dinas Pekerjaan Umum Kota Semarang</p>
								<p>Platform Saat ini adalah Versi 1.0 </p>
							</div>

						</div><!-- .widget-content -->
					</div><!-- .widget -->

				</div><!-- .col-sm-3 -->
				<div class="col-sm-3">

					<div class="widget">
						<div class="widget-heading">

							<div class="title title-main">
								<h5>Posting Terakhir</h5>
							</div>

						</div><!-- .widget-heading -->
						<div class="widget-content">
							<?php
							//$this->load->model('Model_Post');
							$list_post= $this->Model_post->_Get_List_Posts_Landing(null, 2);
							if($list_post){
			                    $posts_size = $len = count($list_post);
			                    if($posts_size > 2){ $len = 2; }

			                    for($i = 0; $i < $len; $i++){
			                    	echo '
					                    <article class="post post-mini post-type-text">
											<div class="post-heading">
												<div class="thumbnail">
													<a class="link" href="'.base_url('Main_Content/Get_Content/'.$list_post[$i]->ID_POST).'">
														<span class="btn btn-icon-link"></span>
														<img src="'.base_url().'files/Posting/'.$list_post[$i]->ID_POST.'/'.$list_post[$i]->IMAGE_FILE.'" alt="Image">
													</a>
												</div><!-- .thumbnail -->
											</div><!-- .post-heading -->
											<div class="post-content">
												<div class="title">
													<h2 class="h5"><a href="'.base_url('Main_Content/Get_Content/'.$list_post[$i]->ID_POST).'">'.$list_post[$i]->TITLE.'</a></h2>
												</div><!-- .title -->
											</div><!-- .post-content -->
										</article><!-- .post -->
										';
			                    }
			                }

			                ?>


						</div><!-- .widget-content -->
					</div><!-- .widget -->

				</div><!-- .col-sm-3 -->
				<div class="col-sm-3">

					<div class="widget">
						<div class="widget-heading">
							<div class="title title-main">
								<h5>Link Terkait</h5>
							</div>
						</div><!-- .widget-heading -->
						<div class="widget-content">
						    <ul>
								<li><a href="https://presidenri.go.id/">Presiden RI</a></li>
								<li><a href="https://www.menpan.go.id/site/">Kemenpan</a></li>
								<li><a href="https://www.ksp.go.id/">Kantor Staf Presiden</a></li>
								<li><a href="https://komisiinformasi.go.id/">Komisi Informasi</a></li>
								<li><a href="https://www.kemendagri.go.id/">Kemendagri</a></li>
								<li><a href="https://www.lkpp.go.id/v3/">LKPP</a></li>
								<li><a href="https://jatengprov.go.id/">Provinsi Jateng</a></li>
								<li><a href="https://kipjateng.jatengprov.go.id/">KIP Jateng</a></li>
						    </ul>
						</div><!-- .widget-content -->
					</div><!-- .widget -->

				</div><!-- .col-sm-3 -->
				<div class="col-sm-3">

					<div class="widget">
						<div class="widget-heading">

							<div class="title title-main">
								<h5>Semarang Dalam Kata</h5>
							</div><!-- .title -->

						</div><!-- .widget-heading -->
						<div class="widget-content">

							<div class="tags">
								<p>

								<?php
								$list_world_cloud = $this->Model_extlink->_Get_World_Cloud();
				                  foreach ($list_world_cloud as $world_cloud)
						            {
						        ?>
										<a href="#" rel="tag"><?php echo $world_cloud->WORD ?></a>';

								<?php } ?>

								</p>
							</div><!-- .tags -->

						</div><!-- .widget-content -->
					</div><!-- .widget -->

				</div><!-- .col-sm-3 -->

			</div><!-- .row-->
			<hr class="devider-heavy" />
			<div class="row-inline-wrap">
				<div class="row row-inline">
					<div class="col-md-12">

						<ul class="social" style="text-align: center;">
							<li><a href="http://vt.tiktok.com/JUs7qc/" target="_blank" class="tiktok"><img src="<?=base_url(); ?>assets/img/tiktok.png" style="height: 25px;" /></a></li>
							<li><a href="https://twitter.com/pu_kotasemarang" target="_blank" class="twitter"></a></li>
							<li><a href="https://www.instagram.com/dpukotasemarang/" target="_blank" class="instagram"></a></li>

							<li><a href="https://www.facebook.com/dinaspekerjaanumum.umum.3" class="facebook"></a></li>
							<li><a href="https://www.youtube.com/channel/UCEv9FkKeZUW0mhPZ3P0fysg" class="youtube"></a></li>
						</ul>

					</div><!-- .col-md-5 -->
				</div><!-- .row -->
			</div>
		</div>
		<div class="credits">Dinas Pekerjaan Umum Kota Semarang © 2017<span>|</span><a href="#">Terms</a></div>
	</footer>


	<a class="btn btn-icon-top" id="toTop" href="#"></a>
    <!-- </body></html> -->
	<script type="text/javascript">
		var base_url = "<?php echo base_url(); ?>";
	</script>
	<!-- jQuery & Helper library -->
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/library/jquery/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/library/jquery/jquery-ui-1.10.4.custom.min.js"></script>
	<!-- Retina js -->
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/library/retina/retina.min.js"></script>
	<!-- FancyBox -->
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/library/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script>
	<!-- Bootstrap js -->
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/library/bootstrap/bootstrap.min.js"></script>
	<!-- Validate -->
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/library/validate/jquery.validate.min.js"></script>
	<!-- FlickrFeed  -->
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/library/jFlickrFeed/jflickrfeed.min.js"></script>
	<!-- carouFredSel -->
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/library/carouFredSel/jquery.carouFredSel-6.2.1-packed.js"></script>
	<!-- Mediaelementjs -->
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/library/mediaelementjs/mediaelement-and-player.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/library/isotope/isotope.pkgd.min.js"></script>
	<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/library/slider-revolution/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/library/slider-revolution/js/jquery.themepunch.revolution.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/slider.min.js"></script>

	<!-- Main theme javaScript file -->
	<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
	<script type="text/javascript" src="<?php echo base_url().'assets/frontend_page/';?>js/theme.min.js"></script>

	<?php include('External_Javascript.php'); ?>
    <!-- <script src="<?php echo base_url().'assets/';?>plugins/DataTables/media/js/jquery.dataTables.js"></script>
	<script src="<?php echo base_url().'assets/';?>plugins/DataTables/media/js/dataTables.bootstrap.min.js"></script>
	<script src="<?php echo base_url().'assets/';?>plugins/DataTables/extensions/FixedHeader/js/dataTables.fixedHeader.min.js"></script>
	<script src="<?php echo base_url().'assets/';?>plugins/DataTables/extensions/Responsive/js/dataTables.responsive.min.js"></script> -->
	<!-- <script type="text/javascript" src="js/jquery.min.js"></script> -->
  	<script type="text/javascript" src="https://dabeng.github.io/OrgChart/js/jquery.orgchart.js"></script>
  	<script type="text/javascript" src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
	<script type="text/javascript">
	    $(function() {

	    var datascource = {
            'name': 'Ir. Sih Rianung, ST,MT',
            'title': '<a href="http://dpu.semarangkota.go.id/Profil/Detail_Profil/1">Kepala Dinas</a>',
            'children': [
                { 'name': 'Suwarto, SE. MT', 'title': '<a href="https://dpu.semarangkota.go.id/Profil/Detail_Profil/2">Sekretariat</a>', 'className': 'org-kabag', 'children': [
                        { 'name': 'Adityo Gineung Pratidina, S.S', 'title': 'Subbagian Umum dan Pegawaian', 'className': 'org-bawahan' },
                        { 'name': 'Suko Nugroho, ST', 'title': 'Subbagian Perencanaan dan Evaluasi', 'className': 'org-bawahan' },
                        { 'name': 'Her Margono, SE', 'title': 'Sub Bagian Keuangan dan Aset', 'className': 'org-bawahan' }
                    ]
                },
                { 'name': 'Muhammad Teqi Wijaya, ST', 'title': '<a href="https://dpu.semarangkota.go.id/Profil/Detail_Profil/5">Bidang Rekayasa Teknis</a>', 'className': 'org-kabag', 'children': [
                        { 'name': 'Faridian Bakhtiar, ST', 'title': 'Seksi Perancangan Teknis', 'className': 'org-bawahan' },
                        { 'name': 'Ir. Yeni Risawati', 'title': 'Seksi Survey dan Pengukuran', 'className': 'org-bawahan' },
                        { 'name': 'Kustadi, ST', 'title': 'Seksi Pengembangan Teknologi', 'className': 'org-bawahan' }
                    ]
                },
                { 'name': 'Suriyaty, ST,MM', 'title': '<a href="https://dpu.semarangkota.go.id/Profil/Detail_Profil/3">Bidang Binamarga</a>', 'className': 'org-kabag', 'children': [
                        { 'name': 'Arief Eko Wibowo, ST', 'title': 'Seksi Pembangunan Pengembangan Jalan & Jembatan', 'className': 'org-bawahan' },
                        { 'name': 'Indri Barianti Hapsari, ST', 'title': 'Seksi Preservasi Jalan & Jembatan', 'className': 'org-bawahan' },
                        { 'name': 'Mudasir, ST', 'title': 'Seksi Pengelolaan Utilitas & Bangunan Pelengkap', 'className': 'org-bawahan' },
                    ]
                },
                { 
                    'name': 'C. Aref Dwi Haryono, ST, MT', 'title': '<a href="https://dpu.semarangkota.go.id/Profil/Detail_Profil/4">Bidang SDA dan Drainase</a>', 'className': 'org-kabag', 'children': [
                        { 'name': 'M. Hishan Ashari, ST', 'title': 'Seksi Operasi dan Pemeliharaan Drainase', 'className': 'org-bawahan' },
                        { 'name': 'Victor Tri Karyanto N., ST, MT', 'title': 'Seksi Pengelolaan Irigasi dan Sumber Air', 'className': 'org-bawahan' },
                        { 'name': 'Dani Dwi Tjahjono, ST', 'title': 'Seksi Pembangunan dan Rehabilitasi Drainase', 'className': 'org-bawahan' }
                    ]
                },
                { 
                    'name': 'Tunggul Hapsoro Adhi, ST', 'title': '<a href="https://dpu.semarangkota.go.id/Profil/Detail_Profil/20">Bidang Pendayaan Infrastruktur</a>', 'className': 'org-kabag', 'children': [
                        { 'name': 'Prananing Nusadhani, ST', 'title': 'Seksi Pendayagunaan Ruang Milik Jalan', 'className': 'org-bawahan' },
                        { 'name': 'Yoyok Wiratmoko, ST,MT', 'title': 'Seksi Pendayagunaan Sumber Daya Air', 'className': 'org-bawahan' },
                        { 'name': 'Tiara Setiawan, ST', 'title': 'Seksi Penyiapan Lahan', 'className': 'org-bawahan' },
                    ]
                },
                { 'name': 'UPTD', 'title': 'UPTD', 'className': 'org-kabag', 'children': [
                        { 'name': 'M. Jumi’an, SST', 'title': 'UPTD Wil Barat/ UPTD 1', 'className': 'org-bawahan' },
                        { 'name': 'Maileni, ST, M.Si', 'title': 'UPTD Wil Utara/UPTD 2', 'className': 'org-bawahan' },
                        { 'name': 'Endri Dwi Purwanto, ST', 'title': 'UPTD Wil Timur/UPTD 3', 'className': 'org-bawahan' },
                        { 'name': 'Zarkoni, ST', 'title': 'UPTD Wil Selatan/UPTD 4', 'className': 'org-bawahan' },
                        { 'name': 'Nanang Tri Sanyoto, ST', 'title': 'UPTD Pompa Banjir Wilayah Timur', 'className': 'org-bawahan' },
                        { 'name': 'Choirul Iman, ST', 'title': 'UPTD Pompa Banjir Wilayah Barat', 'className': 'org-bawahan' },
                        { 'name': 'Ulya Adiwibaya, ST', 'title': 'UPTD Pompa Banjir Wilayah Tengah 1', 'className': 'org-bawahan' },
                        { 'name': 'Edi Purwanto, ST', 'title': 'UPTD Pompa Banjir Wilayah Tengah 2', 'className': 'org-bawahan' },
                        { 'name': 'Titus Tonny Wibowo, ST', 'title': 'UPTD Laboratorium DPU Kota Semarang', 'className': 'org-bawahan' },
                        { 'name': 'Danang Hadicara, ST', 'title': 'UPTD Peralatan DPU Kota Semarang', 'className': 'org-bawahan' },
                        { 'name': 'Petrus Siswahyudi, SE', 'title': 'UPTD Perbekalan DPU Kota Semarang', 'className': 'org-bawahan'},
                    ]
                }
            ]
        };

	    $('#orgchart-container').orgchart({
	      'data' : datascource,
	      'nodeContent': 'title',
	      'verticalLevel': 3,
	      'visibleLevel': 4,
		  'nodeID': "id",
	    });

	  });
	  </script>
    <script>
        $.fn.dataTable.ext.classes.sPageButton = 'btn btn-primary btn-xs btn-putih';
        $("#sk").DataTable({
            lengthMenu: [20, 40, 60],
            fixedHeader: {
                header: !0,
                headerOffset: $("#header").height() - 95
            },
            responsive: !0,
            order: [[ 0, "asc" ]],
            pagingType: "simple"
        });
		$('#myTable').DataTable();

		function popitup(url,windowName) {
	       newwindow=window.open(url,windowName,'height=400,width=300');
	       if (window.focus) {newwindow.focus()}
	       return false;
	     }
    </script>
	<script type="text/javascript">
		// $(document).ready( function () {
		// 	$('#myTable').DataTable();
		// } );
	</script>
    <!-- </body></html> -->
</body>
</html>
