div class=footer Pelatihan Desain Website Statis, Copyright copy 2015
div
div body
html
4. data.php
DOCTYPE html html
head titlePEMA FMIPA USUtitle
link rel=stylesheet href=..tablebootstrap.min.css link rel=stylesheet href=..tableglobal.css
link rel=stylesheet type=textcss href=..cssstyle.css head
body div class=wrapper
div class=header img src=..imageslogologo.jpg width=258px height=100px
div class=menu
Universitas Sumatera Utara
ul lia href=..index.phpBerandaali
lia href=profile.phpProfilali lia href=galeri.phpGaleryali
lia href=event.phpEventali lia href=data.phpDataali
lia style=border:none;
href=tentang.phpTentangali ul
div div
div class=container div class=row
div class=col-md-12
div class=box box-primary div class=box-header
h3 class=box-titleAnggota PEMA FMIPA USUh3 div-- .box-header --
div class=box-body table-responsive table id=example1 class=table table-bordered table-striped
Universitas Sumatera Utara
?php include..databasekoneksi.php;
query=SELECT FROM `tbl_anggota`; eksekusi=mysql_queryquery;
? thead
tr thNoth
thNamath thNIMth
thJabatanth thDetailth
tr thead
tbody ?php
whiledata=mysql_fetch_arrayeksekusi{ ?
tr td?php echo data[id]; ?td
td?php echo data[nama]; ?td td?php echo data[nim]; ?td
Universitas Sumatera Utara
td?php echo data[status];?td tda
href=..detail_pema.php?id=?php echo
data[id];? target=_blankSELENGKAPNYAatd
tr ?php }
echotable; ? tbody
table div-- .box-body --
div-- .box -- divdivdiv
script src=..tablejquery-1.7.2.min.jsscript script src=..tablebootstrap.min.jsscript
script src=..tabledatatablesjquery.dataTables.min.jsscript script src=..tabledatatablesdataTables.bootstrap.min.jsscript
link rel=stylesheet href=..tabledatatablesdataTables.bootstrap.css
script type=textjavascript function {
example1.DataTable; };
script
Universitas Sumatera Utara
div class=footer PEMA FMIPA USU, Copyright copy 2015
div
div body
html
5.
event.php DOCTYPE html
html head
titlePEMA FMIPA USUtitle link rel=stylesheet href=..tablebootstrap.min.css
link rel=stylesheet href=..tableglobal.css
link rel=stylesheet type=textcss href=..cssstyle.css head
body div class=wrapper
div class=header
Universitas Sumatera Utara
img src=..imageslogologo.jpg width=258px height=100px div class=menu
ul lia href=..index.phpBerandaali
lia href=profile.phpProfilali lia href=galeri.phpGaleryali
lia href=event.phpEventali lia href=data.phpDataali
lia style=border:none;
href=tentang.phpTentangali ul
div div
div class=container div class=row
div class=col-md-12
div class=box box-primary div class=box-header
h3 class=box-titleEvent PEMA FMIPA USUh3 div-- .box-header --
Universitas Sumatera Utara
div class=box-body table-responsive table id=example1 class=table table-bordered table-striped
?php include..databasekoneksi.php;
query=SELECT FROM `tbl_event`; eksekusi=mysql_queryquery;
? thead
tr thNoth
thJudul Eventth thJadwal Eventth
thDetail Acarath tr
thead tbody
?php whiledata=mysql_fetch_arrayeksekusi{
? tr
td?php echo data[id]; ?td td?php echo data[judul]; ?td
Universitas Sumatera Utara
td?php echo data[jadwal]; ?td tda
href=..detail_event.php?id=?php echo
data[id];? target=_blankSELENGKAPNYAatd
tr ?php }
echotable; ? tbody
table div-- .box-body --
div-- .box -- divdivdiv
script src=..tablejquery-1.7.2.min.jsscript script src=..tablebootstrap.min.jsscript
script src=..tabledatatablesjquery.dataTables.min.jsscript script src=..tabledatatablesdataTables.bootstrap.min.jsscript
link rel=stylesheet href=..tabledatatablesdataTables.bootstrap.css
script type=textjavascript function {
example1.DataTable; };
script
Universitas Sumatera Utara
div class=footer PEMA FMIPA USU, Copyright copy 2015
div
div body
html
6.
tentang.php DOCTYPE html
html head
titlePEMA FMIPA USUtitle link rel=stylesheet type=textcss href=..cssstyle.css
head body
div class=wrapper
div class=header img src=..imageslogologo.jpg width=258px height=100px
div class=menu ul
Universitas Sumatera Utara
lia href=..index.phpBerandaali lia href=profile.phpProfilali
lia href=galeri.phpGaleryali lia href=event.phpEventali
lia href=data.phpDataali lia
style=border:none; href=tentang.phpTentangali
ul div
div
div class=content div class = content_kiri
div class=text h1Hubungi Kamih1
ol Fakultas Matematika dan Ilmu Pengetahuan
Alambr bUNIVERSITAS
SUMATERA UTARAbbr
Jalan. Bioteknologi No.1 Padang Bulan Medan Sumatera Utarabr
Universitas Sumatera Utara
Unit 2 Lantai 2 Ruangan 2208 FMIPA USUbr
ol h3Saran Kritik untuk Kamih3
ol Silahkan tinggalkan pesan teman sekalian
kepada kami pengurus Pemerintahan Mahasiswa FMIPA. Berikan kritik saran keluhan tentang kampus kita FMIPA USU. Caranya ?
brbr liSilahkan
mengisi formulir
pesan disebelah kanan.li
liSampaikan pesan teman sekalian kepada kami tentang kampus kita.li
liPrivasi pengirim dijaga :.li ol
div div
div class=content_kanan div class=content
div class=text form action=..pro_kontak.php method=POST
Universitas Sumatera Utara
table border=0
width=35 cellpadding=2
cellspacing=2 align=center captionh2Tinggal Pesan Untuk Kamih2caption
trtdNama Lengkaptdtd input type=text name=nama size=30 maxlength=50
requiredtdtr trtdNIMtdtd
input type=number
name=nim size=30
maxlength=50 requiredtdtr trtdNo Hptdtd
input type=number
name=telepon size=30
maxlength=50 requiredtdtr trtdPesan Andatdtd
textarea name=pesan
cols=30 rows=4
requiredtextareatdtr
trtdtdtdinput type=submit
name=kirim value=KIRIMtdtr
table form
div
Universitas Sumatera Utara
div style=clear:bothdiv div
div class=footer PEMA FMIPA USU, Copyright copy 2015
div
div body
html
7.
kontak.php DOCTYPE html
html head
titleBuku Tamutitle link rel=stylesheet type=textcss href=styleabout.css
head body
div class=content div class=text
h1Kritik dan Saran kamuh1
liApa manfaat?br
Universitas Sumatera Utara
Berikan saran dan kritik Anda kepada kami PEMA masalah tentang kampus FMIPA USU ini, demi membangun FMIPA lebih maju
lagi. Saran dan kritik kamu, membantu akan kami sampaikan kepada Bpk dekan kita. li
br liBagaimana Caranya? br
Caranya, silahkan tinggalkan pesan kamu dibawah ini, sertakan Nama, NIM, No Telepon dan Pesan kamu, privasi identitas kamu
tidak akan publikasikan li
div div
form action=pro_kontak.php method=POST table
border=0 width=35
cellpadding=2 cellspacing=2 align=center
captionh2Tinggal Pesan Untuk Kamih2caption
trtdNama Lengkaptdtd input type=text name=nama size=30 maxlength=50
requiredtdtr
Universitas Sumatera Utara
trtdNIMtdtd input
type=number name=nim
size=30 maxlength=50 requiredtdtr
trtdNo Hptdtd input
type=number name=telepon
size=30 maxlength=50 requiredtdtr
trtdPesan Andatdtd textarea
name=pesan cols=30
rows=4 requiredtextareatdtr
trtdtdtdinput type=submit
name=kirim value=KIRIMtdtr
table form
body html
8.
kontak.php DOCTYPE html
html head
titleBuku Tamutitle link rel=stylesheet type=textcss href=styleabout.css
Universitas Sumatera Utara
head body
div class=content div class=text
h1Kritik dan Saran kamuh1
liApa manfaat?br Berikan saran dan kritik Anda kepada kami
PEMA masalah tentang kampus FMIPA USU ini, demi membangun FMIPA lebih maju lagi. Saran dan kritik kamu, membantu akan kami sampaikan kepada Bpk dekan kita.
li br
liBagaimana Caranya? br Caranya, silahkan tinggalkan pesan kamu
dibawah ini, sertakan Nama, NIM, No Telepon dan Pesan kamu, privasi identitas kamu tidak akan publikasikan
li
div div
form action=pro_kontak.php method=POST
Universitas Sumatera Utara
table border=0
width=35 cellpadding=2
cellspacing=2 align=center captionh2Tinggal Pesan Untuk Kamih2caption
trtdNama Lengkaptdtd input type=text name=nama size=30 maxlength=50
requiredtdtr trtdNIMtdtd
input type=number
name=nim size=30
maxlength=50 requiredtdtr trtdNo Hptdtd
input type=number
name=telepon size=30
maxlength=50 requiredtdtr trtdPesan Andatdtd
textarea name=pesan
cols=30 rows=4
requiredtextareatdtr
trtdtdtdinput type=submit
name=kirim value=KIRIMtdtr
table form
body
Universitas Sumatera Utara
html
9.
detail_event.php html
head titlePEMA FMIPA USUtitle
style type=textcss body{background:ebebeb; font-family:Arial;color:fff;}
login{ color:fff;
width:340px; padding:20px;
margin:60px auto; border:2px solid fff;
border-radius:5px; -moz-border-radius:5px;
-webkit-border-radius:5px; -o-border-radius:5px;
background: -webkit-linear-gradient0066CC, 5EACFB; For Safari 5.1 to 6.0
background: -o-linear-gradient0066CC, 5EACFB; For Opera 11.1 to 12.0
background: -moz-linear-gradient0066CC, 5EACFB; For Firefox 3.6 to 15
Universitas Sumatera Utara
background: linear-gradient0066CC, 5EACFB; Standard syntax
} input{
padding:4px; }
.tombol{ padding:4px 10px;
background:urlimagesbgmenu.gif repeat-x; text-decoration:none;
border-radius:5px; -moz-border-radius:5px;
-webkit-border-radius:5px; -o-border-radius:5px;
color:fff; margin:5px;
} .tombol:hover{
background:706157; }
.th{ background:urlimagesbgmenu.gif repeat-x;
color:fff;
Universitas Sumatera Utara
border:1px solid fff; }
table{margin:0;} style
head body
div id=login
table width=100 cellpadding=4px align=center tr
th class=th colspan=2PEMA FMIPA USUth tr
?php includedatabasekoneksi.php;
id=_GET[id]; query=SELECT FROM `tbl_event` WHERE id=id;
eksekusi=mysql_queryquery; data=mysql_fetch_arrayeksekusi; ?
form captionh2Data Acara ?php echo data[judul];
?h2caption tr
tr
Universitas Sumatera Utara
tdNama Acaratd tdinput
value=?php echo
data[judul]; ? td tr
tr tdJadwaltd
tdinput value=?php
echo data[jadwal]; ? td
tr
tr tdLokasitd
tdinput value=?php
echo data[lokasi]; ?
td tr
tr tdKeterangantd
tdtextarea?php echo
data[keterangan]; ?textarea td
Universitas Sumatera Utara
tr
table form
div body
html
10. detail_pema.php