LAMPIRAN
LISTING PROGRAM
index.php
<?php include "librari/inc.koneksidb.php"; include "librari/inc.librari.php"; ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Dinas Pekerjaan Umum Tapanuli Selatan</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="Place your description here" /> <meta name="keywords" content="put, your, keyword, here" />
<meta name="author" content="Templates.com - website templates provider" />
<link href="style.css" rel="stylesheet" type="text/css" /> <link href="layout.css" rel="stylesheet" type="text/css" /> <!--[if lt IE 7]>
<link href="style_ie.css" rel="stylesheet" type="text/css" /> <![endif]--> </head> <body id="page1"> <div class="tail-top-right"></div> <div class="tail-top"> <div class="tail-bottom"> <div id="main"> <!-- header --> <div id="header">
<form action="" method="post" id="form"> <div> <label>Website Search:</label> <span> <input type="text" /> </span></div> </form> <ul class="list">
<li><a href="admin/index.php"><img src="images/icon1.gif" alt="" /></a></li>
<li><a href="contact-us.php"><img src="images/icon2.gif" alt="" /></a></li>
<li class="last"><a href="sitemap.html"><img src="images/icon3.gif" alt="" /></a></li>
</ul> <ul class="site-nav"> <li><a href="index.php">Home</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="pegawai.php">pegawai</a></li> <li><a href="struktural.php">Struktural</a></li>
<li><a href="jalanjembatan.php">Jalan dan Jembatan</a></li> <li class="last"><a href="contact-us.php">Contact
us</a></li> </ul>
<div class="logo"></div>
<div align="right" class="smallgraytext" style="padding:9px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="145" height="27" title="K3">
<param name="movie" value="pakta_k3.swf" /> <param name="quality" value="high" />
<embed src="pakta_k3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="145" height="27"></embed> </object>
<img src="images/earth.gif" alt="bumi" width="33" height="27" /></p> <p> </p> <p> </p> <p> </p> <p><a href="index.php"> <span class="logo"></span></a> <span class="logo"> <a href="index.php">
<img src="images/logopu.gif" alt="" width="640" height="77" /></a></span>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="277" height="74" title="jam"> <param name="movie" value="5007-blue.swf" /> <param name="quality" value="high" />
<embed src="5007-blue.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="277" height="74"></embed> </object> </p> </div> </div> <!-- content --> <div id="content"> <div class="wrapper"> <div class="col-1">
<h3><img src="images/newsflash-icon.gif" alt="" width="182" height="40" /></h3>
<br>
<tr>
<div align="justify"> <?php
$sqlTampil = "SELECT * FROM berita ORDER BY id"; $qryTampil = mysql_query($sqlTampil, $koneksi)
or die ("Gagal query".mysql_error()); while($dataTampil=mysql_fetch_array($qryTampil)) { $no++; ?> </div> </tr> <ul class="list1 p2"> <li>
<h4 align="justify"><?php echo "$dataTampil[judul]"; ?></h4>
<p align="justify" class="zoom"><?php echo tgl_eng_to_ind($dataTampil['tanggal']); ?><br />
<?php echo "$dataTampil[headline] .... <a
href='beritaLengkap.php?id=$dataTampil[id]'> Baca Lengkap </a> <br><br> </td>"; ?></p> </li> <div align="justify"> <?php } ?> </div> </ul> </div> <div class="col-2"> <h3>SELAMAT DATANG !</h3>
<p align="justify" class="p1">Di Website Dinas Pekerjaan Umum Daerah Tapanuli Selatan.</p>
<p align="justify" class="p1">Dapatkan informasi program kerja Dinas Pekerjaan Umum yang upto date di website ini. </p>
<p align="justify" class="p1">This website template has several pages: <a href="index.php">Home</a>, <a
href="profil.php">Profil</a>, <a href="pegawai.php">Pegawai</a>, <a href="struktural.php">Struktural</a>, <a
href="jalanjembatan.php">Jalan dan Jembatan </a>, & <a href="contact-us.php">Contact-us </a>.</p> <div class="wrapper"></div> </div> <div class="col-3"> <h3>Articles</h3> <ul class="list1 p2">
<li><img src="images/icon1.jpeg" alt="" width="68" height="83" />
<h4><a href="#">Welcome To our Company</a></h4> <p align="justify" class="zoom">If you are looking for perfect architectur services for your business, you will find them here!</p>
</li>
<li><img src="images/icon3.jpeg" alt="" width="70" height="88" />
<h4><a href="#">Our services</a></h4>
<p align="justify" class="zoom">The complete
information regarding our services you will find on the "contact us " page.</p>
</li>
<li><img src="images/icon5.jpeg" alt="" width="91" height="91" />
<h4><a href="#">About "IT World"</a></h4>
<p align="justify" class="zoom">we can make your box so wonderfull !!!!</p>
</li> </ul>
<div class="wrapper"><a href="beritaLengkap.php" class="link1"><em><b>News Archive<span>News Archive</span></b></em></a></div> </div> </div> </div> <!-- footer --> <div id="footer"> <div class="indent"> <div class="fleft">Copyright © 2011 d3ilkomusu/ixelacker</div>
<div class="fright">Designed by: <a
href="http://www.templates.com"><img src="images/templates-logo1.gif" alt="website templates " width="109" height="24" title="templates.com
- website templates provider" /></a></div> </div> </div> </div> </div> </div> </body> </html>
profil.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Dinas Pekerjaan Umum Tapanuli Selatan</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="Place your description here" /> <meta name="keywords" content="put, your, keyword, here" />
<meta name="author" content="Templates.com - website templates provider" />
<link href="style.css" rel="stylesheet" type="text/css" /> <link href="layout.css" rel="stylesheet" type="text/css" /> <!--[if lt IE 7]>
<link href="style_ie.css" rel="stylesheet" type="text/css" /> <![endif]--> </head> <body id="page4"> <div class="tail-top-right"></div> <div class="tail-top"> <div class="tail-bottom"> <div id="main"> <!-- header --> <div id="header">
<form action="" method="post" id="form"> <div> <label>Website Search:</label> <span> <input type="text" /> </span></div> </form> <ul class="list">
<li><a href="admin/index.php"><img src="images/icon1.gif" alt="" /></a></li>
<li><a href="contact-us.html"><img src="images/icon2.gif" alt="" /></a></li>
<li class="last"><a href="sitemap.html"><img src="images/icon3.gif" alt="" /></a></li>
</ul> <ul class="site-nav"> <li><a href="index.php">Home</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="pegawai.php">pegawai</a></li> <li><a href="struktural.php">Struktural</a></li>
<li><a href="jalanjembatan.php">Jalan dan Jembatan</a></li> <li class="last"><a href="contact-us.php">Contact
us</a></li> </ul>
<div class="logo"></div>
<div align="right" class="smallgraytext" style="padding:9px;">
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="145" height="27" title="K3">
<param name="movie" value="pakta_k3.swf" /> <param name="quality" value="high" />
<embed src="pakta_k3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="145" height="27"></embed> </object>
<img src="images/earth.gif" alt="bumi" width="33" height="27" /> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p><a href="index.php"><span
class="logo"></span></a><span class="logo"><a href="index.php"><img src="images/logopu.gif" alt="" width="640" height="77" /></a></span>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="277" height="65" title="jam"> <param name="movie" value="5007-blue.swf" /> <param name="quality" value="high" />
<embed src="5007-blue.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="277" height="65"></embed> </object> </p> </div> </div> <!-- content --> <div id="content">
<h3>Profil dinas PEKERJAAN UMUM DAERAH Tapanuli selatan </h3> <ul class="list1"><li><img
src="admin/images/Gd_Menteri_PU.jpg" alt="" width="272" height="174" />
<h4>Sejarah Singkat dinas pekerjaan umum </h4>
<p align="justify">Istilah "<em><strong>Pekerjaan Umum</strong></em>" adalah terjemahan dari istilah bahasa Belanda "<em> <strong>Openbare Werken</strong></em>" yang pada zaman Hindia Belanda disebut "<em>Waterstaat
swerken</em>". Di lingkungan Pusat Pemerintahan dibina oleh Dep.Van Verkeer & Waterstaat (Dep.V&W), yang sebelumnya terdiri dari 2 Dept.Van Guovernements Bedri jven dan Dept.Van Burgewrlijke Openbare Werken.</p>
<p align="justify"> Dep. V dan W dikepalai oleh seorang Direktur,yang membawahi beberapa Afdelingen dan Diensten sesuai dengan tugas/wewenang Depertemen ini. Yang meliputi bidang PU (openbare werken) termasuk afdeling Waterstaat,dengan onder afdelingen. : 1. Lands gebouwen, 2. Wegen, 3. Irrigatie & Assainering, 4. Water Kracht, 5. Constructie burreau (untuk jembatan).</p>
<p align="justify"> Disamping yang tersebut di atas, yang meliputi bidang PU (Openbare Werken) juga afd. Havenwezen
(Pelabuhan),afd. Electriciteitswezen (Kelistrikan)dan afd.
Luchtvaart (Penerbangan Sipil). Organisasi P.U (Open-bare werken) di daerah-daerah adalah sebagai berikut :</p>
<p align="justify">Di Propinsi Jawa Barat, Jawa Tengah dan Jawa Timur urusan Waterstaat/openbare werken diserahkan pada Pemerintahan Propinsi yang disebut :Provinciale
Waterstaatdienst" dan dikepalai oleh seorang Hoofd Provinciale Waterstaatsdients (H.P.W) </p>
</li> <li>
<p align="justify"> Diwilayah Gouv,Yogyakarta dan Gouv. Surakarta urusan-urusan Pekerjaan Umum/Waterstaat dijalankan oleh "Sultanas Werken" (yogya) "Rijkswerken" (Surakarta), Mangkunegaranwerken". Disamping itu diwilayah Vorstenlander terdapat 3 organisasi "Waterschap",
"s" Lands gebouwendienst",Regentschap Werken" dan "Gremeente werken" </p>
</li> <li>
<p align="justify"> Untuk daerah luar jawa
Gouv.Sumatera, Borneo (Kalimantan) dan Grote Oost (Indonesia Timur) terdapat organisasi "Gewestelijke Inspectie v/d
Waterstaat" dikepalai oleh seorang Inspektur.Diwilayah
Residentie terdapat "Residentie Water Staatsdienst" yang dahulu dikenal dengan nama "Dienst der B.O.W". dan kepala dinas ini biasa disebut "E.A.Q" (Eerst Aanwzend
Waterstaatsambtenar). Ketentuan yang dikeluarkan pada jaman Hindia Belanda untuk pedoman dalam pelaksanaan tugas dalam lingkungan
Pekerjaan Umum dapat dibaca dalam "A.W.R". 1936 B.W.R 1934 dan "W.V.O/W.V.V.". </p> </li> <li></li> </ol> <p align="left"><strong></strong><strong>Jaman Jepang</strong></p> <p align="left"> </p> <div> <div> <ul class="list1">
<p align="justify">Setelah Belanda menyerahkan dalam perang pasifik pada tahun 1942, kepada Jepang, maka daerah Indonesia ini dibagi oleh Jepang dalam 3 wilayah pemerintahan, yaitu Jawa/Madura, Sumatera dan Indonesia Timur dan tidak ada Pusat
Pemerintahan tertinggi di Indonesia yang menguasai ke 3 wilayah pemerintahan tersebut.</p>
<p align="justify"> Dibidang Pekerjaan Umum pada tiap-tiap wilayah organisasi Pemerintahan Militer Jepang tersebut diatas, diperlukan organisasi Jaman Hindia Belanda dan disesuaikan dengan ketentuan-ketentuan dari fihak jepang,kantor pusat "V & W". di Bandung, dinamakan "Kotubu Bunsitsu", sejak saat itu istilah "Pekerjaan Oemoem" (P.O), Oeroesan Pekerdjaan Oemoem (O.P.O), "Pekerjaan Umum" (PU),
disampinmg "Doboku" lazim dipergunakan.</p>
<p align="justify"> Kotubu Bonsitsu di Bandung hanya mempunyai hubungan dengan wilayah Pemerintahan di Jawa/Madura, hubungan dengan luar Jawa tidak ada. Organisasi Pekerjaan Umum di daerah-daerah, di Karesidenan-Karesidenan pada umumnya berdiri sendiri-sendiri.</p>
<p align="justify"> Sistem pelaksanaan pekerjaan ada yang mempergunakan sistem dan nama jaman Ned. Indie, disamping menurut sistem Jepang.</p>
<p align="justify"> </p>
<p align="left"><strong>Jaman Indonesia Merdeka</strong></p>
memproklamirkan Kemerdekaan pada tanggal 17-8-1945, maka semenjak itu Pemuda-pemuda Indonesia mulai berangsur-angsur merebut kekuasaan Pemerintahan dari tangan Jepang baik di pusat pemerintahan
(Jakarta/Bandung) maupun Pemerintahan Daerah-daerah.</p>
<p align="justify">Sesudah Pemerintahan Indonesia membentuk Kabinet yang pertama, maka pada Menteri mulai menyusun organisasi serta sifatnya. Pekerjaan Umum pada waktu itu (1945) berpusat di Bandung, dengan mengambil tempat bekas gedung V.&W. (dikenal dengan nama "<strong><em>Gedung
Sate</em></strong>").</p> </ul>
</div> </div> <li>
<p align="justify"> Pada waktu revolusi fisik dari tahun 1945 s/d 1949, Pemerintah Pusat RI di Jakarta terpaksa mengungsi ke Purworejo untuk selanjutnya ke Yogyakarta, begitu juga Kementerian PU.</p>
<p align="justify"> Sesudah Pemerintahan Belanda tahun 1949 mengakui kemerdekaan <strong>Republik Indonesia</strong> maka pusat pemerintahan RI di Yogyakarta, berpindah lagi ke Jakarta.</p> <p align="justify"> Sejak tahun 1945 itu, Pekerjaan Umum (PU) telah sering mengalami perobahan pimpinan dan organisasi,sesuai situasi politik pada waktu itu. Sebagai gambaran garis besar
organisasi PUT diuraikan sebagai berikut: </p>
<p align="justify">1. Sebelum tentara Belanda masuk ke Yogyakarta Susunan Kemerdekaan PU. Perhubungan dapat dibagi menjadi 8 Jawatan dan 4 Balai.</p>
</li> <li>
<p align="justify">2. Khusus pada masa Republik India Serikat Kementerian Perhubungan dan POU RIS dibagi dalam beberapa Departemen dan beberapa Jawatan dan beberapa instansi yang hubungan erat dengan tugas dari dep.PU. RIS.</p>
</li> </ol>
<p align="justify">Kementerian Perhubungan PU.RIS tersebut terdiri atas penggabungan 3 Departemen prae federal yaitu :</p>
<li>
<p align="justify">1. Departemen Verkeer, Energie dan Mynbouw dulu (kecuali Mynbouw yang masuk dalam kementerian
Kemakmuran).</p> </li> <li>
<p align="justify">2. Departemen Van Waterstaat di Wederopbouw.</p>
</li> <li>
<p align="justify">Departemen Van Scheepvaart.</p> </li>
</ol>
<p align="justify">Penggabungan dari 3 Departemen dari pemerintahan prae federal dalam satu Kementerian yaitu Kementerian Perhubungan Tenaga dan PU.RIS dianggap perlu, supaya hubungan 3 Departemen tersebut satu dengan lain menjadi sangat erat, terlebih-lebih jika diingat, bahwa untuk pembangunan Negara akan diadakan koordinasi dan rasionalisasi yang baik dan adanya tenaga ahli dan pula untuk melancarkan semua tugas yang dibebankan pada Kementerian Perhubungan Tenaga dan PU.RIS.</p>
<p align="justify">Khusus pada permulaan terbentuknya Negara Kesatuan RI, maka susunan Kementerian berbeda sebagai berikut :</p>
<p align="justify">Dalam masa proloog G 30 S. PKI terjadilah dalam sejarah Pemerintahan RI suatu Kabinet yang besar disebut dengan nama <strong>Kabinet DwiKora</strong> atau
<strong>Kabinet 100 Menteri</strong>, dimana pada masa ini dibentuk Koordinator Kementerian. Tidak luput Departemen PUT. yang pada masa itu ikut mengalami perubahan organisasi menjadi 5 Dept. dibawah Kompartemen PUT Kabinet Dwikora, dipimpin Jenderal Suprajogi. Adapun Kompartemen PUT ketika membawahi, antara lain :</p>
<p align="justify"> </p>
<p align="justify">1. Departemen Listrik dan Ketenagaan</p>
<p align="justify">2. Departemen Bina Marga</p> <p align="justify">3. Departemen Cipta Karya Konstruksi</p>
<p align="justify">4. Departemen Pengairan Dasar</p> <p align="justify">5. Departemen Jalan Raya Sumatera </ol>
</p>
<li><p align="justify">Setelah peristiwa G.30S PKI Pemerintah segera menyempurnakan Kabinet Dwikora dengan menunjuk Ir.Soetami, sebagai menteri PUT untuk memimpin Kompartemen PUT. Kabinet yang disempurnakan itu tidak dapat lama dipertahankan.</p> <p align="justify">Kabinet Ampera, sebagai Kabinet pertama dalam masa Orde Baru. Kembali organisasi PUT dibentuk dengan Ir.Soetami, sebagai Menteri. Dengan Surat Keputusan Menteri PUT tertanggal 17 Juni 1968 N0.3/PRT/1968 dan dirobah dengan Peraturan Menteri PUT tertanggal 1 Juni 1970 Nomor 4/PRT/1970. Departemen PUT telah memiliki suatu susunan struktur Organisasi.</p>
<p align="justify">Sebagai gambaran lebih jauh
pembagian tugas-tugas dalam lingkungan Dep. PUT, maka pada waktu itu azas tugas-tugas PU telah diserahkan pada kewenangan daerah itu sendiri.</p>
</li> <li>
<h4>Sejarah Singkat Pekerjaan Umum Daerah Tapanuli Selatan</h4> </p>
<li>
<p align="left" class="zoom">Dinas Pekerjaan Umum Daerah Tapanuli Selatan adalah Dinas Pemerintah yang berdiri sejak 1971. yang terletak di jl. jenderal. Sudirman No. 435 kota padangsidimpuan kec. Padangsidimpuan Utara yang berlokasi di Sadabuan.Luas pertapakan 5.910 tahun Pengadaan 1996. </p>
<li>
<p align="left" class="zoom">berikut daftar-daftar Kepala dinas yang pernah menjadi pimpinan di Dinas Pekerjaan Umum Daerah Tapanuli Selatan.</p>
<li>
<p align="left" class="zoom"> 1. Ir. Pandang batubara (01-mei-1971 s/d 14-november-1982).</p>
<p align="left" class="zoom"> 2. Djufrie BE(15-november-1982 s/d 24-maret-1985). </p>
<p align="left" class="zoom">3. Ir. Ahmad Idris lubis (25-maret-1985 s/d 30-november-1990). </p>
<p align="left" class="zoom">4. Ir. Leonardy Pane (30-november-1990 s/d 20-oktober-1998). </p>
<p align="left" class="zoom">5. Ir. Sayuti Lubis (29-oktober-1998 s/d 05-oktober-2001).</p>
(07-mei-2002 s/d 16-juni-2004). </p>
<p align="left" class="zoom">7. Ir. H. Syahril ( 09-september-2004 s/d 16-april 2005). </p>
<li>
<h4><strong>Visi</strong></h4> <li>
<p align="justify" class="zoom"><strong>"Tersedianya Infrastruktu Pekerjaan Umum dan Permukiman yang Andal untuk Mendukung Indonesia Sejahtera 2025" </strong></p>
<li>
<h4>MisI</h4>
<li>
<p align="justify">1. Mewujudkan penataan ruang sebagai acuan mitra spasial dari pembangunan nasional dan daerah serta keterpaduan pembangunan infrastruktur pekerjaan umum dan permukiman berbasis penataan ruang dalam rangka pembangunan berkelanjutan. </p> </li>
<li>
<p align="justify">2. Menyelenggarakan pengelolaan sumber daya air secara efektif dan optiml untuk meningkatkan kelestarian fungsi dan kebelanjutan pemanfaatan sumber daya air serta menguangi resiko daya rusak air. </p>
</li> <li>
<p align="justify">3. Meningkatkan aksesibilaitas dan mobilitas wilayah dalam mendukung pertumbuhan ekonomi dan
meningkatkan kesejahteraan masyarakat dengan penyediaan jaringan jalan yang andal, terpadu dan berkelanjutan. </p>
</li> <li>
<p align="justify">4. Meningkatkan kualitas lingkungan permukiman yang layak huni dan produktif melalui pembinan dan fasilitasi pengembangan infrastruktur permukiman uag terpadu, andal dan berkelanjutan. </p>
</li> <li>
<p align="justify">5. Menyelenggarakan industri konstruksi yang kompetitif dengan menjamin adanya keterpaduan
pengelolaan sektor konstruksi, proses penyelenggaraan konstuksi yang baik dan menjadikan pelaku sektor konstruksi tumbuh dan berkembang. </p>
</li> <li>
<p align="justify">6. Menyelenggarakan penelitian dan pengambangan serta penerapn : IPTEK, norma, standar, pedoman, manual dan/atau kriteria pendukung infrastruktur pekerjaan umum dan
permukiman. </p> </li> <li>
<p align="justify">7. Menyelenggarakan dukungan manajemen fungsional dan sumber daya yang akuntabel dan kompeten, terintegrasi serta inovatif dengan menerapkan prinsi-prinsip good governance. </p> </li>
<li>
<p align="justify">8. Meminimalkan penyimpangan dan praktik-praktik KKN di lingkungan Kementerian Pekerjaan Umum dengan meningkatkan kualitas pemeriksaan dan pengawasan profesional. </p>
</li> <li>
<li> </ul> </div> <!-- footer --> <div id="footer"> <div class="indent"> <div class="fleft">Copyright © 2011 d3ilkomusu/ixelacker</div>
<div class="fright">Designed by: <a
href="http://www.templates.com"><img src="images/templates-logo1.gif" alt="website templates " width="109" height="24" title="templates.com - website templates provider" /></a></div>
</div> </div> </div> </div> </div> </body> </html>
pegawai.php
<?php include "librari/inc.koneksidb.php"; include "librari/inc.librari.php"; ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Dinas Pekerjaan Umum Tapanuli Selatan</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="Place your description here" /> <meta name="keywords" content="put, your, keyword, here" />
<meta name="author" content="Templates.com - website templates provider" />
<link href="style.css" rel="stylesheet" type="text/css" /> <link href="layout.css" rel="stylesheet" type="text/css" /> <!--[if lt IE 7]>
<link href="style_ie.css" rel="stylesheet" type="text/css" /> <![endif]--> </head> <body id="page2"> <div class="tail-top-right"></div> <div class="tail-top"> <div class="tail-bottom"> <div id="main"> <!-- header --> <div id="header">
<form action="" method="post" id="form"> <div> <label>Website Search:</label> <span> <input type="text" /> </span></div> </form> <ul class="list">
<li><a href="admin/index.php"><img src="images/icon1.gif" alt="" /></a></li>
alt="" /></a></li>
<li class="last"><a href="sitemap.html"><img src="images/icon3.gif" alt="" /></a></li>
</ul> <ul class="site-nav"> <li><a href="index.php">Home</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="pegawai.php">pegawai</a></li> <li><a href="struktural.php">Struktural</a></li>
<li><a href="jalanjembatan.php">Jalan dan Jembatan</a></li> <li class="last"><a href="contact-us.php">Contact
us</a></li> </ul>
<div class="logo"></div>
<div align="right" class="smallgraytext" style="padding:9px;">
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="145" height="27" title="K3">
<param name="movie" value="pakta_k3.swf" /> <param name="quality" value="high" />
<embed src="pakta_k3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="145" height="27"></embed> </object>
<img src="images/earth.gif" alt="bumi" width="33" height="27" /> </p>
<p> </p> <p> </p> <p> </p>
<p><a href="index.php"><span
class="logo"></span></a><span class="logo"><a href="index.php"><img src="images/logopu.gif" alt="" width="640" height="77" /></a></span>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="277" height="74" title="jam"> <param name="movie" value="5007-blue.swf" /> <param name="quality" value="high" />
<embed src="5007-blue.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="277" height="74"></embed> </object> </p> </div> </div> <!-- content --> <div id="content"> <div class="wrapper"> <div class="col-1">
<h3 align="center">pegawai dinas PEkerjaan umum tapanuli selatan <br>
</h3> <tr><a> <?php
$editID = $_Get['id'];
$sqlTampil = "SELECT * FROM pegawai ORDER by Nama"; $qryTampil = mysql_query($sqlTampil, $koneksi) or die ("Gagal query".mysql_error());
while($dataTampil=mysql_fetch_array($qryTampil)) {
$no++; ?>
<h4><div align="left"><?php echo"<a
href='pegawaiLengkap.php?id=$dataTampil[id]'>"; ?><strong><?php echo $dataTampil['Nama']; ?></strong></div></h4> <?php } ?> </li> </ul> </a> <div class="col-2">
<h3 align="left">About Your Staff </h3>
<p align="justify" class="p2">Pegawai merupakan pendukung utama berjalannya suatu instansi atau perusahaan. Tanpa adanya mereka suatu program kerja tidak akan berjalan. </p>
<div class="img-box"><img src="images/2page-img4.jpg" alt="" />
<p align="justify">berikut di daftar-daftar nama pegawai lengkap Dinas Pekerjaan Umum daerah Tapanuli Selatan.</p> <p align="justify"> </p>
<p align="justify"><a href=""Lihat Data Pegawai Lengkap >> </a> </p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify"> </p> </div> </div> </div> </div> <!-- footer --> <div id="footer">
<div class="indent"><span class="fleft">Copyright © 2011 d3ilkomusu/ixelacker</span>
<div class="fright">Designed by: <a
href="http://www.templates.com"><img src="images/templates-logo1.gif" alt="website templates " width="109" height="24" title="templates.com - website templates provider" /></a></div>
</div></div></div> </div> </div> </body> </html> struktural.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Dinas Pekerjaan Umum Tapanuli Selatan</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="Place your description here" /> <meta name="keywords" content="put, your, keyword, here" />
<meta name="author" content="Templates.com - website templates provider" />
<link href="style.css" rel="stylesheet" type="text/css" /> <link href="layout.css" rel="stylesheet" type="text/css" /> <!--[if lt IE 7]>
<![endif]--> <style type="text/css"> <!-- .style8 {color: #FF0000} --> </style> </head> <body id="page5"> <div class="tail-top-right"></div> <div class="tail-top"> <div class="tail-bottom"> <div id="main"> <!-- header --> <div id="header">
<form action="" method="post" id="form"> <div> <label>Website Search:</label> <span> <input type="text" /> </span></div> </form> <ul class="list">
<li><a href="admin/index.php"><img src="images/icon1.gif" alt="" /></a></li>
<li><a href="contact-us.html"><img src="images/icon2.gif" alt="" /></a></li>
<li class="last"><a href="sitemap.html"><img src="images/icon3.gif" alt="" /></a></li>
</ul> <ul class="site-nav"> <li><a href="index.php">Home</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="pegawai.php">pegawai</a></li> <li><a href="struktural.php">Struktural</a></li>
<li><a href="jalanjembatan.php">Jalan dan Jembatan</a></li> <li class="last"><a href="contact-us.php">Contact
us</a></li> </ul>
<div class="logo"></div>
<div align="right" class="smallgraytext" style="padding:9px;">
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="145" height="27" title="K3">
<param name="movie" value="pakta_k3.swf" /> <param name="quality" value="high" />
<embed src="pakta_k3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="145" height="27"></embed> </object>
<img src="images/earth.gif" alt="bumi" width="33" height="27" /> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p><a href="index.php"><span
class="logo"></span></a><span class="logo"><a href="index.php"><img src="images/logopu.gif" alt="" width="640" height="77" /></a></span>
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="277" height="74" title="jam">
<param name="movie" value="../dinaspu/5007-blue.swf" /> <param name="quality" value="high" />
<embed src="../dinaspu/5007-blue.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="277" height="74"></embed> </object> </p> </div> </div> <!-- content --> <div id="content">
<h3>Struktural dinas pekerjaan umum daerah tapanuli selatan </h3>
<table width="954" height="84" border="0"> <tr>
<th width="86" scope="col"><span class="p1">Kepala Dinas</span></a></th>
<th width="102" scope="col"><a
href="struktural2.php">Sekretaris Dinas</a></th> <th width="72" scope="col"><a
href="struktural3.php">Kepala Sub Bagian Bina Marga</a></th> <th width="79" scope="col"><a
href="struktural4.php">Kepala Sub Dinas Pengairan</a></th> <th width="148" scope="col"><a
href="struktural5.php">Kepala Sub Bagian Pengawasan dan Pengendalian</a></th>
<th width="119" scope="col"><a
href="struktural6.php">Kepala Sub dinas Perencanaan</span></a></th> <th width="166" scope="col"><a
href="struktural7.php">Kepala Unit Pelayanan Teknis (UPT) Peralatan dan Laboratorium</a></th>
<th width="148" scope="col"><a
href="struktural8.php">Kelompok Jabatan Fungsional</a></th> </tr>
</table>
<p class="p1"> </p>
<p class="p1"><strong>Kepala Dinas </strong></p> <p align="justify">Kepala dinas mempunyai tugas pokok
memebantu Bupati dalam menyelenggarakan dan melaksanakan kewenangan otonom daerah di Bidang Pekerjaan Umum.</p>
<p align="justify">Dalam melaksanakan tugas sebagaimana tersebut di atas Kepala Dinas Pekerjaan Umum menyelenggarakan fungsi :</p>
<p>1. Memimpin dan mengkoordinasikan kegiatan Dinas dalam melaksanakan tugasnya sesuai dengan kebijakan Kepala daerah berdasarkan Peraturan Perundang-undangan yang berlaku;</p> <p align="justify">2. Menetapkanprogram Kerja Dinas Pekrerjaan Umum sesuai dengan Rencana Strategi Pemerintahan kabupaten;
<p align="justify">3. Mengandalikan dan mengarahkan pelaksanaan tugas-tugas sekretaris dan Bidang;
<p align="justify">4. Mengkoreksi dan menandatangani surat-surat serta memaraf surat-surat-surat-surat untuk ditandantangani Bupati; <p align="justify">5. Merumuskan Kebijakan dan solusi
pemecahan terhadap masalah-masalah pelaksanaan tugas Dinas Pekerjaan Umum Kabupaten Tapanuli Selatan;
<p align="justify">6. Membuat laporan tertulis secara berkala kepada Bupati sebagai Kepala Daerah;
Bupati tentang Kebijakan di Bidang Pekerjaan Umum Daerah kabupaten Tapanuli Selatan;
<p align="justify">8. Melaksanakan tugas-tugas lain yang diberikan oleh Bupati.
<p align="justify">
<p align="justify"><a href="baganstruktur">Lihat Bagan Struktur Organisasi >> </a> </div> <!-- footer --> <div id="footer"> <div class="indent"> <div class="fleft">Copyright © 2011 d3ilkomusu/ixelacker</div>
<div class="fright">Designed by: <a
href="http://www.templates.com"><img src="images/templates-logo1.gif" alt="website templates " width="109" height="24" title="templates.com - website templates provider" /></a></div>
</div> </div> </div> </div> </div> </body> </html>
Jalanjembatan.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Dinas Pekerjaan Umum Tapanuli Selatan</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="Place your description here" /> <meta name="keywords" content="put, your, keyword, here" />
<meta name="author" content="Templates.com - website templates provider" />
<link href="style.css" rel="stylesheet" type="text/css" /> <link href="layout.css" rel="stylesheet" type="text/css" /> <!--[if lt IE 7]>
<link href="style_ie.css" rel="stylesheet" type="text/css" /> <![endif]--></head> <body id="page3"> <div class="tail-top-right"> </div> <div class="tail-top"> <div class="tail-bottom"> <div id="main"> <!-- header --> <div id="header">
<form action="" method="post" id="form"> <div> <label>Website Search:</label> <span> <input type="text" /> </span></div> </form> <ul class="list">
alt="" /></a></li>
<li><a href="contact-us.html"><img src="images/icon2.gif" alt="" /></a></li>
<li class="last"><a href="sitemap.html"><img src="images/icon3.gif" alt="" /></a></li>
</ul> <ul class="site-nav"> <li><a href="index.php">Home</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="pegawai.php">pegawai</a></li> <li><a href="struktural.php">Struktural</a></li>
<li><a href="jalanjembatan.php">Jalan dan Jembatan</a></li> <li class="last"><a href="contact-us.php">Contact
us</a></li> </ul>
<div class="logo"></div>
<div align="right" class="smallgraytext" style="padding:9px;">
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="145" height="27" title="K3">
<param name="movie" value="pakta_k3.swf" /> <param name="quality" value="high" />
<embed src="pakta_k3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="145" height="27"></embed> </object>
<img src="images/earth.gif" alt="bumi" width="33" height="27" /> </p>
<p> </p> <p> </p> <p> </p>
<p><a href="index.php"><span
class="logo"></span></a><span class="logo"><a href="index.php"><img src="images/logopu.gif" alt="" width="640" height="77" /></a></span>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="277" height="74" title="jam">
<param name="movie" value="../dinaspu/5007-blue.swf" /> <param name="quality" value="high" />
<embed src="../dinaspu/5007-blue.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="277" height="74"></embed> </object> </p> </div> </div> <!-- content --> <div id="content">
<h2><strong>Jalan dan Jembatan</strong></h2> <p> </p>
<p> Pembangunan jaringan jalan merupakan prioritas di dalam pembangunan daerah serta merupakan prasarana pendukung kegiatan ekonomi. karena tanpa didukung sarana transportasi yang baik, maka kegiatan ekonomi akan terhambat dan mahal. Untuk tujuan pembangunan jalan, pemerintah akan membutuhkan sebuah awal sebagai bahan
pertimbangan dalam menentukan kebijakan pembangunan. Hal yang paling penting diperlukan tersedianya data yang valid dan bisa
dalam membuat sebuah perencanaan yang baik untuk menentukan kebijakan yang akan diputuskan agar sesuai dan tepat sasaran.</p>
<p> </p>
<p>Sejalan dengan pemberlakuan Undang-undang nomor 32 tahun 2004 tentang Pemerintah Daerah, maka tanggung jawab Pemerintah
Kabupaten di dalam penanganan dan pengembangan pembangunan jalan dan jembatan, khususnya jalan kabupaten, jalan pedesaan dan jalan
lingkungan menjadi lebih besar. Oleh karena itu, ,aka untuk mendukung program pembangunan jaringan jalan kabupaten, jalan pedesaan dan jalan lingkungan perlu dipersiapakan data kondisi fisik jaringan jalan kabupaten dan jalan pedesaan/lingkungan agar dapat diketahui sejauh mana pembangunan yang sudah dilaksanakan dan bagaimana kondisi jalan saat ini dan prioritas penanganannya untuk masa yang akan
datang oleh Pemerintah kabupaten Tapanuli Selatan.</p> <p> </p>
<p>Sebagai salah satu prasarana pokok suatu daerah, jaringan jalan yang berfungsi untuk menghubungkan suatu tempat dengan tempat lainnya, baik itu jalan yang sifat lokal maupun arteri, menjadi fasilitas yang sangat dominan bukan hanya karena ditinjau dari segi fungsinya saja, tetapi juga dari segi ekonomisnya karena jalan mempunyai nilai fisik yang tinggi. Sehingga setiap keputusan untuk melakukan suatu tindakan perbaikan, penignkatan maupun perawatan terhadap jaringan jalan akan tergantung kepada dana yang biayanya relatif besar. Pengambilan kebijakan seperti ini, sebagaimana halnya kegiatan-kegiatan berbiaya besar lainnya, tentunya memerlukan
sejumlah pertimbangan yang matang. Sebagaimana konsekuensi logisnya, maka sebuah kebijaksanaan yang baik perlu didukung oleh pasokan data yang memadai.</p>
<p> </p>
<p>Untuk itu diperlukan data jaringan jalan yang tersistem sebagai prasarana utama dalam pengembangan sektor perekonomian, sehingga perencanaan program pembangunan dapat dilakukan dengan efisien.</p>
<p> </p>
<p>Diharapkan dengan adanya kegiatan Pembuatan Database
Jaringan Jalan kabupaten Tapanuli Selatan ini dapat diketahui dengan lebih jelas dan lebih detail jaringan jalan kabupaten Tapanuli
Selatan sehingga memudahkan dalam pengelolaan dan mewujudkan transportasi yang andal, aman, nyaman dan efisien dalam rangka mendukung dan mendorong pertumbuhan ekonomi dan kesejahteraan masyarakat di kabupaten Tapanuli Selatan.</p>
<p> </p> <p> </p>
<p><a href="datajalanjembatan.php">Lihat Data Jalan dan Jembatan >> </a> </p> <p> </p> <p> </p> <p> </p> <p> <!-- footer -->
<div class="indent"><span class="fleft">Copyright © 2011 d3ilkomusu/ixelacker</span>
<div class="fright">Designed by: <a
href="http://www.templates.com"><img src="images/templates-logo1.gif" alt="website templates " width="109" height="24" title="templates.com - website templates provider" /></a></div>
</div></div> </div> </div> </div> </body> </html>
admin/index.php
<?php
include "inc.session.php"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Dinas Pekerjaan Umum Tapanuli Selatan</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="Place your description here" /> <meta name="keywords" content="put, your, keyword, here" />
<meta name="author" content="Templates.com - website templates provider" />
<link href="../style.css" rel="stylesheet" type="text/css" /> <link href="../layout.css" rel="stylesheet" type="text/css" /> <!--[if lt IE 7]>
<link href="style_ie.css" rel="stylesheet" type="text/css" /> <![endif]--> </head> <body id="page7"> <div class="tail-top-right"></div> <div class="tail-top"> <div class="tail-bottom"> <div id="main"> <!-- header --> <div id="header">
<form action="" method="post" id="form"> <div> <label>Website Search:</label> <span> <input type="text" /> </span></div> </form> <ul class="list">
<li><a href="index.php"><img src="../images/icon1.gif" alt="" /></a></li>
<li><a href="../contact-us.html"><img src="../images/icon2.gif" alt="" /></a></li>
<li class="last"><a href="../sitemap.html"><img src="../images/icon3.gif" alt="" /></a></li>
</ul> <ul class="site-nav"> <li><a href="../index.php">Home</a></li> <li><a href="../profil.php">Profil</a></li> <li><a href="../pegawai.php">pegawai</a></li> <li><a href="../struktural.php">Struktural</a></li> <li><a href="../jalanjembatan.php">Jalan dan
Jembatan</a></li>
<li class="last"><a href="../contact-us.php">Contact us</a></li>
</ul>
<div class="logo"></div>
<div align="right" class="smallgraytext" style="padding:9px;">
<p>
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="145" height="27" title="K3">
<param name="movie" value="pakta_k3.swf" /> <param name="quality" value="high" />
<embed src="pakta_k3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="145" height="27"></embed> </object>
<img src="images/earth.gif" alt="bumi" width="33" height="27" /> </p>
<p> </p> <p> </p> <p> </p>
<p><a href="index.php"><span
class="logo"></span></a><span class="logo"><a href="index.php"><img src="images/logopu.gif" alt="" width="640" height="77" /></a></span>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="277" height="74" title="jam"> <param name="movie" value="../5007-blue.swf" /> <param name="quality" value="high" />
<embed src="../5007-blue.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="277" height="74"></embed> </object> </p> </div> </div> <!-- content --> <div id="content"> <div class="wrapper"> <div class="col-1"> <h3>Main Menu</h3> <tr> <p></p> <ul class="list2">
<li class="style7"><a href="pollingNew.php">Input Polling</a></span></span></li>
<li class="style7"><a href="pollingEditTampil.php">Edit Polling</a></li>
<li class="style7"><a href="beritaNew.php">Input Berita</a></li> <li class="style7"><a href="beritaEditTampil.php">Edit
Berita</a></li>
<li class="style7"><a href="pegawaiNew.php">Input Pegawai </a></li>
<li class="style7"><a href="pegawaiEditTampil.php">Edit Pegawai </a></li>
<li class="style7"><a href="adminEdit.php">Edit Password</a></li> <li><span class="style7"><a href="loginKeluar.php">Log
out</a></span></li> </ul>
</div>
<div class="col-2"> <h3>Notes</h3>
<tr>Tanggal terakhir Log in : </tr>
</div> </div> </div>
<div id="footer"> <div class="indent">
<div class="fleft">Copyright © 2011 d3ilkomusu/ixelacker</div>
<div class="fright">Designed by: <a
href="http://www.templates.com"><img src="images/templates-logo1.gif" alt="website templates " width="109" height="24" title="templates.com - website templates provider" /></a></div>
</div> </div> </div> </div> </div> </body> </html>
Contact us.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Dinas Pekerjaan Umum Tapanuli Selatan</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="Place your description here" /> <meta name="keywords" content="put, your, keyword, here" />
<meta name="author" content="Templates.com - website templates provider" />
<link href="style.css" rel="stylesheet" type="text/css" /> <link href="layout.css" rel="stylesheet" type="text/css" /> <!--[if lt IE 7]>
<link href="style_ie.css" rel="stylesheet" type="text/css" /> <![endif]--> </head> <body id="page6"> <div class="tail-top-right"></div> <div class="tail-top"> <div class="tail-bottom"> <div id="main"> <!-- header --> <div id="header">
<form action="" method="post" id="form"> <div> <label>Website Search:</label> <span> <input type="text" /> </span></div> </form> <ul class="list">
<li><a href="admin/index.php"><img src="images/icon1.gif" alt="" /></a></li>
<li><a href="contact-us.html"><img src="images/icon2.gif" alt="" /></a></li>
<li class="last"><a href="sitemap.html"><img src="images/icon3.gif" alt="" /></a></li>
</ul>
<ul class="site-nav">
<li><a href="index.php">Home</a></li> <li><a href="profil.php">Profil</a></li>
<li><a href="pegawai.php">pegawai</a></li>
<li><a href="struktural.php">Struktural</a></li>
<li><a href="jalanjembatan.php">Jalan dan Jembatan</a></li> <li class="last"><a href="contact-us.php">Contact
us</a></li> </ul>
<div class="logo"></div>
<div align="right" class="smallgraytext" style="padding:9px;">
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="145" height="27" title="K3">
<param name="movie" value="pakta_k3.swf" /> <param name="quality" value="high" />
<embed src="pakta_k3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="145" height="27"></embed> </object>
<img src="images/earth.gif" alt="bumi" width="33" height="27" /> </p>
<p> </p> <p> </p> <p> </p>
<p><a href="index.php"><span
class="logo"></span></a><span class="logo"><a href="index.php"><img src="images/logopu.gif" alt="" width="640" height="77" /></a></span>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="277" height="74" title="jam"> <param name="movie" value="5007-blue.swf" /> <param name="quality" value="high" />
<embed src="5007-blue.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="277" height="74"></embed> </object> </p> </div> </div> <!-- content --> <div id="content"> <h3>Contact Us</h3>
<p class="p1"><strong>Dinas Pekerjaan Umum Daerah Tapanuli Selatan</strong></p>
<p class="p1">Alamat : Jl. jenderal Sudirman No. 435 Padangsidimpuan</p>
<p class="p1">Kode Pos : 22715 Telp. (0634) 21901-fax 22844</p> <p class="p1">Email : -dpud_tapsel@yahoo.co.id/-dpud_tapsel@telkom.net</p> <p class="p1"> </p> <p class="p1">d3ilkom d'08...!!!!!!!!!!!!!!! </p> <p class="p1"><a href="http://www.facebook.com/group.php?gid=88746368704"><img src="images/kom d1.jpg" alt="" width="160" height="145" /></a></p> </div>
<!-- footer --> <div id="footer"> <div class="indent">
d3ilkomusu/ixelacker</div>
<div class="fright">Designed by: <a
href="http://www.templates.com"><img src="images/templates-logo1.gif" alt="website templates " width="109" height="24" title="templates.com - website templates provider" /></a></div>
</div> </div> </div> </div> </div> </body> </html>
Style.css
* { margin:0; padding:0; }body { background:#ececec; font-family:Tahoma, Arial, helvetica, sans-serif; font-size:100%; line-height:1em; color:#414141; min-width:1000px;}
input, textarea, select { font-family:Tahoma, Arial, helvetica, sans-serif; font-size:1em;}
object { vertical-align:top; outline:none;} .fleft { float:left;}
.fright { float:right;} .clear { clear:both;}
.alignright { text-align:right;} .aligncenter { text-align:center;}
.wrapper { width:100%; overflow:hidden;} .container { width:100%;}
.zoom { overflow:hidden;} p { margin:0; padding:0;}
.tail-top { background:url(images/tail-top.gif) left top repeat-x #fff;}
.tail-top-right { background:url(images/tail-top-right.gif) repeat-x right top; width:50%; position:absolute; right:0; top:0;
height:359px;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}
/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;} img {border:0; vertical-align:top; text-align:left;}
#form { position:absolute; left:39px; top:10px;}
#form label { float:left; display:block; color:#414141; font-size:.92em; text-transform:uppercase; margin-right:9px; line-height:1em; padding-top:3px;}
#form span { display:block; float:left; width:141px; height:17px; background:url(images/input-bg.gif) no-repeat left top; padding:1px
5px 0 5px;}
#form input { background:none; border:0; vertical-align:top; line-height:1em; width:141px;}
#contacts-form { clear:right; width:100%; overflow:hidden;} #contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both;}
#contacts-form label { float:left; width:97px; line-height:18px; padding-bottom:8px; font-weight:bold; color:#cc7108;}
#contacts-form input { width:227px; padding:1px 0 1px 3px;
background:url(images/png-bg.png) left top; border:1px solid #ededed; color:#414141;}
#contacts-form textarea { width:815px; height:159px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #ededed; color:#414141; margin-bottom:20px; overflow:auto;}
#contacts-form .link1 { float:right;}
/*==================list====================*/ ul { list-style:none;} .list { position:absolute; right:197px; top:14px; width: 136px; height: 13px; }
.list li { float:left; background:url(images/divider1.gif) no-repeat right top; padding-right:20px; margin-right:20px;}
.list li.last { background:none; padding-right:0; margin-right:0;} .site-nav { position:absolute; left:18px; top:42px; width: 709px; height: 39px; }
.site-nav li { float:left; font-family:Arial, Helvetica, sans-serif; font-size:.92em; text-transform:uppercase;
background:url(images/divider2.gif) repeat-y right top}
.site-nav li a { text-decoration:none; color:#bfbfbf; display:block; padding:13px 28px 2px 28px;}
.site-nav li a:hover { text-decoration:underline;} .site-nav li.last { background:none;}
.list1 { margin-top:-24px;}
.list1 li { width:100%; overflow:hidden; vertical-align:top; padding-top:24px;}
.list1 li p, .list1 li h4 {
top:-5px; position:relative; }
.list1 li img { float:left; margin-right:15px;} .list1 li .link1 { float:right; margin-bottom:0;} .list1 li .link1:hover { text-decoration:none;} .list2 {
padding-bottom:20px; margin:0;
}
.list2 li { font-weight:bold; padding:0 0 5px 12px; background:url(images/marker.gif) no-repeat left 5px;}
/*==================other====================*/ .img-box img { margin-bottom:15px; display:block;} .p1 { margin-bottom:21px;}
.p2 { margin-bottom:15px;}
.phone { float:right; margin-right:30px;}
/*==================txt, links, lines, titles====================*/ a { color:#cc7108; outline:none;}
a:hover{text-decoration:none;}
h3 { color:#656565; font-family:"trebuchet MS", Helvetica, sans-serif; size:2.33em; text-transform:uppercase;
font-weight:normal; line-height:1em; border-bottom:1px solid #ededed; padding-bottom:14px; margin-bottom:17px;}
h4 { color:#cc7108; font-size:1em; text-transform:uppercase;} h4 a { text-decoration:none;}
h4 a:hover { text-decoration:underline;}
.link1 { display:block; float:left; background:url(images/link1-tail.gif) repeat-x top; text-transform:uppercase; color:#4f4f4f; text-decoration:none; line-height:1em; margin-bottom:-12px;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:6px 20px 6px 20px; font-style:normal;} .link1 span { display:block; color:#fff; top:-13px; left:-1px; position:relative;}
.link1:hover span { color:#f0bb13;}
/*header*/ #header .logo { position:absolute; left:8px; top:89px; width: 648px; } #header .slogan { position:absolute; left:34px; top:196px; width: 2px; } /*content*/ #content { padding:28px 40px 40px 40px;} #content p, #content h4 { line-height:1.67em; } /*footer*/
#footer { color:#fff; height:95px; background:url(images/footer-bg.gif) left top repeat-x;}
#footer .indent { padding:42px 40px 20px 40px;} #footer a { color:#fbcf19;}
#footer img { position:relative; top:-4px;} /*==========================================*/ #content .inner_copy
{border:0;color:#f00;float:left;width:50%!important;margin:-202px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:12px}