Index.php
<!DOCTYPE html> <html
xmlns="http://www.w3.org/1999/x html">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" /> <title>KELURAHAN PERDAGANGAN</title> <meta name="viewport"
content="width=device-width, initial-scale=1.0">
<!-- CSS
=============================== =================== -->
<link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet"
href="css/prettyPhoto.css" /> <link rel="stylesheet"
href="css/flexslider.css" /> <link rel="stylesheet"
href="css/custom-styles.css"> <style type="text/css">
@font-face {
font-family: 'Oswald'; font-style: normal; font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'),
url(css/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); }
</style>
<!--[if lt IE 9]> <script
src="http://html5shim.googlecod e.com/svn/trunk/html5.js"></scr ipt>
<link rel="stylesheet" href="css/style-ie.css"/> <![endif]-->
<!-- Favicons
=============================== =================== -->
<link rel="shortcut icon" href="img/favicon.ico"> <link rel="apple-touch-icon"
href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
href="img/apple-touch-icon-114x114.png">
<!-- JS
=============================== =================== -->
<script src="js/jquery-1.9.1.js"></script> <script
src="js/bootstrap.js"></script> <script
src="js/jquery.prettyPhoto.js"> </script>
<script
src="js/jquery.flexslider.js">< /script>
<script
src="js/jquery.custom.js"></scr ipt>
<script type="text/javascript"> $(document).ready(function () {
$("#btn-blog-next").click(function () {
$('#blogCarousel').carousel('ne xt')
});
$("#btn-blog-prev").click(function () {
$('#blogCarousel').carousel('pr ev')
});
$("#btn-client-next").click(function () {
$('#clientCarousel').carousel(' next')
});
$('#clientCarousel').carousel(' prev')
}); });
$(window).load(function(){
$('.flexslider').flexslider({ animation: "slide", slideshow: true, start:
function(slider){
$('body').removeClass('loading' );
} }); });
</script>
</head>
<body class="home">
<!-- Color Bars (above header)-->
<div class="color-bar-1"></div>
<div class="color-bar-2 color-bg"></div>
<div class="container">
<div class="row
header"><!-- Begin Header -->
<!-- Logo
=============================== =================== -->
<div class="span5 logo">
<a
href="index.htm"></a> <h1>KELURAHAN PERDAGANGAN</h1>
</div>
<!-- Main Navigation
=============================== =================== -->
<div class="span7 navigation">
<div class="navbar hidden-phone">
<ul class="nav"> <li class="active" title="beranda"><a
href="index.php">BERANDA</a></l i>
<li><a
href="kontak.php" title="berisi tentang keluh kesah
masyarakat">KONTAK</a></li> <li><a
href="datapenduduk.php"
title="Melihat data keseluruhan penduduk">DATA
PENDUDUK</a></li> <li><a
href="tentang.php" title="Latar belakang dari kelurahan
perdagangan">TENTANG KAMI</a></li>
<li><a href="data/" target="_blank" title="Akses data-data kelurahan">Akses Data Kelurahan</a></li>
</ul>
</div>
<!-- Mobile Nav
=============================== =================== -->
<form action="#" id="mobile-nav" class="visible-phone">
<div
class="mobile-nav-select"> <select
onchange="window.open(this.opti ons[this.selectedIndex].value,' _top')">
<option value="index.htm">- Full
Page</option>
<option value="index-gallery.htm">- Gallery Only</option>
<option value="index-slider.htm">- Slider Only</option>
<option value="features.htm">Features</ option>
<option
value="page-full-width.htm">Pages</option>
<option value="page-full-width.htm">- Full Width</option>
<option
value="page-right-sidebar.htm">- Right Sidebar</option>
<option value="page-left-sidebar.htm">- Left Sidebar</option>
<option
value="page-double-sidebar.htm">- Double Sidebar</option>
<option
value="gallery-4col.htm">Gallery</option> <option value="gallery-3col.htm">- 3 Column</option>
<option value="gallery-4col.htm">- 4 Column</option>
<option value="gallery-6col.htm">- 6 Column</option>
<option
value="gallery-4col-circle.htm">- Gallery 4 Col Round</option>
<option value="gallery-single.htm">- Gallery Single</option> <option
value="blog-style1.htm">Blog</option>
<option value="blog-style1.htm">- Blog Style 1</option>
<option value="blog-style2.htm">- Blog Style 2</option>
<option value="blog-style3.htm">- Blog Style 3</option>
<option value="blog-style4.htm">- Blog Style 4</option>
<option value="blog-single.htm">- Blog Single</option>
<option
value="page-contact.htm">Contact</option> </select> </div> </form>
</div>
</div><!-- End Header -->
<div class="row
headline"><! Begin Headline -->
<!-- Slider Carousel
=============================== =================== -->
<div class="span8"> <div
class="flexslider"> <ul class="slides">
<li><a href="#"><img
src="img/slide/4.jpg"
alt="slider" title="Pemilu 2014 yang diselenggarakan pada
tanggal 09 Juli 2014"/></a></li>
<li><a href="#"><img
src="img/slide/1.jpg" alt="slider" title="Lokasi kelurahan
perdagangan"/></a></li> <li><a href="#"><img
src="img/slide/3.jpg"
sedang melakukan tarian"/></a></li> <li><a href="#"><img
src="img/slide/2.jpg" alt="slider" title="Peta Indonesia yang akan selalu di hati kita semua"/></a></li> <li><a href="#"><img
src="img/slide/5.jpg" alt="slider"
title="Perkembangan kemiskinan di Indonesia
2004-2014"/></a></li> </ul> </div> </div>
<!-- Headline Text
=============================== =================== -->
<div class="span4"> <h3>SELAMAT DATANG DI <br />
KELURAHAN PERDAGANGAN</h3> <p
class="lead">Kelurahan
perdagangan yang selalu di hati masyarakat</p>
<p>Kelurahan Perdagangan merupakan salah satu kelurahan yang ada di kecamatan Bandar, kabupaten Simalungun, provinsi Sumatera Utara, Indonesia.</p>
<a
href="tentang.php"><i
class="icon-plus-sign"></i>Baca Selengkapnya</a>
</div>
</div><!-- End Headline -->
<div class="row gallery-row"><!-- Begin Gallery Row -->
<div class="span12"> <h5 class="title-bg">KELURAHAN PERDANGANGAN <small>Akan selalu memberikan pelayanan
informasi terbaik buat masyarakat</small> <button
class="btn btn-mini btn-inverse hidden-phone"
type="button">Cinta Rakyat</button> </h5>
<!-- Gallery Thumbnails
=============================== =================== -->
</div>
</div><!-- End Gallery Row -->
<div class="row"><!-- Begin Bottom Section -->
<!-- Blog Preview
=============================== =================== -->
<div class="span6">
<h5 class="title-bg">Semua berita
<small>Pembaharuan yang kami rangkum</small>
<button
id="btn-blog-next" class="btn btn-inverse btn-mini"
type="button">»</button> <button
id="btn-blog-prev" class="btn btn-inverse btn-mini"
type="button">«</button> </h5>
<div id="blogCarousel" class="carousel slide ">
<!-- Carousel items -->
<div
class="carousel-inner">
<div class="active item"> <a href="blog-single.htm"><img src="img/post/1.jpg" alt="" class="align-left blog-thumb-preview" width="370"
height="220"/></a>
<div class="post-info clearfix"> <h4><a
href="blog-single.htm">Pemilihan Umum 2014</a></h4>
<ul class="blog-details-preview"> <li><i
class="icon-calendar"></i><strong>Terbit on:</strong> 4 Mei, 2014<li> <li><i
class="icon-user"></i><strong>Diterbitkan oleh:</strong> <a href="#" title="Link">Bayu Setra Maulana</a><li>
</ul> </div> <p
class="blog-summary">Pemilihan Umum 2014 yang akan
diselenggarakan 9 Juli 2014 <a href="pemilu-2014.php">Baca Selengkapnya</a><p>
</div>
<!-- Blog Item 2 -->
<div class="item">
<a href="blog-single.htm"><img src="img/post/2.gif" alt="" class="align-left blog-thumb-preview" /></a>
<div class="post-info clearfix"> <h4><a href="blog-single.htm">Pastikan Anda di hitung</a></h4>
<ul class="blog-details-preview"> <li><i
class="icon-calendar"></i><strong>Diterbitk an:</strong> 10 Mei, 2014<li> <li><i
class="icon-user"></i><strong>Diterbitkan Oleh:</strong> <a href="#" title="Link">Bayu Setra Maulana</a><li>
</ul> </div> <p
class="blog-summary">Pastikan Anda terdaftar dalam pemilihan presiden 09 Juli 2014 di
kelurahan Anda <a
href="Pastikan Anda terdaftar dalam pemilihan presiden 09 Juli 2014 di kelurahan Anda .php">Baca Selengkapnya</a><p> </div>
<!-- Blog Item 3 -->
<div class="item">
<a href="blog-single.htm"><img src="img/post/4.jpg" alt="" class="align-left blog-thumb-preview" width="370"
height="270"/></a>
<div class="post-info clearfix"> <h4><a href="blog-single.htm">WHO IS PRESIDENT 2014?</a></h4> <ul class="blog-details-preview"> <li><i
class="icon-calendar"></i><strong>Diterbitk an:</strong> 15 Mei, 2014<li> <li><i
class="icon-user"></i><strong>Diterbitkan oleh:</strong> <a href="#" title="Link">Bayu Setra Maulana</a><li>
yang bakal jadi calon presiden 2014. Semua berharap
yang bakal jadi presiden nanti
mudah-mudahan tidak pernah lupa dengan rakyat kecil<p>
</div>
<!-- Blog Item 4 -->
<div class="item">
<a href="blog-single.htm"><img src="img/post/3.jpg" alt="" class="align-left blog-thumb-preview" width="370"
height="270"/></a>
<div class="post-info clearfix"> <h4><a href="blog-single.htm">IBU PKK PERDAGANGAN</a></h4>
<ul class="blog-details-preview"> <li><i
class="icon-calendar"></i><strong>Diterbitk an:</strong> 15 Mei, 2014<li> <li><i
class="icon-user"></i><strong>Diterbitkan oleh:</strong> <a href="#" title="Link">Bayu Setra Maulana</a><li>
</ul> </div> <p
class="blog-summary">Ibu-ibu PKK Perdagangan sedang
melakukan foto bersama</a><p> </div>
</div> </div> </div>
<!-- Client Area
=============================== =================== -->
<div class="span6">
<h5 class="title-bg">Dari Masyarakat
<small>yang memberikan komentar kepada kita</small>
<button
id="btn-client-next" class="btn btn-inverse btn-mini"
type="button">»</button> <button
id="btn-client-prev" class="btn btn-inverse btn-mini"
type="button">«</button> </h5>
<!-- Client Testimonial Slider--> <div id="clientCarousel" class="carousel slide no-margin">
<!-- Carousel items -->
<div
class="carousel-inner">
<div class="active item"> <p class="quote-text"><font color="red">"Kelurahan
perdagangan merupakan kelurahan yang ada di desa kami,
pelayanan dari kelurahan perdagangan sangat nyaman apalagi dalam membuat surat-surat dan pembuatan semua data mengenai tentang masyarakat sangat cepat."</font><cite>- Sutarjo kampung pasar
1</cite></p>
</div>
<div class="item">
<p class="quote-text"><font
color="blue">"Dalam pelaksanaan tanggung jawab yang di berikan dari atasan, kelurahan
perdagangan tidak pernah lalai dalam
Pandiangan kampung teladan</cite></p> </div>
<div class="item">
<p class="quote-text"><font color="purple">"Setiap melakukan gotong royong, kelurahan perdagangan selalu melakukan dalam seminggu sekali yang berguna untuk kebersihan lingkungan
bersama"</font><cite>- Bayu Setra Maulana kampung
bahlias</cite></p> </div>
</div> </div>
<!-- Client Logo Thumbs-->
<ul class="client-logos">
<li><a href="#" class="client-link"><img
src="img/flicker/1.jpg" alt="Client"></a></li>
<li><a href="#" class="client-link"><img
src="img/flicker/2.jpg" alt="Client"></a></li>
<li><a href="#" class="client-link"><img
src="img/flicker/3.jpg" alt="Client"></a></li>
<li><a href="#" class="client-link"><img
src="img/flicker/4.jpg" alt="Client"></a></li>
<li><a href="#" class="client-link"><img
src="img/flicker/5.jpg" alt="Client"></a></li> </ul>
</div>
</div><!-- End Bottom Section -->
</div> <! End Container -->
<!-- Footer Area
=============================== =================== -->
<div
class="footer-container"><! Begin Footer -->
<div class="container"> <div class="row footer-row">
<div class="span3 footer-col">
<h5>Tentang Kami</h5>
<H4>KELURAHAN
PERDANGANGAN</H4><br /><br /> <ul
class="social-icons">
<li><a href="https://www.facebook.com/ b4yu.m4ul4n4" target="_blank" class="social-icon
facebook"></a></li>
<li><a href="https://twitter.com/bayu_ vaab" target="_blank"
class="social-icon twitter"></a></li>
<li><a href="#" class="social-icon dribble"></a></li>
<li><a href="#" class="social-icon rss"></a></li>
<li><a href="#" class="social-icon forrst"></a></li>
</ul> </div> <div class="span3 footer-col"> <h5>Berita dari jejaring sosial</h5> <ul>
<li><a href="#">@bayu_vaab</a>
Kelurahan perdagangan the best lah kalo dalam
<li><a href="#">@ario12</a> Kelurahan perdangan itu selalu mengerti aku.</li>
<li><a href="#">@tani</a> Kelurahan perdagangan itu selalu di hati, gak mau pindah ke yang lain. ^_^</li>
</ul> </div> <div class="span3 footer-col"> <h5>Berita Lama</h5>
<ul class="post-list">
<li><a href="pemilu-2014.php"
title="Pemilihan Umum 2014">Pemilihan Umum 2014</a></li>
<li><a href="Pastikan Anda terdaftar dalam pemilihan presiden 09 Juli 2014 di kelurahan Anda .php" title="Pastikan Anda di hitung dalam pilpres
2014">Pastikan Anda di hitung dalam pilpres 2014</a></li> <li><a href="tentang.php" title="Ibu PKK perdagangan melakukan foto bersama">Ibu PKK perdagangan melakukan foto bersama</a></li> <li><a href="tentang.php"
title="Tentang Kelurahan
Perdagangan">Tentang Kelurahan Perdagangan</a></li>
</ul> </div> <div class="span3 footer-col"> <h5>Foto-Foto</h5>
<ul class="img-feed">
<li><a href="#"><img
src="img/flicker/1.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/2.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/3.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/4.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/5.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/6.jpg" alt="Image Feed"></a></li> </ul> </div> </div>
<div
class="row"><!-- Begin Sub Footer -->
<div class="span12 footer-col footer-sub">
<div class="row no-margin">
<div class="span6"><span
class="left">© Copyright 2014 <a href="#">Kelurahan Perdagangan</a></span></div> <div class="span6">
<span class="right">
<a href="index.php"
title="beranda">Beranda</a>&nbs p; | &nbs p;<a href="kontak.php"
title="berisi tentang keluh kesah masyarakat">Kontak
Kami</a> |&nbs p; <a
href="datapenduduk.php"
title="Melihat data keseluruhan penduduk">Data
Penduduk</a> | <a
belakang dari kelurahan perdagangan">Tentang
Kami</a> |&nbs p; <a href="data/" target="_blank" title="Akses data-data kelurahan">Akses Data Kelurahan</a>
</span>
</div> </div> </div>
</div><!-- End Sub Footer -->
</div>
</div><!-- End Footer -->
<!-- Scroll to Top --> <div id="toTop"
class="phone hidden-tablet">Back to Top</div>
</body> </html>
Kontak.php
<!DOCTYPE html> <html
xmlns="http://www.w3.org/1999/x html">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" /> <title>KELURAHAN PERDAGANGAN</title> <meta name="viewport"
content="width=device-width, initial-scale=1.0">
<!-- CSS
=============================== =================== -->
<link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="css/jquery.lightbox-0.5.css">
<link rel="stylesheet"
href="css/custom-styles.css"> <style type="text/css">
@font-face {
font-family: 'Oswald'; font-style: normal; font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'),
url(css/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); }
</style>
<!--[if lt IE 9]> <script
src="http://html5shim.googlecod e.com/svn/trunk/html5.js"></scr ipt>
<link rel="stylesheet" href="css/style-ie.css"/> <![endif]-->
<!-- Favicons
=============================== =================== -->
<link rel="shortcut icon" href="img/favicon.ico"> <link rel="apple-touch-icon"
href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
href="img/apple-touch-icon-114x114.png">
<!-- JS
=============================== =================== -->
<script src="js/jquery-1.9.1.js"></script> <script
src="js/bootstrap.js"></script> <script
src="js/jquery.custom.js"></scr ipt>
</head>
<body>
<div class="color-bar-2 color-bg"></div>
<div class="container main-container">
<div class="row
header"><!-- Begin Header -->
<!-- Logo
=============================== =================== -->
<div class="span5 logo">
<a
href="index.htm"></a> <h1>KELURAHAN PERDAGANGAN</h1>
</div>
<!-- Main Navigation
=============================== =================== -->
<div class="span7 navigation">
<div class="navbar hidden-phone">
<ul class="nav"> <li><a
href="index.php"
title="beranda">BERANDA</a></li >
<li class="active" title="berisi tentang keluh kesah masyarakat"><a
href="kontak.php">KONTAK</a></l i>
<li><a href="datapenduduk.php"
title="Melihat data keseluruhan penduduk">DATA
PENDUDUK</a></li> <li><a
href="tentang.php" title="Latar belakang dari kelurahan
perdagangan">TENTANG KAMI</a></li>
<li><a
href="data/" target="_blank" title="Akses data-data
kelurahan">Akses Data Kelurahan</a></li> </ul>
</div>
<!-- Mobile Nav
=============================== =================== -->
<form action="#" id="mobile-nav" class="visible-phone">
<div
class="mobile-nav-select"> <select
onchange="window.open(this.opti ons[this.selectedIndex].value,' _top')">
<option value="">Navigate...</option> <option value="index.htm">Home</option> <option value="index.htm">- Full
Page</option>
<option value="index-gallery.htm">- Gallery Only</option>
<option value="index-slider.htm">- Slider Only</option>
<option value="features.htm">Features</ option>
<option
value="page-full-width.htm">Pages</option>
<option value="page-full-width.htm">- Full Width</option>
<option
value="page-right-sidebar.htm">- Right Sidebar</option>
<option value="page-left-sidebar.htm">- Left Sidebar</option>
<option
<option
value="gallery-4col.htm">Gallery</option> <option value="gallery-3col.htm">- 3 Column</option>
<option value="gallery-4col.htm">- 4 Column</option>
<option value="gallery-6col.htm">- 6 Column</option>
<option
value="gallery-4col-circle.htm">- Gallery 4 Col Round</option>
<option value="gallery-single.htm">- Gallery Single</option> <option
value="blog-style1.htm">Blog</option>
<option value="blog-style1.htm">- Blog Style 1</option>
<option value="blog-style2.htm">- Blog Style 2</option>
<option value="blog-style3.htm">- Blog Style 3</option>
<option value="blog-style4.htm">- Blog Style 4</option>
<option value="blog-single.htm">- Blog Single</option>
<option
value="page-contact.htm">Contact</option> </select> </div> </form>
</div>
</div><!-- End Header -->
<!-- Page Content
=============================== =================== -->
<div class="row"><!--Container row-->
<div class="span8
contact"><!--Begin page content column-->
<h2>Kontak Kami</h2>
<p>Masyarakat dapat memberikan komentar kepada kelurahan perdagangan guna memperbaiki kinerja dari kelurahan perdagangan</p>
<div class="alert alert-success">
Well done! You successfully read this
important alert message. </div>
<form
action="inputpesan.php" id="contact-form"
method="post">
<div class="input-prepend"> <span class="add-on"><i class="icon-user"></i></span>
<input class="span4"
id="prependedInput" name="nama" size="16" type="text"
placeholder="Name"> </div> <div class="input-prepend"> <span class="add-on"><i class="icon-envelope"></i></span>
<input class="span4"
id="prependedInput" name="email" size="16"
type="text" placeholder="Email Address">
</div> <textarea class="span6" name="txtarea" placeholder="Isi pesan
<div class="span2">
<input type="submit" class="btn btn-inverse" value="Kirim Pesan"> </div> </div> </form>
</div> <!--End page content column-->
<!-- Sidebar
=============================== =================== -->
<div class="span4 sidebar page-sidebar"><!-- Begin sidebar column --> <h5 class="title-bg">Lokasi Kami</h5>
<address>
<strong>Perdagangan</strong><br >
Kecamatan Bandar<br>
Jl. Gereja no. 5 perdagangan<br>
</address>
<address>
<strong>Bayu Setra Maulana</strong><br>
<a
href="mailto:#">bayu.setramaula na@gmail.com</a>
</address>
</div><!-- End sidebar column -->
</div><!-- End container row -->
</div> <! End Container -->
<!-- Footer Area
=============================== =================== -->
<div
class="footer-container"><! Begin Footer -->
<div class="container"> <div class="row footer-row">
<div class="span3 footer-col">
<h5>Tentang Kami</h5>
<H4>KELURAHAN
PERDANGANGAN</H4><br /><br /> <ul
class="social-icons">
<li><a href="https://www.facebook.com/ b4yu.m4ul4n4" target="_blank" class="social-icon
facebook"></a></li>
<li><a href="https://twitter.com/bayu_ vaab" target="_blank"
class="social-icon twitter"></a></li>
<li><a href="#" class="social-icon dribble"></a></li>
<li><a href="#" class="social-icon rss"></a></li>
<li><a href="#" class="social-icon forrst"></a></li>
</ul> </div> <div class="span3 footer-col"> <h5>Berita dari jejaring sosial</h5> <ul>
<li><a href="#">@bayu_vaab</a>
Kelurahan perdagangan the best lah kalo dalam
pelayanannya.</li>
<li><a href="#">@ario12</a> Kelurahan perdangan itu selalu mengerti aku.</li>
gak mau pindah ke yang lain. ^_^</li>
</ul> </div> <div class="span3 footer-col"> <h5>Berita Lama</h5>
<ul class="post-list">
<li><a href="pemilu-2014.php"
title="Pemilihan Umum 2014">Pemilihan Umum 2014</a></li>
<li><a href="Pastikan Anda terdaftar dalam pemilihan presiden 09 Juli 2014 di kelurahan Anda .php" title="Pastikan Anda di hitung dalam pilpres
2014">Pastikan Anda di hitung dalam pilpres 2014</a></li> <li><a href="tentang.php" title="Ibu PKK perdagangan melakukan foto bersama">Ibu PKK perdagangan melakukan foto bersama</a></li> <li><a href="tentang.php"
title="Tentang Kelurahan
Perdagangan">Tentang Kelurahan Perdagangan</a></li>
</ul> </div> <div class="span3 footer-col"> <h5>Foto-Foto</h5>
<ul class="img-feed">
<li><a href="#"><img
src="img/flicker/1.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/2.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/3.jpg" alt="Image Feed"></a></li>
<li><a href="#"><img
src="img/flicker/4.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/5.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/6.jpg" alt="Image Feed"></a></li> </ul> </div> </div>
<div
class="row"><!-- Begin Sub Footer -->
<div class="span12 footer-col footer-sub">
<div class="row no-margin">
<div class="span6"><span
class="left">© Copyright 2014 <a href="#">Kelurahan Perdagangan</a></span></div> <div class="span6">
<span class="right">
<a href="index.php"
title="beranda">Beranda</a>&nbs p; | &nbs p;<a href="kontak.php"
title="berisi tentang keluh kesah masyarakat">Kontak
Kami</a> |&nbs p; <a
href="datapenduduk.php"
title="Melihat data keseluruhan penduduk">Data
Penduduk</a> | <a
href="tentang.php" title="Latar belakang dari kelurahan
perdagangan">Tentang
data-data kelurahan">Akses Data Kelurahan</a>
</span>
</div> </div> </div>
</div><!-- End Sub Footer -->
</div>
</div><!-- End Footer -->
<!-- Scroll to Top --> <div id="toTop"
class="phone hidden-tablet">Back to Top</div>
</body> </html>
datapenduduk.php
<!DOCTYPE html> <html
xmlns="http://www.w3.org/1999/x html">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" /> <title>KELURAHAN PERDAGANGAN</title> <meta name="viewport"
content="width=device-width, initial-scale=1.0">
<!-- CSS
=============================== =================== -->
<link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet"
href="css/prettyPhoto.css" /> <link rel="stylesheet"
href="css/flexslider.css" /> <link rel="stylesheet"
href="css/custom-styles.css"> <link rel="stylesheet"
href="css/demo_table.css" /> <style type="text/css"> @font-face {
font-family: 'Oswald';
font-style: normal; font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'),
url(css/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); }
.tr-pengguna{
background: #9EBB8F; }
</style>
<!--[if lt IE 9]> <script
src="http://html5shim.googlecod e.com/svn/trunk/html5.js"></scr ipt>
<link rel="stylesheet" href="css/style-ie.css"/> <![endif]-->
<!-- Favicons
=============================== =================== -->
<link rel="shortcut icon" href="img/favicon.ico"> <link rel="apple-touch-icon"
href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
href="img/apple-touch-icon-114x114.png">
<!-- JS
=============================== =================== -->
<script src="js/jquery-1.9.1.js"></script> <script
src="js/bootstrap.js"></script> <script
src="js/jquery.prettyPhoto.js"> </script>
<script
src="js/jquery.flexslider.js">< /script>
<script
<script type="text/javascript" language="javascript"
src="js/jquery.dataTables.js">< /script>
<script type="text/javascript"> $(document).ready(function () {
$("#btn-blog-next").click(function () {
$('#blogCarousel').carousel('ne xt')
});
$("#btn-blog-prev").click(function () {
$('#blogCarousel').carousel('pr ev')
});
$("#btn-client-next").click(function () {
$('#clientCarousel').carousel(' next')
});
$("#btn-client-prev").click(function () {
$('#clientCarousel').carousel(' prev')
}); });
$(window).load(function(){
$('.flexslider').flexslider({ animation: "slide", slideshow: true, start:
function(slider){
$('body').removeClass('loading' );
} }); });
</script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#example').dataTable( { "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
} ); } ); </script>
</head>
<body class="home">
<!-- Color Bars (above header)-->
<div class="color-bar-1"></div>
<div class="color-bar-2 color-bg"></div>
<div class="container">
<div class="row
header"><!-- Begin Header -->
<!-- Logo
=============================== =================== -->
<div class="span5 logo">
<a
href="index.htm"></a> <h1>KELURAHAN PERDAGANGAN</h1>
</div>
<!-- Main Navigation
=============================== =================== -->
<div class="span7 navigation">
<div class="navbar hidden-phone">
<ul class="nav"> <li><a
href="index.php"
title="beranda">BERANDA</a></li >
<li><a
tentang keluh kesah
masyarakat">KONTAK</a></li> <li class="active" title="Melihat data keseluruhan penduduk"><a
href="datapenduduk.php">DATA PENDUDUK</a></li>
<li><a
href="tentang.php" title="Latar belakang dari kelurahan
perdagangan">TENTANG KAMI</a></li>
<li><a
href="data/" target="_blank" title="Akses data-data
kelurahan">Akses Data Kelurahan</a></li> </ul>
</div>
<!-- Mobile Nav
=============================== =================== -->
<form action="#" id="mobile-nav" class="visible-phone">
<div
class="mobile-nav-select"> <select
onchange="window.open(this.opti ons[this.selectedIndex].value,' _top')">
<option value="">Navigate...</option> <option value="index.htm">Home</option> <option value="index.htm">- Full
Page</option>
<option value="index-gallery.htm">- Gallery Only</option>
<option value="index-slider.htm">- Slider Only</option>
<option value="features.htm">Features</ option>
<option
value="page-full-width.htm">Pages</option>
<option value="page-full-width.htm">- Full Width</option>
<option
value="page-right-sidebar.htm">- Right Sidebar</option>
<option value="page-left-sidebar.htm">- Left Sidebar</option>
<option
value="page-double-sidebar.htm">- Double Sidebar</option>
<option
value="gallery-4col.htm">Gallery</option> <option value="gallery-3col.htm">- 3 Column</option>
<option value="gallery-4col.htm">- 4 Column</option>
<option value="gallery-6col.htm">- 6 Column</option>
<option
value="gallery-4col-circle.htm">- Gallery 4 Col Round</option>
<option value="gallery-single.htm">- Gallery Single</option> <option
value="blog-style1.htm">Blog</option>
<option value="blog-style1.htm">- Blog Style 1</option>
<option value="blog-style2.htm">- Blog Style 2</option>
<option value="blog-style3.htm">- Blog Style 3</option>
<option value="blog-style4.htm">- Blog Style 4</option>
<option value="blog-single.htm">- Blog Single</option>
<option
</select> </div> </form>
</div>
</div><!-- End Header -->
<div class="row
headline"><! Begin Headline -->
<!-- Slider Carousel
=============================== =================== -->
<div class="span8"> <div
class="flexslider"> <ul class="slides">
<li><a href="#"><img
src="img/slide/4.jpg"
alt="slider" title="Pemilu 2014 yang diselenggarakan pada
tanggal 09 Juli 2014"/></a></li>
<li><a href="#"><img
src="img/slide/1.jpg" alt="slider" title="Lokasi kelurahan
perdagangan"/></a></li> <li><a href="#"><img
src="img/slide/3.jpg"
alt="slider" title="Ibu PKK sedang melakukan
tarian"/></a></li> <li><a href="#"><img
src="img/slide/2.jpg" alt="slider" title="Peta Indonesia yang akan selalu di hati kita semua"/></a></li> <li><a href="#"><img
src="img/slide/5.jpg" alt="slider"
title="Perkembangan kemiskinan di Indonesia
2004-2014"/></a></li> </ul>
</div> </div>
<!-- Headline Text
=============================== =================== -->
<div class="span4"> <h3>SELAMAT DATANG DI <br />
KELURAHAN PERDAGANGAN</h3> <p
class="lead">Kelurahan
perdagangan yang selalu di hati masyarakat</p>
<p>Kelurahan Perdagangan merupakan salah satu kelurahan yang ada di kecamatan Bandar, kabupaten Simalungun, provinsi Sumatera Utara, Indonesia.</p>
<a href="#"><i class="icon-plus-sign"></i>Baca Selengkapnya</a>
</div>
</div><!-- End Headline -->
<div class="row gallery-row"><!-- Begin Gallery Row -->
<div class="span12"> <h5 class="title-bg">DATA KEPENDUDUKAN
<small>KELURAHAN PERDAGANGAN KABUPATEN SIMALUNGUN SUMATERA UTARA</small>
<button
class="btn btn-mini btn-inverse hidden-phone"
type="button">Cinta Rakyat</button> </h5>
<!-- Gallery Thumbnails
=============================== =================== -->
</div>
<div class="row gallery-row"><!-- Begin Gallery Row -->
<div class="span12"> <table
cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%"> <thead> <tr class="tr-pengguna"> <th>No</th>
<th>Nomor KK</th>
<th>No KTP</th>
<th>Nama</th>
<th>Agama</th>
<th>pekerjaan</th> <th>Alamat</th>
<th>Dusun</th>
<th>RT</th>
<th>RW</th>
<th>Jenis Kelamin</th> <th>Warga Negara</th> <th>Status</th>
<th>Pendidikan</th> <th>Suku</th>
</tr> </thead> <tbody> <?php
include "data/koneksi.php";
$query = mysql_query("SELECT * FROM penduduk");
$k=1;
while($k <
$tampil=mysql_fetch_array($quer y)){
$id = $tampil['id'];
$nik = $tampil['nik']; $noktp = $tampil['noktp']; $nama = $tampil['nama']; $agama = $tampil['agama']; $pekerjaan =
$tampil['pekerjaan'];
$alamat = $tampil['alamat']; $dusun = $tampil['dusun']; $rt = $tampil['rt'];
$rw = $tampil['rw'];
$jenkel = $tampil['jenkel']; $wn = $tampil['wn'];
$statuskawin =
$tampil['statuskawin']; $pendidikan =
$tampil['pendidikan']; $suku = $tampil['suku']; ?> <tr
class="gradeA" align="center">
<td><?=$k?></td>
<td><?=$rt?></td>
<td><?=$rw?></td>
<td><?=$jenkel?></td> <td><?=$wn?></td>
<td><?=$statuskawin?></td> <td><?=$pendidikan?></td> <td><?=$suku?></td>
</tr> <?php $k++; } ?> </tbody> <tr> <td colspan="5"></td>
</tr> </table>
<!-- Gallery Thumbnails
=============================== =================== -->
</div>
</div><!-- End Gallery Row -->
</div> <! End Container -->
<!-- Footer Area
=============================== =================== -->
<div
class="footer-container"><! Begin Footer -->
<div class="container"> <div class="row footer-row">
<div class="span3 footer-col">
<h5>Tentang Kami</h5>
<H4>KELURAHAN
PERDANGANGAN</H4><br /><br /> <ul
class="social-icons">
<li><a href="https://www.facebook.com/ b4yu.m4ul4n4" target="_blank" class="social-icon
facebook"></a></li>
<li><a href="https://twitter.com/bayu_ vaab" target="_blank"
class="social-icon twitter"></a></li>
<li><a href="#" class="social-icon dribble"></a></li>
<li><a href="#" class="social-icon rss"></a></li>
<li><a href="#" class="social-icon forrst"></a></li>
</ul> </div> <div class="span3 footer-col"> <h5>Berita dari jejaring sosial</h5> <ul>
<li><a href="#">@bayu_vaab</a>
Kelurahan perdagangan the best lah kalo dalam
pelayanannya.</li>
<li><a href="#">@ario12</a> Kelurahan perdangan itu selalu mengerti aku.</li>
<li><a href="#">@tani</a> Kelurahan perdagangan itu selalu di hati, gak mau pindah ke yang lain. ^_^</li>
<ul class="post-list">
<li><a href="pemilu-2014.php"
title="Pemilihan Umum 2014">Pemilihan Umum 2014</a></li>
<li><a href="Pastikan Anda terdaftar dalam pemilihan presiden 09 Juli 2014 di kelurahan Anda .php" title="Pastikan Anda di hitung dalam pilpres
2014">Pastikan Anda di hitung dalam pilpres 2014</a></li> <li><a href="tentang.php" title="Ibu PKK perdagangan melakukan foto bersama">Ibu PKK perdagangan melakukan foto bersama</a></li> <li><a href="tentang.php"
title="Tentang Kelurahan
Perdagangan">Tentang Kelurahan Perdagangan</a></li>
</ul> </div> <div class="span3 footer-col"> <h5>Foto-Foto</h5>
<ul class="img-feed">
<li><a href="#"><img
src="img/flicker/1.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/2.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/3.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/4.jpg" alt="Image Feed"></a></li> <li><a href="#"><img
src="img/flicker/5.jpg" alt="Image Feed"></a></li>
<li><a href="#"><img
src="img/flicker/6.jpg" alt="Image Feed"></a></li> </ul> </div> </div>
<div
class="row"><!-- Begin Sub Footer -->
<div class="span12 footer-col footer-sub">
<div class="row no-margin">
<div class="span6"><span
class="left">© Copyright 2014 <a href="#">Kelurahan Perdagangan</a></span></div> <div class="span6">
<span class="right">
<a href="index.php"
title="beranda">Beranda</a>&nbs p; | &nbs p;<a href="kontak.php"
title="berisi tentang keluh kesah masyarakat">Kontak
Kami</a> |&nbs p; <a
href="datapenduduk.php"
title="Melihat data keseluruhan penduduk">Data
Penduduk</a> | <a
href="tentang.php" title="Latar belakang dari kelurahan
perdagangan">Tentang
Kami</a> |&nbs p; <a href="data/" target="_blank" title="Akses data-data kelurahan">Akses Data Kelurahan</a>
</span>
</div> </div> </div>
</div>
</div><!-- End Footer -->
<!-- Scroll to Top --> <div id="toTop"
class="phone hidden-tablet">Back to Top</div>
</body> </html>
tentang.php
<!DOCTYPE html> <html
xmlns="http://www.w3.org/1999/x html">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" /> <title>KELURAHAN PERDAGANGAN</title> <meta name="viewport"
content="width=device-width, initial-scale=1.0">
<!-- CSS
=============================== =================== -->
<link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet"
href="css/flexslider.css" /> <link rel="stylesheet"
href="css/custom-styles.css"> <style type="text/css">
@font-face {
font-family: 'Oswald'; font-style: normal; font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'),
url(css/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); }
</style>
<!--[if lt IE 9]> <script
src="http://html5shim.googlecod e.com/svn/trunk/html5.js"></scr ipt>
<link rel="stylesheet" href="css/style-ie.css"/> <![endif]-->
<!-- Favicons
=============================== =================== -->
<link rel="shortcut icon" href="img/favicon.ico"> <link rel="apple-touch-icon"
href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
href="img/apple-touch-icon-114x114.png">
<!-- JS
=============================== =================== -->
<script src="js/jquery-1.9.1.js"></script> <script
src="js/bootstrap.js"></script> <script
src="js/jquery.flexslider.js">< /script>
<script
src="js/jquery.custom.js"></scr ipt>
<script type="text/javascript"> $(window).load(function(){
$('.flexslider').flexslider({ animation: "slide", slideshow: true, start:
function(slider){
$('body').removeClass('loading' );
} }); });
</script>
</head>
<div class="color-bar-1"></div>
<div class="color-bar-2 color-bg"></div>
<div class="container main-container">
<div class="row
header"><!-- Begin Header -->
<!-- Logo
=============================== =================== -->
<div class="span5 logo">
<a
href="index.htm"></a> <h1>KELURAHAN PERDAGANGAN</h1>
</div>
<!-- Main Navigation
=============================== =================== -->
<div class="span7 navigation">
<div class="navbar hidden-phone">
<ul class="nav"> <li><a
href="index.php"
title="beranda">BERANDA</a></li >
<li><a
href="kontak.php" title="berisi tentang keluh kesah
masyarakat">KONTAK</a></li> <li><a href="datapenduduk.php"
title="Melihat data keseluruhan penduduk">DATA
PENDUDUK</a></li> <li
class="active" title="Latar belakang dari kelurahan perdagangan"><a
href="tentang.php">TENTANG KAMI</a></li>
<li><a
href="data/" target="_blank"
title="Akses data-data kelurahan">Akses Data Kelurahan</a></li> </ul>
</div>
<!-- Mobile Nav
=============================== =================== -->
<form action="#" id="mobile-nav" class="visible-phone">
<div
class="mobile-nav-select"> <select
onchange="window.open(this.opti ons[this.selectedIndex].value,' _top')">
<option value="">Navigate...</option> <option value="index.htm">Home</option> <option value="index.htm">- Full
Page</option>
<option value="index-gallery.htm">- Gallery Only</option>
<option value="index-slider.htm">- Slider Only</option>
<option value="features.htm">Features</ option>
<option
value="page-full-width.htm">Pages</option>
<option value="page-full-width.htm">- Full Width</option>
<option
value="page-right-sidebar.htm">- Right Sidebar</option>
<option value="page-left-sidebar.htm">- Left Sidebar</option>
<option
<option
value="gallery-4col.htm">Gallery</option> <option value="gallery-3col.htm">- 3 Column</option>
<option value="gallery-4col.htm">- 4 Column</option>
<option value="gallery-6col.htm">- 6 Column</option>
<option
value="gallery-4col-circle.htm">- Gallery 4 Col Round</option>
<option value="gallery-single.htm">- Gallery Single</option> <option
value="blog-style1.htm">Blog</option>
<option value="blog-style1.htm">- Blog Style 1</option>
<option value="blog-style2.htm">- Blog Style 2</option>
<option value="blog-style3.htm">- Blog Style 3</option>
<option value="blog-style4.htm">- Blog Style 4</option>
<option value="blog-single.htm">- Blog Single</option>
<option
value="page-contact.htm">Contact</option> </select> </div> </form>
</div>
</div><!-- End Header -->
<!-- Page Content
=============================== =================== -->
<!-- Title Header -->
<div class="row">
<div class="span12"> <h2>Kelurahan Perdagangan merupakan salah satu kelurahan yang ada di kecamatan Bandar, kabupaten Simalungun, provinsi Sumatera Utara, Indonesia.</h2>
<p
class="lead">Informasi penduduk merupakan salah satu faktor yang utama dalam pemerintahan di kelurahan karena dengan informasi penduduk
dapat memudahkan dan mempercepat dalam pelayanan kepada masyarakat, misalnaya untuk mencari informasi penduduk berdasarkan statusnya pada setiap dusun,
rt/rw atau dalam pembuatan surat-surat keluaran kelurahan yang
membutuhkan lampiran identitas penduduk yang bersangkutan akan efesien dilakukan dengan adanya sistem informasi
kelurahan ini diharapkan data-data dari kelurahan dapat diatasi secara cepat dan tepat sesuai yang diharapkan oleh masyarakat.</p> </div>
</div>
<!-- Accordian (Collapse) =============================== =================== -->
<div class="row">
<div class="span6"> <h6 class="title-bg">INFO: <small>Informasi yang terus menerus kami
perbaharui</small></h6>
<a class="accordion-toggle" toggle="collapse"
data-parent="#accordion2" href="#collapseOne">
Pemilihan Umum 2014 yang akan diselenggarakan 9 Juli 2014 </a> </div> <div id="collapseOne"
class="accordion-body collapse in">
<div class="accordion-inner"> Pemilu 2014 akan dilaksanakan dua kali yaitu Pemilu
Legislatif pada tanggal 9 April 2014 yang akan memilih para anggota dewan legislatif dan Pemilu Presiden pada tanggal 9 Juli 2014 yang akan memilih Presiden dan Wakil Presiden. Pemilu 2014 akan memakai e-voting dengan harapan
menerapkan sebuah sistem baru dalam pemilihan umum. Keutamaan dari penggunaan sistem e-voting adalah Kartu Tanda Penduduk Elektronik (e-KTP) yang sudah mulai dipersiapkan sejak tahun 2012 secara nasional.
</div> </div> </div>
<div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" toggle="collapse"
data-parent="#accordion2" href="#collapseTwo">
Pastikan Anda terdaftar dalam pemilihan presiden 09 Juli 2014 di kelurahan Anda
</a> </div>
<div id="collapseTwo"
class="accordion-body collapse">
<div class="accordion-inner"> Merujuk Peraturan KPU Nomor 9 Tahun 2014, Daftar Pemilih Tetap (DPT) pada pemilu
legislatif akan menjadi Daftar Pemilih Sementara Hasil
Perbaikan (DPSHP) untuk pemilihan presiden.
Pemutakhiran data tersebut, harus mempertimbangkan pemilih yang belum terdaftar dalam DPT pemilu legislatif. Ada juga kemungkinan tambahan pemilih dari warga negara yang baru saja memasuki usia 17 tahun pada 9 Juli 2014.<br><br>
Untuk memastikan nama telah masuk DPSHP, Anda bisa
mengunjungi pusat data KPU di http://data.kpu.go.id/. Anda juga dapat memeriksa nama di petugas RT/RW tempat Anda tinggal. Sebagai catatan, KPU seharusnya telah merilis DPSHP sejak 13 Mei 2014.<br><br>
Jika nama Anda ternyata tidak tercantum, segera lapor ke RT/RW atau kelurahan setempat agar dapat diproses oleh KPUD. Sehingga ketika KPU merilis DPT pemilu presiden pada 13 Juni 2014, nama Anda sudah
terdaftar.<br><br>
sebelum pemungutan suara digelar.
</div> </div> </div>
<div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" toggle="collapse"
data-parent="#accordion2" href="#collapseThree">
Ibu-ibu PKK Perdagangan sedang
melakukan foto bersama
</a> </div> <div id="collapseThree"
class="accordion-body collapse">
<div class="accordion-inner"> Upaya untuk meningkatkan
kesejahteraan keluarga melalui 10 segi pokok keluarga dengan membentuk Tim Penggerak PKK di semua tingkatan, yang
keanggotaan timnya secara relawan dan terdiri dari tokoh/pemuka masyarakat, para isteri kepala dinas/jawatan dan isteri kepala daerah s.d
tingkat desa dan kelurahan yang kegiatannya didukung dengan anggaran pendapatan dan belanja daerah.
</div> </div> </div>
</div>
</div>
<!-- Tabs
=============================== =================== -->
<div class="span6">
<h6 class="title-bg">Rangkuman:
<small>Penjelasan dari menu diatas</small></h6>
<ul class="nav nav-tabs">
<li
class="active"><a href="#home"
data-toggle="tab">Beranda</a></li> <li><a href="#kontak"
data-toggle="tab">Kontak</a></li> <li><a href="#datapenduduk" data-toggle="tab">Data
Penduduk</a></li>
<li><a href="#tentang"
data-toggle="tab">Tentang Kami</a></li>
</ul>
<div class="tab-content"> <div class="tab-pane active" id="home">
Beranda artinya halaman depan.
Kata ini sering digunakan dalam menu sebuah website. Maksudnya
halaman utama yang muncul ketika kita membuka sebuah website.
</div> <div class="tab-pane" id="kontak"> Tentang pada menu diatas menunjukkan latar belakang seluruh
kelurahan.
</div> <div class="tab-pane"
id="datapenduduk">
Data penduduk merupakan data yang didapat dari keseluruhan penduduk, penduduk yang