LAMPIRAN LISTING PROGRAM WEBSITE
1.
Form index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" /> <meta name="robots" content="all,follow" />
<meta name="author" content="All: ... [Nazev webu - www.url.cz]; e-mail: info@url.cz" />
<meta name="copyright" content="Design/Code: Vit Dlouhy [Nuvio - www.nuvio.cz]; e-mail: vit.dlouhy@nuvio.cz" />
<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />
<meta name="keywords" content="..." />
<link rel="index" href="./" title="Home" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="./css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="./css/print.css" />
<style type="text/css"> <!--
.style1 {font-size: 18px} -->
</style></head>
<body id="www-url-cz">
<!-- Main -->
<div id="main" class="box">
<!-- Header --> <div id="header">
<em>
<!-- Logotyp -->
</em>
<hr class="noscreen" />
<em>
<!-- Quick links --> </em>
<div class="noscreen noprint">
<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<em>
<!-- Search --> </em>
<div id="search" class="noprint"> <form action="" method="get"> <fieldset>
<em>
<legend>Search</legend> <label><span
class="noscreen">Find:</span></label>
<span id="search-input-out">
<input type="text" name="search-input" id="search-input" size="30" />
</span>
<input type="image" src="design/search_submit.gif" id="search-submit" value="OK" /> </em>
</fieldset> </form>
</div> <em>
<!-- /search -->
</em></div> <!-- /header -->
<!-- Main menu (tabs) --> <div id="tabs" class="noprint">
<ul class="box">
<li id="active"><a href="index.php">Home<span class="tab-l"></span><span class="tab-r"></span></a></li> <!-- Active -->
<li><a href="profil.php">Profil<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>
</ul>
<hr class="noscreen" /> </div> <!-- /tabs -->
<!-- Page (2 columns) --> <div id="page" class="box"> <div id="page-in" class="box">
<div id="strip" class="box noprint">
<!-- RSS feeds --> <hr class="noscreen" />
<!-- Breadcrumbs -->
<hr class="noscreen" />
</div> <!-- /strip -->
<!-- Content --> <div id="content">
<!-- Article --> <div class="article">
<?php
include("koneksi.php");
$tampil=mysql_query("SELECT * FROM tbl_berita order by id_berita DESC LIMIT 0,5");
while($row=mysql_fetch_object($tampil)){ ?>
<h2><?php echo ucwords("$row->jdl_berita"); ?></h2>
<p class="info noprint">
<span class="date"><?php echo ucwords("$row->tgl_posting"); ?> @ <?php echo ucwords("$row->waktu_posting"); ?></span><span
class="noscreen">,</span> </p>
<div class="imgl"><img width="100%" src="<?php echo ucwords("$row->photo"); ?>" alt="" /></div>
<p><?php echo ucwords("$row->kutipan_berita"); ?></p>
</p><br /> <?php
} ?> </div>
<hr class="noscreen" />
</div> <!-- /content -->
<!-- Right column -->
<div id="col" class="noprint"> <div id="col-in">
<!-- About Me -->
<h3><span><a href="#">About Me</a></span></h3>
<div id="about-me">
<p><img src="design/a.jpg" id="me" alt="Yeah, it´s me!" />
<strong>Obi Chandra</strong><br /> Age: 21<br />
Medan, Sumut<br /> <a
href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>
</div> <!-- /about-me -->
<hr class="noscreen" />
<h3 ><span>History</span></h3>
<ul id="category">
<li id="category-active"><a href="index.php">Beranda</a></li>
<li><a href="acara.php">Profil</a></li> <li><a
href="acara.php">Acara</a></li>
<li><a href="galery.php">Galery</a></li> <li><a
href="kontak.php">Contact</a></li>
<li><a href="about.php">About Me</a></li> <li><a href="daftar.php">Daftar</a></li> </ul>
<hr class="noscreen" />
<!-- Archive --> <hr class="noscreen" />
<!-- Links -->
<h3><span>Link Arternatif</span></h3>
<ul id="links">
<hr class="noscreen" />
</div> <!-- /col-in --> </div> <!-- /col -->
</div> <!-- /page-in --> </div> <!-- /page -->
<!-- Footer --> <div id="footer">
<div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" title="Back on top ^">^<span></span></a></p></div>
<hr class="noscreen" />
<p id="createdby">Created by <a href="#">Aruan| Webdesign</a> <!-- DON´T REMOVE, PLEASE! --></p>
<p id="copyright">© 2016 <a href="mailto:chandra_obi@yahoo.com">Aruan</a></p>
</div> <!-- /footer -->
</div> <!-- /main -->
2.
Form profil.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" /> <meta name="robots" content="all,follow" />
<meta name="author" content="All: ... [Nazev webu - www.url.cz]; e-mail: info@url.cz" />
<meta name="copyright" content="Design/Code: Vit Dlouhy [Nuvio - www.nuvio.cz]; e-mail: vit.dlouhy@nuvio.cz" />
<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />
<meta name="keywords" content="..." />
<link rel="index" href="./" title="Home" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="./css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="./css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="./css/aural.css" />
</head>
<body id="www-url-cz">
<div id="main" class="box">
<!-- Header --> <div id="header">
<!-- Logotyp -->
<hr class="noscreen" />
<!-- Quick links -->
<div class="noscreen noprint">
<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr /> </div>
<!-- Search --> <!-- /search --> </div>
<!-- /header -->
<!-- Main menu (tabs) -->
<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3> <ul class="box">
<li><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>
</ul>
<hr class="noscreen" /> </div> <!-- /tabs -->
<!-- Page (2 columns) --> <div id="page" class="box"> <div id="page-in" class="box">
<div id="strip" class="box noprint">
<!-- RSS feeds --> <hr class="noscreen" />
<!-- Breadcrumbs -->
<p id="breadcrumbs">You are here: <a href="profil.php">Profil</a></p>
<hr class="noscreen" />
</div> <!-- /strip -->
<div id="content">
<!-- Article --> <div class="article"> <h2>VISI DAN MISI</h2>
<p class="info noprint">15-May-2015 @ 10:47:19 Am</p>
<div class="imgl"><img width="160px" src="<?php echo ucwords("$row->photo"); ?>" alt="" /></div>
<p><strong>VISI</strong><br />
Seia sekata dalam menciptakan rasa kekeluargaan dan kasih<strong> </strong><br />
<br />
<strong>MISI</strong><br /> Misi organisasi :</p>
<ol>
<li>Menciptakan mahasiswa yang memiliki kasih di dalamTuhan.</li>
<li>Membina kesadaran dalam meningkatkan rasa kekeluargaan.</li>
<li>Mewujudkan sikap rendah hati di lingkungan kampus.</li>
<li>Mempersiapkan pemimpin dan penggerak yang ahli dan bertanggungjawab dalam menjalankan panggilan di tengah masyarakat, gereja, dan mahasiswa. </li>
</ol> </div>
<!-- /article -->
<hr class="noscreen" />
</div>
<div id="col" class="noprint"> <div id="col-in">
<!-- About Me -->
<h3><span><a href="about.php">About Me</a></span></h3>
<div id="about-me">
<p><img src="design/a.jpg" id="me" alt="Yeah, it´s me!" />
<strong>Obi Chandra</strong><br /> Age: 21<br />
Medan, Sumut<br /> <a
href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>
</div> <!-- /about-me -->
<hr class="noscreen" />
<!-- Category -->
<h3 ><span>Category</span></h3>
<ul id="category">
<li id="category-active"><a href="profil.php">Profil</a></li>
<li><a href="acara.php">Acara</a></li> <li><a href="galery.php">Galery</a></li>
<li><a href="kontak.php">Contact</a></li>
<li><a href="daftar.php">Daftar</a></li> <li><a
href="index.php">Beranda</a></li> </ul>
<hr class="noscreen" />
<!-- Archive --> <hr class="noscreen" />
<!-- Links -->
<h3><span>Link Alternatif</span></h3>
<ul id="links">
<li><a href="index.php">Beranda</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="galery.php">Galery</a></li> <li><a href="about.php">About Me</a></li> <li><a href="kontak.php">Contact</a></li> </ul>
<hr class="noscreen" />
</div> <!-- /col-in --> </div> <!-- /col -->
</div> <!-- /page-in --> </div> <!-- /page -->
<div id="footer">
<div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" title="Back on top ^">^<span></span></a></p></div>
<hr class="noscreen" />
<p id="createdby">created by <a href="#">obi aruan| Webdesign</a> <!-- DON´T REMOVE, PLEASE! --></p>
<p id="copyright">© 2016 <a href="mailto:chandra_obi@yahoo.com">Aruan</a></p>
</div> <!-- /footer -->
</div> <!-- /main -->
</body> </html>
3.
Form acara.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" /> <meta name="robots" content="all,follow" />
<meta name="copyright" content="Design/Code: Vit Dlouhy [Nuvio - www.nuvio.cz]; e-mail: vit.dlouhy@nuvio.cz" />
<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />
<meta name="keywords" content="..." />
<link rel="index" href="./" title="Home" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="./css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="./css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="./css/aural.css" />
</head>
<body id="www-url-cz">
<!-- Main -->
<div id="main" class="box">
<!-- Header --> <div id="header">
<!-- Logotyp -->
<hr class="noscreen" />
<!-- Quick links -->
<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr /> </div>
<!-- Search -->
<div id="search" class="noprint"> <form action="" method="get">
<fieldset><legend>Search</legend>
<label><span class="noscreen">Find:</span> <span id="search-input-out"><input type="text" name="" id="search-input" size="30" /></span></label>
<input type="image" src="design/search_submit.gif" id="search-submit" value="OK" /> </fieldset>
</form>
</div> <!-- /search -->
</div> <!-- /header -->
<!-- Main menu (tabs) -->
<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3> <ul class="box">
<li><a href="index.php">Home<span class="tab-l"></span><span class="tab-r"></span></a></li> <!-- Active --> <li><a href="profil.php">Profil<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>
</ul>
<hr class="noscreen" /> </div> <!-- /tabs -->
<!-- Page (2 columns) --> <div id="page" class="box"> <div id="page-in" class="box">
<div id="strip" class="box noprint">
<!-- RSS feeds -->
<p id="rss"><strong>RSS:</strong> <a href="#">articles</a> / <a href="#">comments</a></p>
<hr class="noscreen" />
<!-- Breadcrumbs -->
<p id="breadcrumbs">You are here: <a href="acara.php">acara</a></p>
<hr class="noscreen" />
</div> <!-- /strip -->
<div id="content">
<!-- Article --> <div class="article">
<?php
include("koneksi.php");
$tampil=mysql_query("SELECT * FROM tbl_acara order by id_acara DESC LIMIT 0,5");
while($row=mysql_fetch_object($tampil)){ ?>
<h2><?php echo ucwords("$row->jdl_acara"); ?></h2>
<p class="info noprint">
<span class="date"><?php echo ucwords("$row->tgl_posting"); ?> @ <?php echo ucwords("$row->waktu_posting"); ?></span><span class="noscreen">,</span>
</p>
<div class="imgl"><img width="100%" src="<?php echo ucwords("$row->photo"); ?>" alt="" /></div>
<p><?php echo ucwords("$row->kutipan_acara"); ?></p>
<p class="btn-more box noprint"><strong><a href="selengkapnya_acara.php?id_acara=<?php echo ucwords("$row->id_acara")?>">continue </a></strong><!-- /article --> <!-- /article -->
?> </div>
<hr class="noscreen" />
</div> <!-- /content -->
<!-- Right column -->
<div id="col" class="noprint"> <div id="col-in">
<!-- About Me -->
<h3><span><a href="#">About Me</a></span></h3>
<div id="about-me">
<p><img src="design/a.jpg" id="me" alt="Yeah, it´s me!" />
<strong>Obi Chandra</strong><br /> Age: 21<br />
Medan, Sumut<br /> <a
href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>
</div> <!-- /about-me -->
<hr class="noscreen" />
<!-- Category --> <h3 >History</h3>
<li><a href="profil.php">Profil</a></li> <!-- Active -->
<li><a href="#">Category</a></li> <li><a href="#">Category</a></li> <li><a href="#">Category</a></li> <li><a href="#">Category</a></li> </ul>
<hr class="noscreen" />
<!-- Archive -->
<h3><span>Archive</span></h3>
<ul id="archive">
<li><a href="#">January 2007</a></li> <li><a href="#">December 2006</a></li> <li><a href="#">November 2006</a></li> <li><a href="#">October 2006</a></li> <li><a href="#">September 2006</a></li>
<li id="archive-active"><a href="#">August 2006</a></li> <!-- Active -->
<hr class="noscreen" />
<!-- Links -->
<h3><span>Links Alternatif</span></h3>
<ul id="links">
<li><a href="index.php">Beranda</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="galery.php">Galery</a></li> <li><a href="about.php">About Me</a></li> <li><a href="kontak.php">Contact</a></li> </ul>
<hr class="noscreen" />
</div> <!-- /col-in --> </div> <!-- /col -->
</div> <!-- /page-in --> </div> <!-- /page -->
<!-- Footer --> <div id="footer">
<div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" title="Back on top ^">^<span></span></a></p></div>
<hr class="noscreen" />
<p id="copyright">© 2016 <a href="mailto:chandra_obi@yahoo.com">Aruan</a></p>
</div> <!-- /footer -->
</div> <!-- /main -->
</body> </html>
4.
Form galery.php
<<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" /> <meta name="robots" content="all,follow" />
<meta name="author" content="All: ... [Nazev webu - www.url.cz]; e-mail: info@url.cz" />
<meta name="copyright" content="Design/Code: Vit Dlouhy [Nuvio - www.nuvio.cz]; e-mail: vit.dlouhy@nuvio.cz" />
<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />
<link rel="index" href="./" title="Home" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="./css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="./css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="./css/aural.css" />
</head>
<body id="www-url-cz">
<!-- Main -->
<div id="main" class="box">
<!-- Header --> <div id="header">
<!-- Logotyp -->
<hr class="noscreen" />
<!-- Quick links -->
<div class="noscreen noprint">
<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr /> </div>
<!-- Search -->
<form action="" method="get">
<fieldset><legend>Search</legend>
<label><span class="noscreen">Find:</span> <span id="search-input-out"><input type="text" name="" id="search-input" size="30" /></span></label>
<input type="image" src="design/search_submit.gif" id="search-submit" value="OK" /> </fieldset>
</form>
</div> <!-- /search -->
</div> <!-- /header -->
<!-- Main menu (tabs) -->
<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3> <ul class="box">
<li><a href="index.php">Home<span class="tab-l"></span><span class="tab-r"></span></a></li> <!-- Active --> <li><a href="profil.php">Profil<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li id="active"><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>
<hr class="noscreen" /> </div> <!-- /tabs -->
<!-- Page (2 columns) --> <div id="page" class="box"> <div id="page-in" class="box">
<div id="strip" class="box noprint">
<!-- RSS feeds -->
<p id="rss"><strong>RSS:</strong> <a href="#">articles</a> / <a href="#">comments</a></p>
<hr class="noscreen" />
<!-- Breadcrumbs -->
<p id="breadcrumbs">You are here: <a href="acara.php">acara</a></p>
<hr class="noscreen" />
</div> <!-- /strip -->
<!-- Content --> <div id="content">
<!-- Article --> <div class="article">
<?php
$tampil=mysql_query("SELECT * FROM tbl_acara order by id_acara DESC LIMIT 0,5");
while($row=mysql_fetch_object($tampil)){ ?>
<h2><?php echo ucwords("$row->jdl_acara"); ?></h2>
<p class="info noprint">
<span class="date"><?php echo ucwords("$row->tgl_posting"); ?> @ <?php echo ucwords("$row->waktu_posting"); ?></span><span class="noscreen">,</span>
</p>
<div class="imgl"><img width="100%" src="<?php echo ucwords("$row->photo"); ?>" alt="" /></div>
<p><?php echo ucwords("$row->kutipan_acara"); ?></p>
<p class="btn-more box noprint"><strong><a href="selengkapnya_acara.php?id_acara=<?php echo ucwords("$row->id_acara")?>">continue </a></strong><!-- /article --> <!-- /article -->
</p><br /> <?php } ?> </div>
<hr class="noscreen" />
</div> <!-- /content -->
<div id="col" class="noprint"> <div id="col-in">
<!-- About Me -->
<h3><span><a href="#">About Me</a></span></h3>
<div id="about-me">
<p><img src="design/a.jpg" id="me" alt="Yeah, it´s me!" />
<strong>Obi Chandra</strong><br /> Age: 21<br />
Medan, Sumut<br /> <a
href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>
</div> <!-- /about-me -->
<hr class="noscreen" />
<!-- Category --> <h3 >History</h3>
<ul id="category">
<li><a href="profil.php">Profil</a></li> <!-- Active -->
<hr class="noscreen" />
<!-- Archive -->
<h3><span>Archive</span></h3>
<ul id="archive">
<li><a href="#">January 2007</a></li> <li><a href="#">December 2006</a></li> <li><a href="#">November 2006</a></li> <li><a href="#">October 2006</a></li> <li><a href="#">September 2006</a></li>
<li id="archive-active"><a href="#">August 2006</a></li> <!-- Active -->
<li><a href="#">July 2006</a></li> <li><a href="#">June 2006</a></li> <li><a href="#">May 2006</a></li> <li><a href="#">April 2006</a></li> <li><a href="#">March 2006</a></li> <li><a href="#">February 2006</a></li> <li><a href="#">January 2006</a></li> </ul>
<hr class="noscreen" />
<!-- Links -->
<h3><span>Links Alternatif</span></h3>
<ul id="links">
<li><a href="galery.php">Galery</a></li> <li><a href="about.php">About Me</a></li> <li><a href="kontak.php">Contact</a></li> </ul>
<hr class="noscreen" />
</div> <!-- /col-in --> </div> <!-- /col -->
</div> <!-- /page-in --> </div> <!-- /page -->
<!-- Footer --> <div id="footer">
<div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" title="Back on top ^">^<span></span></a></p></div>
<hr class="noscreen" />
<p id="createdby">created by <a href="#">obi aruan| Webdesign</a> <!-- DON´T REMOVE, PLEASE! --></p>
<p id="copyright">© 2016 <a href="mailto:chandra_obi@yahoo.com">Aruan</a></p>
</div> <!-- /footer -->
</div> <!-- /main -->
5.
Form kontak.php
</ht<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" /> <meta name="robots" content="all,follow" />
<meta name="author" content="All: ... [Nazev webu - www.url.cz]; e-mail: info@url.cz" />
<meta name="copyright" content="Design/Code: Vit Dlouhy [Nuvio - www.nuvio.cz]; e-mail: vit.dlouhy@nuvio.cz" />
<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />
<meta name="keywords" content="..." />
<link rel="index" href="./" title="Home" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="./css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="./css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="./css/aural.css" />
<body id="www-url-cz">
<!-- Main -->
<div id="main" class="box">
<!-- Header --> <div id="header">
<!-- Logotyp -->
<hr class="noscreen" />
<!-- Quick links -->
<div class="noscreen noprint">
<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr /> </div>
<!-- Search -->
<div id="search" class="noprint"> <form action="" method="get">
<fieldset><legend>Search</legend> <label><span
class="noscreen">Find:</span></label> </fieldset>
</form>
</div> <!-- /header -->
<!-- Main menu (tabs) -->
<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3> <ul class="box">
<li><a href="index.php">Home<span class="tab-l"></span><span class="tab-r"></span></a></li> <!-- Active --> <li><a href="profil.php">Profil<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li id="active"><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>
</ul>
<hr class="noscreen" /> </div> <!-- /tabs -->
<!-- Page (2 columns) --> <div id="page" class="box"> <div id="page-in" class="box">
<!-- RSS feeds --> <hr class="noscreen" />
<!-- Breadcrumbs -->
<p id="breadcrumbs">You are here: <a href="kontak.php">Contact</a></p>
<hr class="noscreen" />
</div> <!-- /strip -->
<!-- Content --> <div id="content">
<!-- Article --> <div class="article"> <h2>Kontak</h2>
<p class="info noprint"> </p>
<p>Hubungi Kami </p>
<p>Chandraaruan1995@gmail.com<br /> 0821 6830 8004<br />
(Obi Chandra Aruan) </p>
<p class="btn-more box noprint"> </p> </div><!-- /article -->
<hr class="noscreen" />
<!-- Right column -->
<div id="col" class="noprint"> <div id="col-in">
<!-- About Me -->
<h3><span><a href="#">About Me</a></span></h3>
<div id="about-me">
<p><img src="design/a.jpg" id="me" alt="Yeah, it´s me!" />
<strong>Obi Chandra</strong><br /> Age: 21<br />
Medan, Sumut<br /> <a
href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>
</div> <!-- /about-me -->
<hr class="noscreen" />
<!-- Category -->
<h3 ><span>Category</span></h3>
<ul id="category">
<li id="category-active"><a href="kontak.php">Contact</a></li>
<!-- Active -->
<li><a href="acara.php">Acara</a></li> </ul>
<hr class="noscreen" />
<!-- Links -->
<h3><span>Links Alternatif</span></h3>
<ul id="links">
<li><a href="index.php">Beranda</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="galery.php">Galery</a></li> <li><a href="about.php">About Me</a></li> <li><a href="kontak.php">Contact</a></li> </ul>
<hr class="noscreen" />
</div> <!-- /col-in --> </div> <!-- /col -->
</div> <!-- /page-in --> </div> <!-- /page -->
<!-- Footer --> <div id="footer">
<hr class="noscreen" />
<p id="createdby">created by <a href="#">obi aruan| Webdesign</a> <!-- DON´T REMOVE, PLEASE! --></p>
<p id="copyright">© 2016 <a href="mailto:chandra_obi@yahoo.com">Aruan</a></p>
</div> <!-- /footer -->
</div> <!-- /main -->
</body> </html>ml>
6.
Form about.php
</ht<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" /> <meta name="robots" content="all,follow" />
<meta name="copyright" content="Design/Code: Vit Dlouhy [Nuvio - www.nuvio.cz]; e-mail: vit.dlouhy@nuvio.cz" />
<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />
<meta name="keywords" content="..." />
<link rel="index" href="./" title="Home" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="./css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="./css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="./css/aural.css" />
</head>
<body id="www-url-cz">
<!-- Main -->
<div id="main" class="box">
<!-- Header --> <div id="header">
<!-- Logotyp -->
<hr class="noscreen" />
<!-- Quick links -->
<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr /> </div>
<!-- Search -->
<div id="search" class="noprint"> <form action="" method="get">
<fieldset><legend>Search</legend> <label><span
class="noscreen">Find:</span></label> </fieldset>
</form>
</div> <!-- /search -->
</div> <!-- /header -->
<!-- Main menu (tabs) -->
<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3> <ul class="box">
<li><a href="index.php">Home<span class="tab-l"></span><span class="tab-r"></span></a></li> <!-- Active --> <li><a href="profil.php">Profil<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li id="active"><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>
</ul>
<hr class="noscreen" /> </div> <!-- /tabs -->
<!-- Page (2 columns) --> <div id="page" class="box"> <div id="page-in" class="box">
<div id="strip" class="box noprint">
<!-- RSS feeds --> <hr class="noscreen" />
<!-- Breadcrumbs -->
<p id="breadcrumbs">You are here: <a href="about.php">About Me</a></p>
<hr class="noscreen" />
</div> <!-- /strip -->
<!-- Content --> <div id="content">
<h2>Tentang Saya</h2>
<p class="info noprint"> </p>
<p><img src="design/P_20151218_210528_BF.jpg" width="240" height="320" /> <img src="design/P_20151218_205046_BF.jpg" width="240" height="320" /></p>
<p>Hai semua Nama Saya adalah Obi Chandra Aruan biasa dipanggil obi , Saya adalah Mahasiswa Universitas Sumatera yang sedang menyelesaikan program studi saya. Website ini saya buat uintuk tugas akhir saya sebagai syarat kelulusan program studi yang saya jalani.</p>
<p> </p>
</div><!-- /article -->
<hr class="noscreen" />
</div> <!-- /content -->
<!-- Right column -->
<div id="col" class="noprint"> <div id="col-in">
<!-- About Me -->
<h3><span><a href="#">About Me</a></span></h3>
<div id="about-me">
<p><img src="design/a.jpg" id="me" alt="Yeah, it´s me!" />
Medan, Sumut<br /> <a
href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>
</div> <!-- /about-me -->
<hr class="noscreen" />
<!-- Category -->
<h3 ><span>Category</span></h3>
<ul id="category">
<li id="category-active"><a href="about.php">About</a></li>
<!-- Active -->
<li><a href="daftar.php">Daftar</a></li> <li><a href="index.php">Beranda</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="acara.php">Acara</a></li> </ul>
<hr class="noscreen" />
<!-- Archive --> <hr class="noscreen" />
<!-- Links -->
<h3><span>Links Alternatif</span></h3>
<li><a href="index.php">Beranda</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="galery.php">Galery</a></li> <li><a href="about.php">About Me</a></li> <li><a href="kontak.php">Contact</a></li> </ul>
<hr class="noscreen" />
</div> <!-- /col-in --> </div> <!-- /col -->
</div> <!-- /page-in --> </div> <!-- /page -->
<!-- Footer --> <div id="footer">
<div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" title="Back on top ^">^<span></span></a></p></div>
<hr class="noscreen" />
<p id="createdby">created by <a href="#">obi aruan| Webdesign</a> <!-- DON´T REMOVE, PLEASE! --></p>
<p id="copyright">© 2016 <a href="mailto:chandra_obi@yahoo.com">Aruan</a></p>
</div> <!-- /footer -->
</div> <!-- /main -->
</html>ml>
7.
Form daftar.php
</ht<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" /> <meta name="robots" content="all,follow" />
<meta name="author" content="All: ... [Nazev webu - www.url.cz]; e-mail: info@url.cz" />
<meta name="copyright" content="Design/Code: Vit Dlouhy [Nuvio - www.nuvio.cz]; e-mail: vit.dlouhy@nuvio.cz" />
<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />
<meta name="keywords" content="..." />
<link rel="index" href="." title="Home" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="css/aural.css" />
<!--
.style1 {font-size: 18px} .style2 {color: #000000} -->
</style></head>
<body id="www-url-cz">
<!-- Main -->
<div id="main" class="box">
<!-- Header --> <div id="header">
<!-- Logotyp -->
<hr class="noscreen" />
<!-- Quick links -->
<div class="noscreen noprint">
<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr /> </div>
<!-- Search -->
<div id="search" class="noprint"> <form action="" method="get">
<label><span class="noscreen">Find:</span> <span id="search-input-out"><input type="text" name="" id="search-input" size="30" /></span></label>
<input type="image" src="design/search_submit.gif" id="search-submit" value="OK" /> </fieldset>
</form>
</div> <!-- /search -->
</div> <!-- /header -->
<!-- Main menu (tabs) --> <div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3> <ul class="box">
<li><a href="index.php">Home<span class="tab-l"></span><span class="tab-r"></span></a></li> <!-- Active --> <li><a href="profil.php">Profil<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li id="active"><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>
</ul>
</div> <!-- /tabs -->
<!-- Page (2 columns) --> <div id="page" class="box"> <div id="page-in" class="box">
<div id="strip" class="box noprint">
<!-- RSS feeds --> <hr class="noscreen" />
<!-- Breadcrumbs -->
<p id="breadcrumbs">You are here: <a href="profil.php"></a><a href="adrt.php">Daftar</a></p>
<hr class="noscreen" />
</div> <!-- /strip -->
<!-- Content --> <div id="content">
<!-- Article --> <div class="article">
<h2>Pendaftaran Anggota</h2>
<p class="info noprint"> </p>
<form id="form1" name="form1" method="post" action="proses_daftar.php" enctype="multipart/form-data" >
<p><span class="style1"><span class="style2">Silahkan Isi Data Diri Anda</span></span></p>
<center>
<table width="100%" border="0" cellpadding="5"> <tr>
<td>Nama Lengkap</td> <td>:</td>
<td><label>
<input name="nm_lengkap" type="text" id="nm_lengkap" />
</label></td> </tr>
<tr>
<td>Nama Panggilan</td> <td>:</td>
<td><label>
<input name="nm_panggilan" type="text" id="nm_panggilan" />
</label></td> </tr>
<tr>
<td>Angkatan</td> <td>:</td>
<td><label for="angkatan"></label>
<select name="angktan" id="angktan" class="required">
<option value="">- Pilih -</option> <option value="1993">1993</option> <option value="1994">1994</option> <option value="1995">1995</option>
<option value="1998">1998</option> <option value="1999">1999</option> <option value="2000">2000</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> <option value="2004">2004</option> <option value="2005">2005</option> <option value="2006">2006</option> <option value="2007">2007</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> <option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> </select></td>
</tr> <tr>
<td>Alamat (Orangtua)</td> <td>:</td>
<td><textarea name="alamat_ortu" rows="3" id="alamat_ortu"></textarea></td>
</tr> <tr>
<td><textarea name="alamat_skarang" rows="3" id="alamat_skarang"></textarea></td>
</tr> <tr>
<td>No.HP/No.Telepon</td> <td>:</td>
<td><input name="no_hp" type="text" id="no_hp" /></td>
</tr> <tr>
<td>Email</td> <td>:</td>
<td><input name="email" type="text" id="email" /></td>
</tr> <tr>
<td>Photo</td> <td>:</td> <td><label>
<input type="file" name="photo" id="textfield" />
</label></td> </tr>
<tr>
<td> </td> <td> </td>
<td>(nama foto harus sesuai nama)</td> </tr>
<tr>
<td>(.jpg , .jpeg , .gif , .png , .bmp)</td> </tr>
<tr>
<td height="19" colspan="3"><label>
<input type="submit" name="daftar" id="daftar" value="Daftar" />
</label></td> </tr>
</table> </center> </form>
<p> </p> </div>
<!-- /article -->
<hr class="noscreen" />
</div> <!-- /content -->
<!-- Right column -->
<div id="col" class="noprint"> <div id="col-in">
<!-- About Me -->
<h3><span><a href="about.php">About Me</a></span></h3>
<div id="about-me">
<strong>Obi Chandra</strong><br /> Age: 21<br />
Medan, Sumut<br /> <a
href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>
</div> <!-- /about-me -->
<hr class="noscreen" />
<!-- Category -->
<h3 ><span>Category</span></h3>
<ul id="category">
<li id="category-active"><a href="adrt.php">Daftar </a></li>
<li><a
href="profilimkristi.php">Profil</a></li>
<li><a href="profil.php">Profil</a></li> <li><a href="acara.php">Acara</a></li> <li><a href="about.php">About Me</a></li> <li><a href="galery.php">Galery</a></li> </ul>
<hr class="noscreen" /> <hr class="noscreen" />
<!-- Links -->
<h3><span>Links Alternatif</span></h3>
<li><a href="index.php">Beranda</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="galery.php">Galery</a></li> <li><a href="about.php">About Me</a></li> <li><a href="kontak.php">Contact</a></li> </ul>
<hr class="noscreen" />
</div> <!-- /col-in --> </div> <!-- /col -->
</div> <!-- /page-in --> </div> <!-- /page -->
<!-- Footer --> <div id="footer">
<div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" title="Back on top ^">^<span></span></a></p></div>
<hr class="noscreen" />
<p id="createdby">created by <a href="#">obi aruan| Webdesign</a> <!-- DON´T REMOVE, PLEASE! --></p>
<p id="copyright">© 2016 <a href="mailto:chandra_obi@yahoo.com">Aruan</a></p>
</div> <!-- /footer -->
</div> <!-- /main -->
</html>ml>
8.
Form Admin home.php
</ht<?php
session_start(); // Memulai Session if (ISSET($_SESSION['username'])) { ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Admin IMKRISTI</title>
<!-- CSS -->
<link href="style/css/transdmin.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="style/css/ie6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="style/css/ie7.css" /><![endif]-->
<!-- JavaScripts-->
<!-- body {
background-color: #999; }
-->
</style></head>
<body>
<div id="wrapper">
<!-- h1 tag stays for the logo, you can use the a tag for linking the index page -->
<!-- You can name the links with lowercase, they will be transformed to uppercase by CSS, we prefered to name them with uppercase to have the same effect with disabled stylesheet --> <ul id="mainNav">
<li><a href="http://localhost/tugas-akhir/index.php">GOTOWEBSITE</a></li>
<li></li>
<li class="logout"><a href="logout.php?logout=yes">LOGOUT</a></li>
</ul>
<!-- // #end mainNav -->
<div id="containerHolder"> <div id="container"> <div id="sidebar"> <ul class="sideNav">
<li><a href="home.php" class="active">Beranda</a></li>
<li><a href="galery.php">Galery</a></li> <li><a href="daftaranggota.php">Daftar Anggota</a></li>
<li><a href="daftaradmin.php">Daftar Admin</a></li>
</ul>
<!-- // .sideNav --> </div>
<!-- // #sidebar -->
<!-- h2 stays for breadcrumbs -->
<h2><a href="#">SELAMAT DATANG ADMIN</a><a href="acara.php" class="active"></a> (-_-)</h2>
<div id="main">
<form action="" class="jNice">
<h3><img src="image/admin1.jpg" width="100%" /></h3>
<p> </p> <fieldset>
SELAMAT BEKERJA DENGAN SEPENUH HATI </fieldset>
</form> </div>
<!-- // #main -->
<div class="clear"></div> </div>
<!-- // #container --> </div>
