• Tidak ada hasil yang ditemukan

Perancangan Website Chelsea Indonesia Supporters Club Regional Medan Menggunakan PHP Dan MYSQL

N/A
N/A
Protected

Academic year: 2017

Membagikan "Perancangan Website Chelsea Indonesia Supporters Club Regional Medan Menggunakan PHP Dan MYSQL"

Copied!
40
0
0

Teks penuh

(1)

Listing Program A. Index.html

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

<link rel="stylesheet" href="js/mainstyle.css" type="text/css" media="screen"> <!-- Start WOWSlider.com HEAD section -->

<link rel="stylesheet" type="text/css" href="js/style.css">

<script type="text/javascript" async="" src="js/ga.js"></script><script type="text/javascript" src="js/jquery.js"></script>

<!-- End WOWSlider.com HEAD section -->

<script type="text/javascript" src="js/a.js"></script>

<script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-25854704-1']); _gaq.push(['_setDomainName', '.wowslider.com']); _gaq.push(['_setAllowLinker', true]);

(2)

if(document.cookie.match("(^|;\\s)__utma") && !/utmcsr=\(direct\)/.test(unescape(document.cookie))) { _gaq.push(

['_setReferrerOverride', ''], ['_setCampNameKey', 'aaan'], ['_setCampMediumKey', 'aaam'], ['_setCampSourceKey', 'aaas'], ['_setCampTermKey', 'aaat'], ['_setCampContentKey', 'aaac'], ['_setCampCIdKey', 'aaaci'] )

}

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

(3)

</script>

<!-- WOW Visits -->

<script type="text/javascript"> /* <![CDATA[ */

var google_conversion_id = 1071863997; var google_conversion_language = "en"; var google_conversion_format = "3"; var google_conversion_color = "ffffff";

var google_conversion_label = "YwhdCOff5AIQvbGN_wM"; var google_conversion_value = 0;

/* ]]> */ </script>

<script type="text/javascript" src="js/conversion.js">

</script></head><body><img height="1" width="1" border="0" src="js/saved_resource"> <noscript>

&lt;div style="display:inline;"&gt;

&lt;img height="1" width="1" style="border-style:none;" alt=""

src="http://www.googleadservices.com/pagead/conversion/1071863997/?label=YwhdCOff 5AIQvbGN_wM&amp;amp;guid=ON&amp;amp;script=0"/&gt;

(4)

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CISCmedan</title>

<link href="style.css" rel="stylesheet" type="text/css" /> </head>

<body>

<div id="main_header"> <div id="judul"> </div>

</div>

<div id="main_body"> <div id="body"> <div id="top"></div>

<div class="container"> <!-- end of #header --> <div class="ruled1">

<!-- Start WOWSlider.com BODY section --> <div id="wowslider-container1">

(5)

style="width: 100%;"></div><ul style="position: absolute; top: 0px; -webkit-animation: none; width: 100%; left: -200%;">

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(1).jpg" alt="Fiord" id="wows1_0" style="visibility: hidden; width:840px; height:200px;"></li> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(2).jpg" alt="Ice" id="wows1_1" style="visibility: hidden; width:840px; height:200px;" /></li> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(3).jpg" alt="Kjeragbolten" id="wows1_2" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(4).jpg"

alt="Norway" id="wows1_3" style="visibility: hidden; width:840px; height:200px;"></li> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(5).jpg"

(6)

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(12).jpg" alt="winter" id="wows1_5" style="visibility: hidden; width:840px; height:200px;"> </li>

</ul>

</div>

<div class="ws_bullets"><div>

<div class="ws_bulframe"><div><div style="width: 700%;"><img

src="./t_files/fiord(1).jpg" alt="Fiord"><img src="js/ice(1).jpg" alt="Ice"><img src="js/kjeragbolten(1).jpg" alt="Kjeragbolten"><img src="./t_files/norway(1).jpg" alt="Norway"><img src="js/town(1).jpg" alt="Town"><img src="js/winter(1).jpg" alt="Winter"></div></div><span></span></div></div></div>

<!-- Generated by WOWSlider.com v3.2 --> <div class="ws_shadow"></div>

<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background-color: rgb(255, 255, 255); opacity: 0; background-position: initial initial; background-repeat: initial initial;"><a

href="http://wowslider.com/jquery-slideshow-flat-slices.html#" style="display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"></a></div><a

href="http://wowslider.com/jquery-slideshow-flat-slices.html#" class="ws_next"></a></div>

<script type="text/javascript" src="js/wowslider.js"></script> <script type="text/javascript" src="js/script.js"></script> <!-- End WOWSlider.com BODY section -->

(7)

<ul>

<li><a href="index.html" id="menu">HOME</a></li> <li><a href="pengurus.php">KEPENGURUSAN</a></li> <li><a href="member.php">MEMBERSHIP</a></li> <li><a href="kegiatan.php">KEGIATAN</a></li> <li><a href="gallery.php">GALLERY</a></li> </ul>

</div>

<div id="isi">

<div id="sejarah" style="font-size:14px; color:#ffffff">Chelsea Indonesia Supporters Club (CISC) didirikan pada tanggal 7 Oktober 2003 dan disahkan pendiriannya secara hukum dengan Akte Notaris: "Perkumpulan Chelsea Indonesia Supporters Club (CISC)" pada tanggal 22 Desember 2003 oleh Notaris Yulina Sianipar, SH di Jakarta. Dan Chelsea Indonesia Supporters Club (CISC) telah resmi menjadi Official Supporters Club of Chelsea FC dari musim 2008-2009

Chelsea Indonesia Supporters Club (CISC) adalah organisasi perkumpulan para pendukung klub sepak bola Liga Inggris Chelsea FC di Indonesia yang berstatus Official sebagai supporter club resmi Chelsea FC. CISC bersifat bebas, mandiri, demokratis, profesional, bertanggungjawab, dan menjunjung tinggi nilai nilai sportifitas, serta tidak merupakan bagian dari organisasi perkumpulan para pendukung klub yang sama di Indonesia atau dari suatu organisasi sosial politik maupun organisasi massa yang lainnya.

<br><br />Maksud didirikannya Chelsea Indonesia Supporters Club adalah sebagai wadah untuk berkumpulnya para pendukung klub sepak bola Liga Inggris Chelsea FC di

(8)

Chelsea FC di Indonesia. Sementara CISC Medan sendiri berdiri pada tanggal 1 Juli 2006 yang diprakarsai oleh Bang Odhon. Saat ini jumlah member CISC Regional Medan yang terdaftar sekitar 200 orang lebih.<br><br />Kabar baik bagi para fans Chelsea FC di Asia, khususnya Indonesia. Chelsea akan melakukan tour pra musim ke Asia akhir bulan Juli nanti. Dan negara kita, Indonesia menjadi salah satu tujuan dari Chelsea tour Asia 2013. Chelsea FC akan menantang Timnas Indonesia di Stadion Gelora Bung Karno tanggal 25 Juli nanti. Welcome to Indonesia, Chelsea FC.<br /><br>Maksud dari dibuatnya web ini adalah untuk memudahkan masyarakat khususnya fans Chelsea di kota Medan untuk mengetahui segala info dan aktifitas-aktifitas dari CISC Regional Medan sendiri.<br /> </div>

</div>

<br class="balnk" /> </div>

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

<div id="main_footer"> <div id="footer"> </div>

</div> </body> </html>

B. Pengurus.php

(9)

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<link rel="stylesheet" href="js/mainstyle.css" type="text/css" media="screen"> <!-- Start WOWSlider.com HEAD section -->

<link rel="stylesheet" type="text/css" href="js/style.css">

<script type="text/javascript" async="" src="js/ga.js"></script><script type="text/javascript" src="js/jquery.js"></script>

<!-- End WOWSlider.com HEAD section -->

<script type="text/javascript" src="js/a.js"></script> <script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-25854704-1']); _gaq.push(['_setDomainName', '.wowslider.com']); _gaq.push(['_setAllowLinker', true]);

_gaq.push(['_setAllowHash', false]);

if(document.cookie.match("(^|;\\s)__utma") && !/utmcsr=\(direct\)/.test(unescape(document.cookie))) { _gaq.push(

(10)

['_setCampMediumKey', 'aaam'], ['_setCampSourceKey', 'aaas'], ['_setCampTermKey', 'aaat'], ['_setCampContentKey', 'aaac'], ['_setCampCIdKey', 'aaaci'] )

}

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

<!-- WOW Visits -->

(11)

/* <![CDATA[ */

var google_conversion_id = 1071863997; var google_conversion_language = "en"; var google_conversion_format = "3"; var google_conversion_color = "ffffff";

var google_conversion_label = "YwhdCOff5AIQvbGN_wM"; var google_conversion_value = 0;

/* ]]> */ </script>

<script type="text/javascript" src="js/conversion.js">

</script></head><body><img height="1" width="1" border="0" src="js/saved_resource">

<noscript>

&lt;div style="display:inline;"&gt;

&lt;img height="1" width="1" style="border-style:none;" alt=""

src="http://www.googleadservices.com/pagead/conversion/1071863997/?label=Ywhd COff5AIQvbGN_wM&amp;amp;guid=ON&amp;amp;script=0"/&gt;

&lt;/div&gt; </noscript>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CISCmedan</title>

(12)

</head>

<body>

<div id="main_header"> <div id="judul"> </div>

<div id="header"> </div>

</div>

<div id="main_body"> <div id="body"> <div id="top"></div>

<div class="container"> <!-- end of #header --> <div class="ruled1">

<!-- Start WOWSlider.com BODY section --> <div id="wowslider-container1">

<div class="ws_images"><div style="width: 100%; visibility: hidden; font-size: 0px; line-height: 0;"><img src="js/slide (1).jpg" alt="Fiord" title="CISC Medan"

(13)

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(1).jpg" alt="Fiord" id="wows1_0" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(2).jpg" alt="Ice" id="wows1_1" style="visibility: hidden; width:840px; height:200px;" /></li> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(3).jpg" alt="Kjeragbolten" id="wows1_2" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(4).jpg" alt="Norway" id="wows1_3" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(5).jpg" alt="Town" id="wows1_4" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(6).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(7).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(8).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(9).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

(14)

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(11).jpg" alt="winter" id="wows1_5" style="visibility: hidden; width:840px; height:200px;"> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(12).jpg" alt="winter" id="wows1_5" style="visibility: hidden; width:840px; height:200px;"> </ul>

</div>

<div class="ws_bullets"><div>

<div class="ws_bulframe"><div><div style="width: 700%;"><img

src="./t_files/fiord(1).jpg" alt="Fiord"><img src="js/ice(1).jpg" alt="Ice"><img src="js/kjeragbolten(1).jpg" alt="Kjeragbolten"><img src="./t_files/norway(1).jpg" alt="Norway"><img src="js/town(1).jpg" alt="Town"><img src="js/winter(1).jpg" alt="Winter"></div></div><span></span></div></div></div>

<!-- Generated by WOWSlider.com v3.2 --> <div class="ws_shadow"></div>

<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background-color: rgb(255, 255, 255); opacity: 0; background-position: initial initial; background-repeat: initial initial;"><a

href="http://wowslider.com/jquery-slideshow-flat-slices.html#" style="display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"></a></div><a href="http://wowslider.com/jquery-slideshow-flat-slices.html#"

class="ws_next"></a></div>

(15)

<div id="menu"> <ul>

<li><a href="index.html" id="menu">HOME</a></li> <li><a href="pengurus.php">KEPENGURUSAN</a></li> <li><a href="member.php">MEMBERSHIP</a></li> <li><a href="kegiatan.php">KEGIATAN</a></li> <li><a href="gallery.php">GALLERY</a></li> </ul>

</div>

<div id="isi"> <?php

include'koneksi.php';

$a=mysql_query("select*from pengururs"); while($b=mysql_fetch_array($a)){

echo"

<div id='data'> <div id='foto2'>

<img src='images/$b[foto]' width='200' height='200' class='size'> </div>

<div id='profil'> <table class='profil1'>

(16)

<tr><td>Nama</td><td>: $b[nama]</td></tr> <tr><td>TTL</td><td>: $b[ttl]</td></tr>

<tr><td>Pekerjaan</td><td>: $b[pekerjaan]</td></tr> <tr><td>Twitter</td><td>: $b[twitter]</td></tr> <tr><td>Kontak</td><td>: $b[kontak]</td></tr> </table>

</div> </div>"; } ?> </div>

<br class="balnk" /> </div>

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

<div id="main_footer"> <div id="footer"> </div>

(17)

C. Member.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>

<link rel="stylesheet" href="js/mainstyle.css" type="text/css" media="screen"> <!-- Start WOWSlider.com HEAD section -->

<link rel="stylesheet" type="text/css" href="js/style.css">

<script type="text/javascript" async="" src="js/ga.js"></script><script type="text/javascript" src="js/jquery.js"></script>

<!-- End WOWSlider.com HEAD section -->

<script type="text/javascript" src="js/a.js"></script>

<script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-25854704-1']); _gaq.push(['_setDomainName', '.wowslider.com']); _gaq.push(['_setAllowLinker', true]);

(18)

if(document.cookie.match("(^|;\\s)__utma") && !/utmcsr=\(direct\)/.test(unescape(document.cookie))) { _gaq.push(

['_setReferrerOverride', ''], ['_setCampNameKey', 'aaan'], ['_setCampMediumKey', 'aaam'], ['_setCampSourceKey', 'aaas'], ['_setCampTermKey', 'aaat'], ['_setCampContentKey', 'aaac'], ['_setCampCIdKey', 'aaaci'] )

}

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

(19)

</script>

<!-- WOW Visits -->

<script type="text/javascript"> /* <![CDATA[ */

var google_conversion_id = 1071863997; var google_conversion_language = "en"; var google_conversion_format = "3"; var google_conversion_color = "ffffff";

var google_conversion_label = "YwhdCOff5AIQvbGN_wM"; var google_conversion_value = 0;

/* ]]> */ </script>

<script type="text/javascript" src="js/conversion.js">

</script></head><body><img height="1" width="1" border="0" src="js/saved_resource">

<noscript>

&lt;div style="display:inline;"&gt;

&lt;img height="1" width="1" style="border-style:none;" alt=""

src="http://www.googleadservices.com/pagead/conversion/1071863997/?label=Ywhd COff5AIQvbGN_wM&amp;amp;guid=ON&amp;amp;script=0"/&gt;

(20)

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CISCmedan</title>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="main_header"> <div id="judul"> </div>

<div id="header"> </div>

</div>

<div id="main_body"> <div id="body"> <div id="top"></div>

<div class="container"> <!-- end of #header --> <div class="ruled1">

(21)

<div id="wowslider-container1">

<div class="ws_images"><div style="width: 100%; visibility: hidden; font-size: 0px; line-height: 0;"><img src="js/slide (1).jpg" alt="Fiord" title="CISC Medan"

id="wows1_0" style="width: 100%;"></div><ul style="position: absolute; top: 0px; -webkit-animation: none; width: 1000%; left: -200%;">

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(1).jpg" alt="Fiord" id="wows1_0" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(2).jpg" alt="Ice" id="wows1_1" style="visibility: hidden; width:840px; height:200px;" /></li> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(3).jpg" alt="Kjeragbolten" id="wows1_2" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(4).jpg" alt="Norway" id="wows1_3" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(5).jpg" alt="Town" id="wows1_4" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(6).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(7).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(8).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

(22)

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(9).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(10).jpg" alt="winter" id="wows1_5" style="visibility: hidden; width:840px; height:200px;"> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(11).jpg" alt="winter" id="wows1_5" style="visibility: hidden; width:840px; height:200px;"> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(12).jpg" alt="winter" id="wows1_5" style="visibility: hidden; width:840px; height:200px;"> </ul>

</div>

<div class="ws_bullets"><div>

<div class="ws_bulframe"><div><div style="width: 700%;"><img

src="./t_files/fiord(1).jpg" alt="Fiord"><img src="js/ice(1).jpg" alt="Ice"><img src="js/kjeragbolten(1).jpg" alt="Kjeragbolten"><img src="./t_files/norway(1).jpg" alt="Norway"><img src="js/town(1).jpg" alt="Town"><img src="js/winter(1).jpg" alt="Winter"></div></div><span></span></div></div></div>

<!-- Generated by WOWSlider.com v3.2 --> <div class="ws_shadow"></div>

<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background-color: rgb(255, 255, 255); opacity: 0; background-position: initial initial; background-repeat: initial initial;"><a

href="http://wowslider.com/jquery-slideshow-flat-slices.html#" style="display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"></a></div><a href="http://wowslider.com/jquery-slideshow-flat-slices.html#"

(23)

<script type="text/javascript" src="js/wowslider.js"></script> <script type="text/javascript" src="js/script.js"></script> <!-- End WOWSlider.com BODY section -->

<div id="menu"> <ul>

<li><a href="index.html" id="menu">HOME</a></li> <li><a href="pengurus.php">KEPENGURUSAN</a></li> <li><a href="member.php">MEMBERSHIP</a></li> <li><a href="kegiatan.php">KEGIATAN</a></li> <li><a href="gallery.php">GALLERY</a></li> </ul>

</div>

<div id="isi">

<div id="sejarah" style="font-size:14px; color:#ffffff; font-family:Lucida Sans Unicode;">Mulai tahun 2013 ini, sistem pendaftaran membership CISC mengalami perubahan, yaitu dibuka hanya sekali dalam setahun (bulan Juni sampai

Agustus).<br><br />Biaya pendaftaran membership sebesar Rp.150.000 dan akan mendapatkan ID Card member, gantungan ID Card, kaos member, dan sticker CISC (seperti digambar).<br><br />Pendaftaran membership bisa dilakukan disetiap event-event CISC Medan, seperti Nonton Bareng, Fun Futsal, Kopi Darat, dan event-event-event-event lainnya.

</div>

(24)

<img src="images/member.jpg" width="500" height="250" class="ukuran"/> </div>

<div id="ket2">Membership Chelsea Indonesia Supporters Club </div>

</div>

<br class="balnk" /> </div>

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

<div id="main_footer"> <div id="footer"> </div>

(25)

D. Kegiatan.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>

<link rel="stylesheet" href="js/mainstyle.css" type="text/css" media="screen"> <!-- Start WOWSlider.com HEAD section -->

<link rel="stylesheet" type="text/css" href="js/style.css">

<script type="text/javascript" async="" src="js/ga.js"></script><script type="text/javascript" src="js/jquery.js"></script>

<!-- End WOWSlider.com HEAD section -->

<script type="text/javascript" src="js/a.js"></script>

<script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-25854704-1']); _gaq.push(['_setDomainName', '.wowslider.com']); _gaq.push(['_setAllowLinker', true]);

(26)

if(document.cookie.match("(^|;\\s)__utma") && !/utmcsr=\(direct\)/.test(unescape(document.cookie))) { _gaq.push(

['_setReferrerOverride', ''], ['_setCampNameKey', 'aaan'], ['_setCampMediumKey', 'aaam'], ['_setCampSourceKey', 'aaas'], ['_setCampTermKey', 'aaat'], ['_setCampContentKey', 'aaac'], ['_setCampCIdKey', 'aaaci'] )

}

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

(27)

</script>

<!-- WOW Visits -->

<script type="text/javascript"> /* <![CDATA[ */

var google_conversion_id = 1071863997; var google_conversion_language = "en"; var google_conversion_format = "3"; var google_conversion_color = "ffffff";

var google_conversion_label = "YwhdCOff5AIQvbGN_wM"; var google_conversion_value = 0;

/* ]]> */ </script>

<script type="text/javascript" src="js/conversion.js">

</script></head><body><img height="1" width="1" border="0" src="js/saved_resource">

<noscript>

&lt;div style="display:inline;"&gt;

&lt;img height="1" width="1" style="border-style:none;" alt=""

src="http://www.googleadservices.com/pagead/conversion/1071863997/?label=Ywhd COff5AIQvbGN_wM&amp;amp;guid=ON&amp;amp;script=0"/&gt;

(28)

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CISCmedan</title>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="main_header"> <div id="judul"> </div>

<div id="header"> </div>

</div>

<div id="main_body"> <div id="body"> <div id="top"></div>

<div class="container"> <!-- end of #header --> <div class="ruled1">

(29)

<div id="wowslider-container1">

<div class="ws_images"><div style="width: 100%; visibility: hidden; font-size: 0px; line-height: 0;"><img src="js/slide (1).jpg" alt="Fiord" title="CISC Medan"

id="wows1_0" style="width: 100%;"></div><ul style="position: absolute; top: 0px; -webkit-animation: none; width: 1000%; left: -200%;">

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(1).jpg" alt="Fiord" id="wows1_0" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(2).jpg" alt="Ice" id="wows1_1" style="visibility: hidden; width:840px; height:200px;" /></li> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(3).jpg" alt="Kjeragbolten" id="wows1_2" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(4).jpg" alt="Norway" id="wows1_3" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(5).jpg" alt="Town" id="wows1_4" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(6).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(7).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(8).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

(30)

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(9).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(10).jpg" alt="winter" id="wows1_5" style="visibility: hidden; width:840px; height:200px;"> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(11).jpg" alt="winter" id="wows1_5" style="visibility: hidden; width:840px; height:200px;"> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(12).jpg" alt="winter" id="wows1_5" style="visibility: hidden; width:840px; height:200px;"> </ul>

</div>

<div class="ws_bullets"><div>

<div class="ws_bulframe"><div><div style="width: 700%;"><img

src="./t_files/fiord(1).jpg" alt="Fiord"><img src="js/ice(1).jpg" alt="Ice"><img src="js/kjeragbolten(1).jpg" alt="Kjeragbolten"><img src="./t_files/norway(1).jpg" alt="Norway"><img src="js/town(1).jpg" alt="Town"><img src="js/winter(1).jpg" alt="Winter"></div></div><span></span></div></div></div>

<!-- Generated by WOWSlider.com v3.2 --> <div class="ws_shadow"></div>

<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background-color: rgb(255, 255, 255); opacity: 0; background-position: initial initial; background-repeat: initial initial;"><a

href="http://wowslider.com/jquery-slideshow-flat-slices.html#" style="display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"></a></div><a href="http://wowslider.com/jquery-slideshow-flat-slices.html#"

class="ws_next"></a></div>

(31)

<script type="text/javascript" src="js/script.js"></script> <!-- End WOWSlider.com BODY section -->

<div id="menu"> <ul>

<li><a href="index.html" id="menu">HOME</a></li> <li><a href="pengurus.php">KEPENGURUSAN</a></li> <li><a href="member.php">MEMBERSHIP</a></li> <li><a href="kegiatan.php">KEGIATAN</a></li> <li><a href="gallery.php">GALLERY</a></li> </ul>

</div>

<div id="isi">

<div id="sejarah" style="font-size:14px; color:#ffffff; font-family:Lucida Sans Unicode;">Kegiatan CISC Medan:<br></br>1) Nonton Bareng (NonBar), dilakukan ketika Chelsea bertanding, baik secara Live ataupun Streaming. NonBar dilakukan di homebase CISC Regional Medan di KedeKopiKami Jalan Setia Budi No.10 A-B sebelum Titi Bobrok.<br></br>2) Fun Futsal, dilakukan secara rutin setiap hari

Minggu di Village Futsal Jalan Kampung Susuk Universitas Sumatera Utara mulai jam 4 sore sampai jam 6 sore.<br></br>Semua kegiatan tersebut bersifat untuk umum (Member dan non-member). Selain itu, juga ada kegiatan kumpul antar member, bakti sosial, buka puasa bersama dan lainnya.<br></br>Contact Person:

<table><tr><td width='250px'>Divisi NonBar</td><td>: Imam - 085296931442</td></tr>

(32)

</div>

<div id="rutinitas">

<img src="images/nonbar.jpg" width="400" height="200" class="rutin"/> </div>

<div id="rutinitas">

<img src="images/futsal.jpg" width="400" height="200" class="rutin"/> </div>

<div id="ket">Nonton Bareng </div>

<div id="ket">Fun Futsal </div>

</div>

<br class="balnk" /> </div>

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

<div id="main_footer"> <div id="footer"> </div>

(33)

E. Gallery.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>

<link rel="stylesheet" href="js/mainstyle.css" type="text/css" media="screen"> <!-- Start WOWSlider.com HEAD section -->

<link rel="stylesheet" type="text/css" href="js/style.css">

<script type="text/javascript" async="" src="js/ga.js"></script><script type="text/javascript" src="js/jquery.js"></script>

<!-- End WOWSlider.com HEAD section -->

<script type="text/javascript" src="js/a.js"></script>

<script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-25854704-1']); _gaq.push(['_setDomainName', '.wowslider.com']); _gaq.push(['_setAllowLinker', true]);

(34)

if(document.cookie.match("(^|;\\s)__utma") && !/utmcsr=\(direct\)/.test(unescape(document.cookie))) { _gaq.push(

['_setReferrerOverride', ''], ['_setCampNameKey', 'aaan'], ['_setCampMediumKey', 'aaam'], ['_setCampSourceKey', 'aaas'], ['_setCampTermKey', 'aaat'], ['_setCampContentKey', 'aaac'], ['_setCampCIdKey', 'aaaci'] )

}

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

(35)

</script>

<!-- WOW Visits -->

<script type="text/javascript"> /* <![CDATA[ */

var google_conversion_id = 1071863997; var google_conversion_language = "en"; var google_conversion_format = "3"; var google_conversion_color = "ffffff";

var google_conversion_label = "YwhdCOff5AIQvbGN_wM"; var google_conversion_value = 0;

/* ]]> */ </script>

<script type="text/javascript" src="js/conversion.js">

</script></head><body><img height="1" width="1" border="0" src="js/saved_resource">

<noscript>

&lt;div style="display:inline;"&gt;

&lt;img height="1" width="1" style="border-style:none;" alt=""

src="http://www.googleadservices.com/pagead/conversion/1071863997/?label=Ywhd COff5AIQvbGN_wM&amp;amp;guid=ON&amp;amp;script=0"/&gt;

(36)

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CISCmedan</title>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="main_header"> <div id="judul"> </div>

<div id="header"> </div>

</div>

<div id="main_body"> <div id="body"> <div id="top"></div>

<div class="container"> <!-- end of #header --> <div class="ruled1">

(37)

<div id="wowslider-container1">

<div class="ws_images"><div style="width: 100%; visibility: hidden; font-size: 0px; line-height: 0;"><img src="js/slide (1).jpg" alt="Fiord" title="CISC Medan"

id="wows1_0" style="width: 100%;"></div><ul style="position: absolute; top: 0px; -webkit-animation: none; width: 1000%; left: -200%;">

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(1).jpg" alt="Fiord" id="wows1_0" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(2).jpg" alt="Ice" id="wows1_1" style="visibility: hidden; width:840px; height:200px;" /></li> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(3).jpg" alt="Kjeragbolten" id="wows1_2" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(4).jpg" alt="Norway" id="wows1_3" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(5).jpg" alt="Town" id="wows1_4" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(6).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(7).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(8).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

(38)

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(9).jpg" alt="Winter" id="wows1_5" style="visibility: hidden; width:840px;

height:200px;"></li>

<li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(10).jpg" alt="winter" id="wows1_5" style="visibility: hidden; width:840px; height:200px;"> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(11).jpg" alt="winter" id="wows1_5" style="visibility: hidden; width:840px; height:200px;"> <li style="width: 10%; font-size: 0px;"><img class="bentuk" src="js/slide(12).jpg" alt="winter" id="wows1_5" style="visibility: hidden; width:840px; height:200px;"> </ul>

</div>

<div class="ws_bullets"><div>

<div class="ws_bulframe"><div><div style="width: 700%;"><img

src="./t_files/fiord(1).jpg" alt="Fiord"><img src="js/ice(1).jpg" alt="Ice"><img src="js/kjeragbolten(1).jpg" alt="Kjeragbolten"><img src="./t_files/norway(1).jpg" alt="Norway"><img src="js/town(1).jpg" alt="Town"><img src="js/winter(1).jpg" alt="Winter"></div></div><span></span></div></div></div>

<!-- Generated by WOWSlider.com v3.2 --> <div class="ws_shadow"></div>

<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background-color: rgb(255, 255, 255); opacity: 0; background-position: initial initial; background-repeat: initial initial;"><a

href="http://wowslider.com/jquery-slideshow-flat-slices.html#" style="display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"></a></div><a href="http://wowslider.com/jquery-slideshow-flat-slices.html#"

(39)

<script type="text/javascript" src="js/wowslider.js"></script> <script type="text/javascript" src="js/script.js"></script> <!-- End WOWSlider.com BODY section -->

<div id="menu"> <ul>

<li><a href="index.html" id="menu">HOME</a></li> <li><a href="pengurus.php">KEPENGURUSAN</a></li> <li><a href="member.php">MEMBERSHIP</a></li> <li><a href="kegiatan.php">KEGIATAN</a></li> <li><a href="gallery.php">GALLERY</a></li> </ul>

</div>

<div id="isi"> <div id="gambar"> <?php

include'koneksi.php';

$a=mysql_query("select*from gallery"); while($b=mysql_fetch_array($a)){ echo"

<div id='gallery'>

(40)

<img src='images/$b[gambar]' width='250' height='150' class='ukuran1'> </a>

</div>"; } ?> </div> </div>

<br class="balnk" /> </div>

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

<div id="main_footer"> <div id="footer"> </div>

Referensi

Dokumen terkait

Klasifikasi asset dan liabilitas : Penyajian aset dan liabilitas dalam laporan posisi keuangan diklasifikasikan dengan suatu cara yang dapat memfasilitasi pengguna untuk dapat

[r]

[r]

[r]

[r]

The toolbox was applied in the Vienna region to evaluate OSM road data quality compared to the official Austrian dataset, the “Graph Integration Platform” (GIP), and

Memiliki pemahaman tentang beberapa bentuk akad dalam Jual Beli klasik fiqhiyyah maupun modern kontemporer dalam perspektif Fiqh Mu’amalah.. Memiliki pemahaman tentang akad

The EU-LULC WebGIS is entirely built on open source infrastructure and open standards and enables the visualization of the available LULC maps of Europe at