• Tidak ada hasil yang ditemukan

LAMPIRAN LISTING PROGRAM

N/A
N/A
Protected

Academic year: 2021

Membagikan "LAMPIRAN LISTING PROGRAM"

Copied!
25
0
0

Teks penuh

(1)

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

(2)

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

(3)

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>, &amp; <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

(4)

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

(5)

<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>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</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 &quot;<em><strong>Pekerjaan Umum</strong></em>&quot; adalah terjemahan dari istilah bahasa Belanda &quot;<em> <strong>Openbare Werken</strong></em>&quot; yang pada zaman Hindia Belanda disebut &quot;<em>Waterstaat

swerken</em>&quot;. Di lingkungan Pusat Pemerintahan dibina oleh Dep.Van Verkeer &amp; Waterstaat (Dep.V&amp;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 &amp; 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>

(6)

<p align="justify">Di Propinsi Jawa Barat, Jawa Tengah dan Jawa Timur urusan Waterstaat/openbare werken diserahkan pada Pemerintahan Propinsi yang disebut :Provinciale

Waterstaatdienst&quot; 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 &quot;Sultanas Werken&quot; (yogya) &quot;Rijkswerken&quot; (Surakarta), Mangkunegaranwerken&quot;. Disamping itu diwilayah Vorstenlander terdapat 3 organisasi &quot;Waterschap&quot;,

&quot;s&quot; Lands gebouwendienst&quot;,Regentschap Werken&quot; dan &quot;Gremeente werken&quot; </p>

</li> <li>

<p align="justify"> Untuk daerah luar jawa

Gouv.Sumatera, Borneo (Kalimantan) dan Grote Oost (Indonesia Timur) terdapat organisasi &quot;Gewestelijke Inspectie v/d

Waterstaat&quot; dikepalai oleh seorang Inspektur.Diwilayah

Residentie terdapat &quot;Residentie Water Staatsdienst&quot; yang dahulu dikenal dengan nama &quot;Dienst der B.O.W&quot;. dan kepala dinas ini biasa disebut &quot;E.A.Q&quot; (Eerst Aanwzend

Waterstaatsambtenar). Ketentuan yang dikeluarkan pada jaman Hindia Belanda untuk pedoman dalam pelaksanaan tugas dalam lingkungan

Pekerjaan Umum dapat dibaca dalam &quot;A.W.R&quot;. 1936 B.W.R 1934 dan &quot;W.V.O/W.V.V.&quot;. </p> </li> <li></li> </ol> <p align="left"><strong></strong><strong>Jaman Jepang</strong></p> <p align="left">&nbsp;</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 &quot;V &amp; W&quot;. di Bandung, dinamakan &quot;Kotubu Bunsitsu&quot;, sejak saat itu istilah &quot;Pekerjaan Oemoem&quot; (P.O), Oeroesan Pekerdjaan Oemoem (O.P.O), &quot;Pekerjaan Umum&quot; (PU),

disampinmg &quot;Doboku&quot; 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">&nbsp;</p>

<p align="left"><strong>Jaman Indonesia Merdeka</strong></p>

(7)

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.&amp;W. (dikenal dengan nama &quot;<strong><em>Gedung

Sate</em></strong>&quot;).</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>

(8)

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

(9)

(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>&quot;Tersedianya Infrastruktu Pekerjaan Umum dan Permukiman yang Andal untuk Mendukung Indonesia Sejahtera 2025&quot; </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>

(10)

<li> </ul> </div> <!-- footer --> <div id="footer"> <div class="indent"> <div class="fleft">Copyright © 2011 d3ilkomusu/ixelacker</div>

<div class="fright">Designed by: &nbsp;<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>

(11)

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>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</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());

(12)

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">&nbsp;</p>

<p align="justify"><a href=""Lihat Data Pegawai Lengkap >> </a> </p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</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: &nbsp;<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]>

(13)

<![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>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</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>

(14)

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

(15)

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: &nbsp;<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">

(16)

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

(17)

dalam membuat sebuah perencanaan yang baik untuk menentukan kebijakan yang akan diputuskan agar sesuai dan tepat sasaran.</p>

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

<p><a href="datajalanjembatan.php">Lihat Data Jalan dan Jembatan >> </a> </p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p> <!-- footer -->

<div class="indent"><span class="fleft">Copyright © 2011 d3ilkomusu/ixelacker</span>

<div class="fright">Designed by: &nbsp;<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>

(18)

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>

(19)

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

(20)

<div id="footer"> <div class="indent">

<div class="fleft">Copyright © 2011 d3ilkomusu/ixelacker</div>

<div class="fright">Designed by: &nbsp;<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>

(21)

<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>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</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">&nbsp;</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">

(22)

d3ilkomusu/ixelacker</div>

<div class="fright">Designed by: &nbsp;<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

(23)

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;

(24)

}

.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;}

(25)

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

Referensi

Dokumen terkait

Salah satu faktor yang berperan penting dalam hal kelancaran PNPM Mandiri Perkotaan adalah Sumber Daya Manusia, termasuk di dalamnya adalah pelaku manajemen data dan informasi,

Hasil Diskusi dengan Tim PP pemahaman terhadap substansi Siklus Tinjauan Partisipatif sudah dikuasai karena dalam melaksanakan kegiatan tersebut selalu

Variabel kepemilikan institusional digunakan karena berdasarkan penelitian tedahulu oleh Wulandari dan Budiartha (2014), kepemilikan institusional dianggap memiliki

Naipamamalas ng mag-aaral ang pag-unawa sa ilang akdang pampanitikan tulad ng mga karunungang bayan, tula, dula at maikling kuwento na lumaganap sa Panahon ng Katutubo,

Fungsi kemandirian pada lansia mengandung pengertian yaitu kemampuan yang dimiliki oleh lansia untuk tidak bergantung pada orang lain dalam melakukan aktivitasnya,

 Tetapi secara kuantitatif, pemikiran orang dewasa berbeda dengan pemikiran remaja, artinya orang dewasa memiliki pengetahuan yang lebih banyak dibandingkan remaja.. 

Kemampuan melakukan tindakan – tindakan intervensi pada penanganan nyeri akut, nyeri kronik non cancer dan nyeri kanker dengan penuntun ultrasound dan C- arm

Pancasila merupakan produk otentik pendiri negara Indonesia (The Founding fathers). Nilai-nilai Pancasila bersumber dan digali dari nilai agama, kebudayaan, dan adat istiadat.