LISTING PROGRAM
1. Header.php
DOCTYPE html PUBLIC -W3CDTD XHTML 1.0 StrictEN http:www.w3.orgTRxhtml1DTDxhtml1-strict.dtd
html xmlns=http:www.w3.org1999xhtml link rel=stylesheet type=textcss href=style3.css
link rel=stylesheet type=textcss href=style.css body
?php include incheader.php; ?
style {box-
sizing:border-box} body {font-
family: Verdana,sans-serif;margin:0}
Slideshow container
Universitas Sumatera Utara
.slideshow- container {
max- width: 1000px;
position: relative;
margin: auto;
padding- top: 80px;
} The
dotsbulletsindicators .dot {
height: 13px;
width: 13px;
margin: 0 2px;
background-color: bbb;
Universitas Sumatera Utara
border- radius: 50;
display: inline-block;
transition: background-color 0.6s ease; }
.active {
background-color: 717171; }
Fading animation
.fade { -webkit-
animation-name: fade; -webkit-
animation-duration: 1.5s;
animation-name: fade;
Universitas Sumatera Utara
animation-duration: 1.5s; }
-webkit- keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
On smaller screens, decrease text size
Universitas Sumatera Utara
media only screen and max-width: 300px {
.text {font-size: 11px}
} style
body
div class=slideshow-container
div class=mySlides fade
img src=images1.jpg width=970 height=340 alt=
div
div class=mySlides fade
img src=images2.jpg width=970 height=340 alt=
div
div class=mySlides fade
Universitas Sumatera Utara
img src=images3.jpg width=970 height=340 alt=
div
div br
div style=text-align:center span class=dotspan
span class=dotspan span class=dotspan
div
script var
slideIndex = 0;
showSlides;
function showSlides {
Universitas Sumatera Utara
var i;
var slides = document.getElementsByClassNamemySlides;
var dots = document.getElementsByClassNamedot;
for i = 0; i slides.length; i++ {
slides[i].style.display = none; }
slideIndex++;
if slideIndex slides.length {
slideIndex = 1 }
for i = 0; i dots.length; i++ {
dots[i].className = dots[i].className.replace active, ;
Universitas Sumatera Utara
}
slides[slideIndex - 1].style.display = block;
dots[slideIndex - 1].className += active;
setTimeoutshowSlides, 2000; Change image every 2 seconds
} script
div div
div class=list-style1 id=wrapper div id=splash class=containerspanspandiv
div id=page class=container div id=content
div class=post h2 class=titlefont size=3 color=66FF00b
bfontfont color=66FF00b
bfontb marquee behavior=up scrolldelay=110
marquee
Universitas Sumatera Utara
bh2 fieldset
marquee behavior=up scrolldelay=110 span class=style8Selamat Datang di Sistem Informasi
D3 Teknik Informatika FMIPA USUspanp marquee
table border=0 cellpadding=5 cellspacing=5
tr
tr tr
tr tr align=right
tr table
fieldset form
div align=justifyspan class=style4Sistem Informasi ini menjelaskan profil program studi D3 Teknik
Informatika Prodi D3 Teknik Informatika. span.
Universitas Sumatera Utara
div div
div div
div id=sidebar div
h2Halaman Utamah2 ul class=list-style1 style5
lia href=profil.phpProfil D3 TI USUali lia href=portalPortal TIali
lia href=http:www.usu.ac.idcontact-us.html target=_blankContact Usali
lia href=http:www.usu.ac.idusumap.php Map=_blankMapali
ul div
div -- end sidebar --
div style=clear: both;nbsp;div div
-- end page -- div
Universitas Sumatera Utara
div id=footer-content class=container div id=footer-bg
h2Sistem Informasi Prodi D3 TIh2 p class=text1 style=font-style:11px;Sistem
Informasi adalah suatu sistem yang dibuat oleh manusia yang dapat membantu mengelola data-data penting didalam
suatu instansi atau universitas, seperti pengelolaan data dosen, data mahasiswa, data mata kuliah, serta menyajikan
layanan informasi untuk mendukung perencanaan dan pengambilan keputusan yang baik. p
div
div class=unit dg-footer div class=unit dg-layout
div id=dg-footer-text br
copy; 2016 a href=http:www.usu.ac.id target=_blankUniversity of Sumatera Utaraa |
a href=http:www.usu.ac.idcontact-us.html target=_blankContact Usa |
Universitas Sumatera Utara
a href=http:www.usu.ac.idusumap.php target=_blankUSU Mapa |
a href=http:www.usu.ac.idfinder target=_blankPeople Findera |
a href=https:portal.usu.ac.idloginlogin.php
target=_blankLogin Portal Akademika div
div div
div
body html
2. Profil.php