Perancangan Website Kelurahan Perdagangan Kabupaten Simalungun
Listing Program Index.php
<!DOCTYPE html> <html ns="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') }); $("#btn-client- prev").click(function () {
Listing Program
$('#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="">Navigate...</option> <option value="index.htm">Home</option>
Listing Program
<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 -
<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>
- > <!-- 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
Listing Program
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">
- > <div class="row"><!-- Begin Bottom Section --> <!-- Blog Preview =============================== =================== --> <div class="span6"> <h5 class="title-
<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
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"> <!-- Blog Item 1 -->
Listing Program
<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> </ul> </div> <p class="blog-summary">Banyak Orang-orang bilang, siapakah
Listing Program
<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
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">
- > <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 pekerjaannya."</font><cite>-
Listing Program
</div> <!-- End Container -
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 -->
- > <!-- 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>
Listing Program
<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 href="tentang.php" title="Latar
Listing Program
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="hidden-phone hidden- tablet">Back to Top</div> </body> </html>
Kontak.php
<!DOCTYPE html> <html ns="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- 1"></div>
Listing Program
<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 value="page-double- sidebar.htm">- Double Sidebar</option>
Listing Program
<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 disini"></textarea> <div class="row">
Listing Program
<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,
<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 =============================== =================== -->
Listing Program 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 Kami</a>&nbsp;&nbsp;&nbsp;|&nbs p;&nbsp;&nbsp;<a href="data/" target="_blank" title="Akses
Listing Program
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="hidden-phone hidden- tablet">Back to Top</div> </body> </html>
datapenduduk.php
<!DOCTYPE html> <html ns="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 src="js/jquery.custom.js"></scr ipt>
Listing Program
<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 href="kontak.php" title="berisi
Listing Program
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>