• Tidak ada hasil yang ditemukan

Perancangan Website Kelurahan Perdagangan Kabupaten Simalungun

N/A
N/A
Protected

Academic year: 2019

Membagikan "Perancangan Website Kelurahan Perdagangan Kabupaten Simalungun"

Copied!
42
0
0

Teks penuh

(1)

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')

});

(2)

$('#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')">

(3)

<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"

(4)

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">&raquo;</button> <button

id="btn-blog-prev" class="btn btn-inverse btn-mini"

type="button">&laquo;</button> </h5>

<div id="blogCarousel" class="carousel slide ">

<!-- Carousel items -->

<div

class="carousel-inner">

(5)

<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>

(6)

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">&raquo;</button> <button

id="btn-client-prev" class="btn btn-inverse btn-mini"

type="button">&laquo;</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

(7)

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

(8)

<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">&copy; 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;&nbsp;&nbsp;|&nbsp;&nbsp;&nbs p;<a href="kontak.php"

title="berisi tentang keluh kesah masyarakat">Kontak

Kami</a>&nbsp;&nbsp;&nbsp;|&nbs p;&nbsp;&nbsp;<a

href="datapenduduk.php"

title="Melihat data keseluruhan penduduk">Data

Penduduk</a>&nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;<a

(9)

belakang dari kelurahan perdagangan">Tentang

Kami</a>&nbsp;&nbsp;&nbsp;|&nbs p;&nbsp;&nbsp;<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>

(10)

<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

(11)

<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

(12)

<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>

(13)

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">&copy; 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;&nbsp;&nbsp;|&nbsp;&nbsp;&nbs p;<a href="kontak.php"

title="berisi tentang keluh kesah masyarakat">Kontak

Kami</a>&nbsp;&nbsp;&nbsp;|&nbs p;&nbsp;&nbsp;<a

href="datapenduduk.php"

title="Melihat data keseluruhan penduduk">Data

Penduduk</a>&nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;<a

href="tentang.php" title="Latar belakang dari kelurahan

perdagangan">Tentang

(14)

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

(15)

<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

(16)

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

(17)

</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>

(18)

<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>

(19)

<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>

(20)

<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">&copy; 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;&nbsp;&nbsp;|&nbsp;&nbsp;&nbs p;<a href="kontak.php"

title="berisi tentang keluh kesah masyarakat">Kontak

Kami</a>&nbsp;&nbsp;&nbsp;|&nbs p;&nbsp;&nbsp;<a

href="datapenduduk.php"

title="Melihat data keseluruhan penduduk">Data

Penduduk</a>&nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;<a

href="tentang.php" title="Latar belakang dari kelurahan

perdagangan">Tentang

Kami</a>&nbsp;&nbsp;&nbsp;|&nbs p;&nbsp;&nbsp;<a href="data/" target="_blank" title="Akses data-data kelurahan">Akses Data Kelurahan</a>

</span>

</div> </div> </div>

(21)

</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>

(22)

<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

(23)

<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>

(24)

<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>

(25)

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

Referensi

Dokumen terkait

Perlu dilakukan penelitian lebih lanjut pada aktivitas analgetik dengan metode yang berbeda dengan menggunakan fraksi dari ekstrak etanol daun ciplukan untuk mengetahui senyawa apa

Hasil perhitungan laju pertumbuhan spesifik (  ) dan laju degradasi substrat (q) pada pengolahan air limbah tahu dengan lumpur aktif menunjukkan penurunan nilai

Desain produk molding yang dirancang dengan program CATIA selanjutnya dapat disimulasikan dengan program komputer untuk menjalankan proses molding, salah satunya

Oleh karena itu penelitian ini bertujuan untuk menentukan kondisi terbaik proses hidrolisis pati dan serat ubi kayu, serta menentukan jenis substrat asam yang terbaik

Hasil penelitian di wilayah kerja Puskesmas Motaha tahun 2012 yang dilakukan terhadap 74 responden menunjukkan bahwa 37 responden kelompok kasus yang memiliki pengetahuan

Menurut Broughton (dalam Tarigan, 1987:11-12) tingkat kemampuan membaca pemahaman terdiri atas dua jenis, yaitu kemampuan yang bersifat mekanik dan kemampuan membaca

Syarat penerima BLT DD selain secara garis besar disebutkan dalam PMK Nomor 40/PMK.07/2020, juga disebutkan dalam lampiran Permendes PDTT Nomor 6 Tahun 2020

Hasil observasi yang dilakukan dapat diketahui bahwa siswa yang sudah dibekali pengetahuan dan keterampilan pelatihan pemasaran online belum memunculkan keyakinan diri