body html
4. guest.php
DOCTYPE html html
head titleTOBANESEtitle
-- for-mobile-apps -- meta name=viewport content=width=device-width, initial-
scale=1 meta http-equiv=Content-Type content=texthtml; charset=utf-8
script type=applicationx-javascriptaddEventListenerload, function { setTimeouthideURLbar, 0; }, false;
function hideURLbar{ window.scrollTo0,1; } script
-- for-mobile-apps -- link href=cssbootstrap.css rel=stylesheet type=textcss
media=all link href=cssstyle.css rel=stylesheet type=textcss
media=all -- js --
script src=jsjquery-1.11.1.min.jsscript -- js --
-- animation-effect -- link href=cssanimate.min.css rel=stylesheet
script src=jswow.min.jsscript script
new WOW.init; script
-- animation-effect -- link href=fonts.googleapis.comcss?family=Oleo+Script:400,700
rel=stylesheet type=textcss link
href=fonts.googleapis.comcss?family=Open+Sans:400,300,300itali c,400italic,600,600italic,700,700italic,800,800italic
rel=stylesheet type=textcss -- start-smooth-scrolling --
script type=textjavascript src=jsmove-top.jsscript script type=textjavascript src=jseasing.jsscript
script type=textjavascript
jQuerydocument.readyfunction { .scroll.clickfunctionevent{
event.preventDefault; html,body.animate{scrollTop:this.hash.offset.top}
,1000; };
}; script
-- start-smooth-scrolling -- head
Universitas Sumatera Utara
body -- banner --
div class=banner-figures div class=banner
div class=container banner-drop div class=header
div class=header-left ul
li class=animated wow fadeInLeftBig data-wow-duration=1200ms data-wow-delay=800msspan aria-hidden=truespan Pernikahan
Adatli li class=animated wow fadeInLeftBig data-wow-duration=1200ms
data-wow-delay=900msspan aria-hidden=truespan Suku Batak Tobaali
li class=animated wow fadeInLeftBig data-wow-duration=1200ms data-wow-delay=1000msspan class=glyphicon glyphicon-map-
marker aria-hidden=truespan Sumatera Utara, Indonesia li
ul div
div class=header-right nav
ul li class=activea href=index.htmli
class=glyphicon glyphicon-home aria- hidden=trueispanHomespana
li lia href=about.phpi class=glyphicon glyphicon-
heart aria-hidden=trueispanBatak Weddingspana li
lia href=gallery.phpi class=glyphicon glyphicon-picture aria-hidden=trueispanGalleryspana
li lia href=guest.phpi class=glyphicon glyphicon-
book aria-hidden=trueispanGuest Bookspana li
lia href=profile.phpi class=glyphicon glyphicon-user aria-hidden=trueispanProfilespana
li ul
nav div class=menu-icon animated wow zoomIn data-
wow-duration=1000ms data-wow-delay=800msspanspandiv div
div class=clearfixdiv div
div class=logo animated wow bounceInDown data-wow- duration=1000ms data-wow-delay=500ms
h1a href=index.htmlspanbBatak Traditional Wedding CustomspanBATAK WEDDINGbah1
div div class=social-icons animated wow bounceInDown data-wow-
duration=1000ms data-wow-delay=800ms ul
lih2bTobanesebh2li ul
div div
Universitas Sumatera Utara
div script
function{ .menu-icon.onclick, function{
this.toggleClassopen; .container.toggleClassnav-open;
nav ul li.toggleClassanimate;
}; }jQuery;
script div
-- banner -- -- blog --
div class=blog div class=container
h3 align=centerbGuest Bookbh3 div class=leave-comment animated wow
fadeInUp data-wow-duration=1200ms data-wow-delay=500ms h3Post YourspanCommentspan Hereh3
pWe will be very glad to know and we welcome all your commentsp
form action=create.php method=POST enctype=multipartform-data
input type=text name=nama value=Name onfocus=this.value = ; onblur=if this.value ==
{this.value = Name;} required= input type=email name=email
value=Email onfocus=this.value = ; onblur=if this.value == {this.value = Email;} required=
textarea type=text name=pesan onfocus=this.value = ; onblur=if this.value ==
{this.value = Message...;} required=Message...textarea input type=submit value=Send
form div
div class=clearfixdiv div class=recent-comments
h3Recent spanCommentsspanh3
?php includekoneksi.php;
lihat=SELECT from komentar; akses = mysql_querylihat;
whiletampil = mysql_fetch_arrayakses{ ?
div class=recent-comments-grids div class=recent-comments-grid animated
wow fadeInUp data-wow-duration=1200ms data-wow-delay=500ms div class=recent-comments-grid-left
img src=imagesI-Love-You- icon.png alt= class=img-responsive
div div class=recent-comments-grid-right
h4?php echo tampil[nama]?h4
Universitas Sumatera Utara
p?php echo tampil[pesan]?spanspanp div
div class=clearfixdiv div
div ?php
} ?
div div
div -- blog --
-- footer-top -- div class=footer-top animated wow zoomInDown data-wow-
duration=1000ms data-wow-delay=800ms h3 class=animated wow flipInX data-wow-
duration=1200ms data-wow-delay=500msLake Toba On spanMapspanh3
iframe class=animated wow fadeInLeft data-wow- duration=1200ms data-wow-delay=500ms
src=https:www.google.commapsembed?pb=1m161m101m31d492230. 85514484662d98.827892004751423d2.50763410289415842m13f03m21i
10242i7684f13.13m31m21s0x3031de07a843b6ad3A0xc018edffa69c0d0 52sDanau+Toba5e13m21sid2sid4v1465271091598 width=1348
height=450 frameborder=0 style=border:0 allowfullscreeniframe
div -- footer-top --
div class=footer animated wow bounce data-wow- duration=1000ms data-wow-delay=800ms
div class=container p© 2016 Wedding Ceremony. All rights reserved
| Design by bMargaret Leabp div
div -- footer --
-- here stars scrolling icon -- script type=textjavascript
document.readyfunction { .UItoTop{ easingType: easeOutQuart };
}; script
-- here ends scrolling icon -- body
html
5. profile.php