PHINMA UNIVERSITY OF ILOILO

COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

APPENDIX A:

SOURCE CODES

Index

<?php
include('header.php');
?>
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="home-map">
<div id="pin-markers">
<div id="iloilo-marker"
class="markers">
<div class='pin bounce'>
<img src="img/iloilo-
marker.png"/>
</div>
<div class='pulse'></div>
</div>
<div id="aklan-marker"
class="markers">
<div class='pin bounce'>
<img src="img/aklan-
marker.png"/>
</div>

47
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<div class='pulse'></div>
</div>
<div id="capiz-marker"
class="markers">
<div class='pin bounce'>
<img src="img/capiz-
marker.png"/>
</div>
<div class='pulse'></div>
</div>
<div id="antique-marker"
class="markers">
<div class='pin bounce'>
<img src="img/antique-
marker.png"/>
</div>
<div class='pulse'></div>
</div>
<div id="guimaras-marker"
class="markers">
<div class='pin bounce'>
<img src="img/guimaras-
marker.png"/>
</div>
<div class='pulse'></div>
</div>
</div>
<img src="img/home-bk.png" />
</div>

48
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

</div>
</div>
</div>
<script>
$(document).ready(function(){
$( ".pin" ).hover(
function() {
$(this).animo( { animation: 'bounce',
duration: 1.25 ,iterate: "infinite"} );
}, function() {
$(this).animo( { animation: 'bounce',
duration: 1.25} );
}
);
$( "#iloilo-marker" ).click(function() {
window.location.href = "place.php?place=iloilo";
});
$( "#capiz-marker" ).click(function() {
window.location.href = "place.php?place=capiz";
});
$( "#guimaras-marker" ).click(function() {
window.location.href = "place.php?
place=guimaras";
});
$( "#aklan-marker" ).click(function() {
window.location.href = "place.php?place=aklan";
});
$( "#antique-marker" ).click(function() {

49
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

window.location.href = "place.php?
place=antique";
});
});
</script>
<?php
include('footer.php');
?>

Function

<?php
require_once("config/config.php");
function db_connect(){
mysql_connect(DB_HOST,DB_USER,DB_PASS) or die("Error:
".mysqlerror());
mysql_select_db(DB_NAME);

$connection= @mysql_connect(DB_HOST,DB_USER,DB_PASS) or
die(mysql_error());
$db = @mysql_select_db(DB_NAME, $connection) or
die(mysql_error());
}

50
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

function sidebar($place){

if($place == "iloilo"){
?>
<iframe src="https://www.google.com/maps/embed?
pb=!1m18!1m12!1m3!1d62720.799219656525!2d122.51231546900793!
3d10.730630873944055!2m3!1f0!2f0!3f0!3m2!
1i1024!2i768!4f13.1!3m3!1m2!
1s0x33aee56fe538d781%3A0xe8250cd6bc30a488!2sIloilo+City
%2C+Iloilo!5e0!3m2!1sen!2sph!4v1456263752330" width="315"
height="400"
frameborder="0" style="border:0" allowfullscreen></iframe>
<?php
}
if($place == "aklan"){
?>
<iframe src="https://www.google.com/maps/embed?
pb=!1m18!1m12!1m3!1d500165.70386186586!2d121.93219052472288!
3d11.655767445716856!2m3!1f0!2f0!3f0!3m2!
1i1024!2i768!4f13.1!3m3!1m2!
1s0x33a57ba40b42fe83%3A0xbbff0213dae14195!2sAklan!5e0!3m2!
1sen!2sph!4v1456263820734" width="315" height="400"
frameborder="0"
style="border:0" allowfullscreen></iframe>
<?php
}
if($place == "guimaras"){
?>
<iframe src="https://www.google.com/maps/embed?
pb=!1m18!1m12!1m3!1d251013.8116663399!2d122.46750400452146!
3d10.572066938949288!2m3!1f0!2f0!3f0!3m2!

51
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

1i1024!2i768!4f13.1!3m3!1m2!
1s0x33aeec43f38d20d1%3A0x24b989576b56defc!2sGuimaras!5e0!
3m2!1sen!2sph!4v1456263850730" width="315" height="400"
frameborder="0"
style="border:0" allowfullscreen></iframe>
<?php
}
if($place == "capiz"){
?>
<iframe src="https://www.google.com/maps/embed?
pb=!1m18!1m12!1m3!1d500631.3604382111!2d122.36945023630359!
3d11.394287149258568!2m3!1f0!2f0!3f0!3m2!
1i1024!2i768!4f13.1!3m3!1m2!1s0x33af6714e804af0b
%3A0x4d76e5976e86cb0f!2sCapiz!5e0!3m2!1sen!2sph!
4v1456263881790" width="315" height="400" frameborder="0"
style="border:0" allowfullscreen></iframe>
<?php
}
if($place == "antique"){
?>
<iframe src="https://www.google.com/maps/embed?
pb=!1m18!1m12!1m3!1d1002206.3902975995!2d121.52631347262664!
3d11.123154435148733!2m3!1f0!2f0!3f0!3m2!
1i1024!2i768!4f13.1!3m3!1m2!
1s0x33afb969df3c6257%3A0xc05458acc8e82d81!2sAntique!5e0!3m2!
1sen!2sph!4v1456263908809" width="315" height="400"
frameborder="0"
style="border:0" allowfullscreen></iframe>
<?php
}
?>

52
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<div class="fb-page" data-

href="https://www.facebook.com/Loray-Trip-To-Panay-
108827016148560/" data-width="315" data-height="400" data-
small-header="false"
data-adapt-container-width="true" data-hide-cover="false"
data-show-facepile="true"></div>
<?php
}
function gallery($gallery_id){

if($gallery_id == "iloilo_gallery"){
$gallery_content='<a
href="img/gallery/iloilo/Anhawan Beach.jpg">
<img
src="img/gallery/iloilo/Anhawan
Beach.jpg",
data-big="img/gallery/iloilo/Anhawan
Beach.jpg"
data-title="Anhawan Beach"
>
</a>
<a href="img/gallery/iloilo/Bucari
Adventure.jpg">
<img
src="img/gallery/iloilo/Bucari
Adventure.jpg",
data-big="img/gallery/iloilo/Bucari
Adventure.jpg"
data-title="Bucari Adventure.jpg"

53
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

>
</a>
<a href="img/gallery/iloilo/calle
real.jpg">
<img
src="img/gallery/iloilo/calle
real.jpg",
data-big="img/gallery/iloilo/calle
real.jpg"
data-title="calle real.jpg"

>
</a>
<a href="img/gallery/iloilo/Dinagyang
Festival.jpg">
<img
src="img/gallery/iloilo/Dinagyang
Festival.jpg",
data-
big="img/gallery/iloilo/Dinagyang Festival.jpg"
data-title="Dinagyang Festival.jpg"

>
</a>
<a href="img/gallery/iloilo/Esplanade.JPG">
<img

src="img/gallery/iloilo/Esplanade.JPG",
data-
big="img/gallery/iloilo/Esplanade.JPG"

54
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

data-title="Esplanade.JPG"

>
</a>
<a href="img/gallery/iloilo/jaro-
cathedral.jpg">
<img
src="img/gallery/iloilo/jaro-
cathedral.jpg",
data-big="img/gallery/iloilo/jaro-
cathedral.jpg"
data-title="jaro-cathedral.jpg"

>
</a>
<a href="img/gallery/iloilo/Miagao-
Church.jpg">
<img
src="img/gallery/iloilo/Miagao-
Church.jpg",
data-
big="img/gallery/iloilo/Miagao-Church.jpg"
data-title="Miagao-Church.jpg"

>
</a>
<a href="img/gallery/iloilo/Molo-
Church.jpg">
<img

55
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

src="img/gallery/iloilo/Molo-
Church.jpg",
data-big="img/gallery/iloilo/Molo-
Church.jpg"
data-title="Molo-Church.jpg"

>
</a>
<a href="img/gallery/iloilo/museo
iloilo.jpg">
<img
src="img/gallery/iloilo/museo
iloilo.jpg",
data-big="img/gallery/iloilo/museo
iloilo.jpg"
data-title="museo iloilo.jpg"

>
</a>
<a href="img/gallery/iloilo/old iloilo
capitol.jpg">
<img
src="img/gallery/iloilo/old iloilo
capitol.jpg",
data-big="img/gallery/iloilo/old
iloilo capitol.jpg"
data-title="old iloilo capitol.jpg"

>
</a>

56
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<a href="img/gallery/iloilo/paraw regatta

Festival.jpg">
<img
src="img/gallery/iloilo/paraw
regatta Festival.jpg",
data-big="img/gallery/iloilo/paraw
regatta Festival.jpg"
data-title="paraw regatta
Festival.jpg"

>
</a>
<a href="img/gallery/iloilo/richmonde
hotel.jpg">
<img
src="img/gallery/iloilo/richmonde
hotel.jpg",
data-
big="img/gallery/iloilo/richmonde hotel.jpg"
data-title="richmonde hotel.jpg"

>
</a>
<a href="img/gallery/iloilo/Tatoys Manokan
and Seafood.jpg">
<img
src="img/gallery/iloilo/Tatoys
Manokan and Seafood.jpg",
data-big="img/gallery/iloilo/Tatoys
Manokan and Seafood.jpg"

57
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

data-title="Tatoys Manokan and

Seafood.jpg"

>
</a>';
}
if($gallery_id == "aklan_gallery"){
$gallery_content='<a href="img/gallery/aklan/ati
atihan festival.jpg">
<img
src="img/gallery/aklan/ati atihan
festival.jpg",
data-big="img/gallery/aklan/ati atihan
festival.jpg"
data-title="ati atihan festival.jpg"
>
</a>
<a href="img/gallery/aklan/Bakhawan
Ecopark.jpg">
<img
src="img/gallery/aklan/Bakhawan
Ecopark.jpg",
data-
big="img/gallery/aklan/Bakhawan Ecopark.jpg"
data-title="Bakhawan Ecopark.jpg"

>
</a>
<a href="img/gallery/aklan/banana
chips.jpeg">

58
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<img
src="img/gallery/aklan/banana
chips.jpeg",
data-big="img/gallery/aklan/banana
chips.jpeg"
data-title="banana chips.jpeg"

>
</a>
<a href="img/gallery/aklan/Boracay
Sunset.jpg">
<img
src="img/gallery/aklan/Boracay
Sunset.jpg",
data-big="img/gallery/aklan/Boracay
Sunset.jpg"
data-title="Boracay Sunset.jpg"

>
</a>
<a href="img/gallery/aklan/Kalibo
Cathedral.JPG">
<img
src="img/gallery/aklan/Kalibo
Cathedral.JPG",
data-big="img/gallery/aklan/Kalibo
Cathedral.JPG"
data-title="Kalibo Cathedral.JPG"

>

59
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

</a>
<a href="img/gallery/aklan/La Ezperanza
hotel.jpg">
<img
src="img/gallery/aklan/La Ezperanza
hotel.jpg",
data-big="img/gallery/aklan/La
Ezperanza hotel.jpg"
data-title="La Ezperanza hotel.jpg"

>
</a>
<a href="img/gallery/aklan/Museo It
Akean.jpg">
<img
src="img/gallery/aklan/Museo It
Akean.jpg",
data-big="img/gallery/aklan/Museo
It Akean.jpg"
data-title="Museo It Akean.jpg"

>
</a>
<a href="img/gallery/aklan/Polvoron.jpeg">
<img

src="img/gallery/aklan/Polvoron.jpeg",
data-
big="img/gallery/aklan/Polvoron.jpeg"
data-title="Polvoron.jpeg"

60
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

>
</a>
<a href="img/gallery/aklan/sampaguita
gardens.JPG">
<img
src="img/gallery/aklan/sampaguita
gardens.JPG",
data-
big="img/gallery/aklan/sampaguita gardens.JPG"
data-title="sampaguita gardens.JPG"

>
</a>
<a href="img/gallery/aklan/saylo cuisine
best restaurant.jpg">
<img
src="img/gallery/aklan/saylo
cuisine best restaurant.jpg",
data-big="img/gallery/aklan/saylo
cuisine best restaurant.jpg"
data-title="saylo cuisine best
restaurant.jpg"

>
</a>
<a href="img/gallery/aklan/saylo
cuisine.jpg">
<img

61
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

src="img/gallery/aklan/saylo
cuisine.jpg",
data-big="img/gallery/aklan/saylo
cuisine.jpg"
data-title="saylo cuisine.jpg"

>
</a>
<a href="img/gallery/aklan/The Aklan
Freedom Shrine.jpg">
<img
src="img/gallery/aklan/The Aklan
Freedom Shrine.jpg",
data-big="img/gallery/aklan/The
Aklan Freedom Shrine.jpg"
data-title="The Aklan Freedom
Shrine.jpg"

>
</a>
<a href="img/gallery/aklan/white beach
boracay.jpg">
<img
src="img/gallery/aklan/white beach
boracay.jpg",
data-big="img/gallery/aklan/white
beach boracay.jpg"
data-title="white beach
boracay.jpg"

62
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

>
</a>';
}
if($gallery_id == "antique_gallery"){
$gallery_content='<a
href="img/gallery/antique/adelaide hotel.jpg">
<img
src="img/gallery/antique/adelaide
hotel.jpg",
data-big="img/gallery/antique/adelaide
hotel.jpg"
data-title="adelaide hotel.jpg"
>
</a>
<a href="img/gallery/antique/anini-y
church.jpg">
<img
src="img/gallery/antique/anini-y
church.jpg",
data-
big="img/gallery/antique/anini-y church.jpg"
data-title="anini-y church.jpg"

>
</a>
<a href="img/gallery/antique/Antique
provincial capitol.jpg">
<img
src="img/gallery/antique/Antique
provincial capitol.jpg",

63
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

data-
big="img/gallery/antique/Antique provincial capitol.jpg"
data-title="Antique provincial
capitol.jpg"

>
</a>
<a href="img/gallery/antique/Bandi.jpg">
<img

src="img/gallery/antique/Bandi.jpg",
data-
big="img/gallery/antique/Bandi.jpg"
data-title="Bandi.jpg"

>
</a>
<a href="img/gallery/antique/buko
batchoy.jpg">
<img
src="img/gallery/antique/buko
batchoy.jpg",
data-big="img/gallery/antique/buko
batchoy.jpg"
data-title="buko batchoy.jpg"

>
</a>
<a href="img/gallery/antique/EBJ-Freedom-
Park.jpg">

64
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<img
src="img/gallery/antique/EBJ-
Freedom-Park.jpg",
data-big="img/gallery/antique/EBJ-
Freedom-Park.jpg"
data-title="EBJ-Freedom-Park.jpg"

>
</a>
<a href="img/gallery/antique/EBJ-Freedom-
Park1.jpg">
<img
src="img/gallery/antique/EBJ-
Freedom-Park1.jpg",
data-big="img/gallery/antique/EBJ-
Freedom-Park1.jpg"
data-title="EBJ-Freedom-Park1.jpg"

>
</a>
<a href="img/gallery/antique/La Parola
Orchids Resort.JPG">
<img
src="img/gallery/antique/La Parola
Orchids Resort.JPG",
data-big="img/gallery/antique/La
Parola Orchids Resort.JPG"
data-title="La Parola Orchids
Resort.JPG"

65
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

>
</a>
<a href="img/gallery/antique/malalison
island.jpg">
<img
src="img/gallery/antique/malalison
island.jpg",
data-
big="img/gallery/antique/malalison island.jpg"
data-title="malalison island.jpg"

>
</a>
<a href="img/gallery/antique/malalison
island1.jpg">
<img
src="img/gallery/antique/malalison
island1.jpg",
data-
big="img/gallery/antique/malalison island1.jpg"
data-title="malalison island1.jpg"

>
</a>
<a
href="img/gallery/antique/malumpati.jpg">
<img

src="img/gallery/antique/malumpati.jpg",

66
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

data-
big="img/gallery/antique/malumpati.jpg"
data-title="malumpati.jpg"

>
</a>
<a href="img/gallery/antique/parillahan
San Jose Antique.jpg">
<img
src="img/gallery/antique/parillahan
San Jose Antique.jpg",
data-
big="img/gallery/antique/parillahan San Jose Antique.jpg"
data-title="parillahan San Jose
Antique.jpg"

>
</a>
<a href="img/gallery/antique/Phaidon beach
resort.jpg">
<img
src="img/gallery/antique/Phaidon
beach resort.jpg",
data-
big="img/gallery/antique/Phaidon beach resort.jpg"
data-title="Phaidon beach
resort.jpg"

>
</a>';

67
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

}
if($gallery_id == "capiz_gallery"){
$gallery_content='<a href="img/gallery/capiz/Capiz
Baybay Beach, Roxas Capiz.jpg">
<img
src="img/gallery/capiz/Capiz Baybay
Beach, Roxas Capiz.jpg",
data-big="img/gallery/capiz/Capiz Baybay
Beach, Roxas Capiz.jpg"
data-title="Capiz Baybay Beach, Roxas
Capiz.jpg"
>
</a>
<a href="img/gallery/capiz/Coco
Veranda.jpg">
<img
src="img/gallery/capiz/Coco
Veranda.jpg",
data-big="img/gallery/capiz/Coco
Veranda.jpg"
data-title="Coco Veranda.jpg"

>
</a>
<a href="img/gallery/capiz/Lolets
Ecopark.jpg">
<img
src="img/gallery/capiz/Lolets
Ecopark.jpg",

68
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

data-big="img/gallery/capiz/Lolets
Ecopark.jpg"
data-title="Lolets Ecopark.jpg"

>
</a>
<a href="img/gallery/capiz/Pan-ay Church
capiz.JPG">
<img
src="img/gallery/capiz/Pan-ay
Church capiz.JPG",
data-big="img/gallery/capiz/Pan-ay
Church capiz.JPG"
data-title="Pan-ay Church
capiz.JPG"

>
</a>
<a href="img/gallery/capiz/Panublion
Musem.JPG">
<img
src="img/gallery/capiz/Panublion
Musem.JPG",
data-
big="img/gallery/capiz/Panublion Musem.JPG"
data-title="Panublion Musem.JPG"

>
</a>

69
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<a href="img/gallery/capiz/peoples
park.jpg">
<img
src="img/gallery/capiz/peoples
park.jpg",
data-big="img/gallery/capiz/peoples
park.jpg"
data-title="peoples park.jpg"

>
</a>
<a href="img/gallery/capiz/roxas
bridge.jpg">
<img
src="img/gallery/capiz/roxas
bridge.jpg",
data-big="img/gallery/capiz/roxas
bridge.jpg"
data-title="roxas bridge.jpg"

>
</a>
<a href="img/gallery/capiz/roxas city
seafoods.jpg">
<img
src="img/gallery/capiz/roxas city
seafoods.jpg",
data-big="img/gallery/capiz/roxas
city seafoods.jpg"

70
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

data-title="roxas city
seafoods.jpg"

>
</a>
<a href="img/gallery/capiz/roxas
president.JPG">
<img
src="img/gallery/capiz/roxas
president.JPG",
data-big="img/gallery/capiz/roxas
president.JPG"
data-title="roxas president.JPG"

>
</a>
<a href="img/gallery/capiz/sinadya sa
halaran.jpg">
<img
src="img/gallery/capiz/sinadya sa
halaran.jpg",
data-big="img/gallery/capiz/sinadya
sa halaran.jpg"
data-title="sinadya sa halaran.jpg"

>
</a>
<a href="img/gallery/capiz/Suman.jpg">
<img

71
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

src="img/gallery/capiz/Suman.jpg",
data-
big="img/gallery/capiz/Suman.jpg"
data-title="Suman.jpg"

>
</a>';
}
if($gallery_id == "guimaras_gallery"){
$gallery_content='<a
href="img/gallery/guimaras/Cabaling Beach Resort.jpg">
<img
src="img/gallery/guimaras/Cabaling Beach
Resort.jpg",
data-big="img/gallery/guimaras/Cabaling
Beach Resort.jpg"
data-title="Cabaling Beach Resort.jpg"
>
</a>
<a href="img/gallery/guimaras/Camp
Alfredo.jpg">
<img
src="img/gallery/guimaras/Camp
Alfredo.jpg",
data-big="img/gallery/guimaras/Camp
Alfredo.jpg"
data-title="Camp Alfredo.jpg"

>

72
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

</a>
<a href="img/gallery/guimaras/Guimaras
mango.jpg">
<img
src="img/gallery/guimaras/Guimaras
mango.jpg",
data-
big="img/gallery/guimaras/Guimaras mango.jpg"
data-title="Guimaras mango.jpg"

>
</a>
<a href="img/gallery/guimaras/guisi light
house.jpg">
<img
src="img/gallery/guimaras/guisi
light house.jpg",
data-
big="img/gallery/guimaras/guisi light house.jpg"
data-title="guisi light house.jpg"

>
</a>
<a href="img/gallery/guimaras/manggahan
festival celebration.jpg">
<img
src="img/gallery/guimaras/manggahan
festival celebration.jpg",

73
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

data-
big="img/gallery/guimaras/manggahan festival
celebration.jpg"
data-title="manggahan festival
celebration.jpg"

>
</a>
<a href="img/gallery/guimaras/navalas
church.jpg">
<img
src="img/gallery/guimaras/navalas
church.jpg",
data-
big="img/gallery/guimaras/navalas church.jpg"
data-title="navalas church.jpg"

>
</a>
<a href="img/gallery/guimaras/Raymen Beach
Resort.jpg">
<img
src="img/gallery/guimaras/Raymen
Beach Resort.jpg",
data-
big="img/gallery/guimaras/Raymen Beach Resort.jpg"
data-title="Raymen Beach
Resort.jpg"

>

74
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

</a>
<a href="img/gallery/guimaras/Raymen
Beach.jpg">
<img
src="img/gallery/guimaras/Raymen
Beach.jpg",
data-
big="img/gallery/guimaras/Raymen Beach.jpg"
data-title="Raymen Beach.jpg"

>
</a>
<a href="img/gallery/guimaras/Smallest
Plaza.jpg">
<img
src="img/gallery/guimaras/Smallest
Plaza.jpg",
data-
big="img/gallery/guimaras/Smallest Plaza.jpg"
data-title="Smallest Plaza.jpg"

>
</a>
<a href="img/gallery/guimaras/Trappist
Pasalubong.jpg">
<img
src="img/gallery/guimaras/Trappist
Pasalubong.jpg",
data-
big="img/gallery/guimaras/Trappist Pasalubong.jpg"

75
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

data-title="Trappist
Pasalubong.jpg"

>
</a>';
}
return $gallery_content;
}
?>

Footer

76
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<footer class="text-center">
<a class="up-arrow" href="#home" data-
toggle="tooltip" title="TO TOP">
<span class="glyphicon glyphicon-
chevron-up"></span>
</a><br><br>
<p>Loraystriptopanay.com</p>
</footer>

<script>
$(document).ready(function(){
// Initialize Tooltip
$('[data-toggle="tooltip"]').tooltip();
})
</script>

</body>
</html>

Header

77
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<?php
require_once("functions.php");
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Loray</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.js"></script>
<script src="js/galleria-1.4.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/animo.min.js"></script>

<!--Added Css and Script -->

<script src="js/classie.js"></script>
<link rel="stylesheet" href="font-awesome/css/font-
awesome.css">
<link rel="stylesheet" href="css/headerstyle.css" />
<link rel="stylesheet" href="css/animate-animo.min.css" />
<link rel="stylesheet" href="css/my.css">
<link rel="stylesheet" href="css/loray.css">
<!--Added Css and Script END -->

78
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

</head>
<body id="home" data-spy="scroll" data-target=".navbar"
data-offset="50">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src =
"//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<nav class="navbar navbar-default navbar-fixed-top">

<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle"
data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<img src="img/MW.png" id="logoSmall" >
<!-- <a class="navbar-brand"
href="#">Logo</a> -->
</div>
<div class="collapse navbar-collapse"
id="myNavbar">
<ul class="nav navbar-nav navbar-right">

79
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<li><a href="index.php">HOME</a></li>
<li><a href="about.php">ABOUT</a></li>
<li>
<a href="#"><span class="glyphicon
glyphicon-search"></span></a>
</li>
</ul>
</div>
</div>
</nav>

Places

<?php
include('header.php');
?>
<div id="place_content">
<div class="container">
<div class="row">
<main id="main" class="col-md-12">
<?php
db_connect();
$tag_place = $_GET['place'];
$tbl_name="content";

80
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

$sql="SELECT * FROM $tbl_name WHERE

place_tag = '$tag_place'";
$result=mysql_query($sql);
$rows=mysql_fetch_array($result);
?>
<div id="top-choices">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-
6">
<div
id="places" data-tag="<?php echo $tag_place; ?>"
class="choices">
<div
class="icons">
<i
class="fa fa-building"></i> <i class="fa fa-
institution"></i>
</div>
<p>Places
to go</p>
</div>
<div
id="transportation" data-tag="<?php echo $tag_place; ?>"
class="choices">
<div
class="icons">
<i
class="fa fa-car"></i> <i class="fa fa-bus"></i>

81
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

</div>

<p>Transportation</p>
</div>
</div>
<div class="col-md-
6">
<div
id="phrases" data-tag="<?php echo $tag_place; ?>"
class="choices">
<div
class="icons">
<i
class="fa fa-comment"></i> <i class="fa fa-comments"></i>
</div>

<p>Phrases</p>
</div>
<div id="to-do"
data-tag="<?php echo $tag_place; ?>" class="choices">
<div
class="icons">
<i
class="fa fa-cogs"></i> <i class="fa fa-shopping-cart"></i>
</div>
<p>Things
to do</p>
</div>
</div>
</div>
</div>

82
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

</div>
</div>
<a href="http://localhost/loray/"
class="back-home">Go Back</a>

<div class="main-inner-content">
<div class="row
list-single">
<h2>Welcome to <?php
echo $rows['place_name']; ?></h2>
<div
class="col-sm-8">

<div
id="video-content">
<?php
echo ($rows['place_video'] != NULL ? $rows['place_video'] :
'<img src="img/video-placeholder.png" />'); ?>
</div>
<div
id="place-desc">
<?php echo $rows['place_desc']; ?>
</div>
<div id="galleria">
<?php echo
gallery($rows['place_gallery_id']); ?>
</div>
</div>
<div
class="col-sm-4">

83
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<div
id="sidebar">
<?php

sidebar($tag_place);
?>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$( ".choices#places" ).hover(
function() {
$('.choices#places p').css("display",
"inline");
$('.choices#places p').animo({animation:
"fadeInLeft", duration: 0.5, keep: true});
}, function() {
$('.choices#places p').css("display",
"none");
}
);
$( ".choices#transportation" ).hover(
function() {

84
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

$('.choices#transportation p').css("display",
"inline");
$('.choices#transportation
p').animo({animation: "fadeInLeft", duration: 0.5, keep:
true});
}, function() {
$('.choices#transportation p').css("display",
"none");
}
);
$( ".choices#to-do" ).hover(
function() {
$('.choices#to-do p').css("display",
"inline");
$('.choices#to-do p').animo({animation:
"fadeInLeft", duration: 0.5, keep: true});
}, function() {
$('.choices#to-do p').css("display", "none");
}
);
$( ".choices#phrases" ).hover(
function() {
$('.choices#phrases p').css("display",
"inline");
$('.choices#phrases p').animo({animation:
"fadeInLeft", duration: 0.5, keep: true});
}, function() {
$('.choices#phrases p').css("display",
"none");
}

85
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

);
$( ".choices#phrases" ).click(function() {
window.location.href = "sub_content_phrases.php?
sub_place=<?php echo $_GET['place']; ?
>&sub_category=phrases&list=all";
});
$( ".choices#to-do" ).click(function() {
window.location.href = "sub_place.php?
sub_place=<?php echo $_GET['place']; ?
>&sub_category=things_to_do";
});
$( ".choices#transportation" ).click(function() {
window.location.href = "sub_place.php?
sub_place=<?php echo $_GET['place']; ?
>&sub_category=transportation";
});
$( ".choices#places" ).click(function() {
window.location.href = "sub_place.php?
sub_place=<?php echo $_GET['place']; ?
>&sub_category=places_to_go";
});
// Load the classic theme
Galleria.loadTheme('galleria.classic.min.js');

// Initialize Galleria
Galleria.run('#galleria');
});
</script>
<?php
include('footer.php');

86
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

?>

Sub_places

<?php
include('header.php');
?>
<div id="place_content">
<div class="container">
<div class="row">
<main id="main" class="col-md-12">
<?php
db_connect();
$sub_place = $_GET['sub_place'];
$sub_category =
$_GET['sub_category'];
$tbl_name="sub_content";

// $sql="SELECT * FROM $tbl_name

WHERE sub_place = '$sub_place' and sub_category =
'$sub_category'";
// $result=mysql_query($sql);
//
$rows=mysql_fetch_array($result);
?>
<div id="top-choices">

87
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-
6">
<div
id="places" data-tag="<?php echo $sub_place; ?>"
class="choices">
<div
class="icons">
<i
class="fa fa-building"></i> <i class="fa fa-
institution"></i>
</div>
<p>Places
to go</p>
</div>
<div
id="transportation" data-tag="<?php echo $sub_place; ?>"
class="choices">
<div
class="icons">
<i
class="fa fa-car"></i> <i class="fa fa-bus"></i>
</div>

<p>Transportation</p>
</div>
</div>
<div class="col-md-
6">

88
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<div
id="phrases" data-tag="<?php echo $sub_place; ?>"
class="choices">
<div
class="icons">
<i
class="fa fa-comment"></i> <i class="fa fa-comments"></i>
</div>

<p>Phrases</p>
</div>
<div id="to-do"
data-tag="<?php echo $sub_place; ?>" class="choices">
<div
class="icons">
<i
class="fa fa-cogs"></i> <i class="fa fa-shopping-cart"></i>
</div>
<p>Things
to do</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sub-menu">
<?php
if($sub_category ==
'places_to_go'){

89
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

?>
<h2>Places to go in <?php
echo $sub_place; ?></h2>
<div id="places-to-go-
menu" class="sub-menu-content">
<a
href="sub_content_places.php?
sub_tag=beaches&list=all&sub_place=<?php echo
$_GET['sub_place']; ?>">Beaches</a>
<a
href="sub_content_places.php?
sub_tag=historical_sites&list=all&sub_place=<?php echo
$_GET['sub_place']; ?>">Historical Sites</a>
<a
href="sub_content_places.php?
sub_tag=scenic_spots&list=all&sub_place=<?php echo
$_GET['sub_place']; ?>">Scenic Sites</a>
<a
href="sub_content_places.php?
sub_tag=hotels&list=all&sub_place=<?php echo
$_GET['sub_place']; ?>">Hotels</a>
<a
href="sub_content_places.php?
sub_tag=churches&list=all&sub_place=<?php echo
$_GET['sub_place']; ?>">Churches</a>
</div>
<?php
}
if($sub_category ==
'things_to_do'){
?>
<h2>Things to do in <?php
echo $sub_place; ?></h2>

90
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<div id="things-to-do-
menu" class="sub-menu-content">
<a
href="sub_content_things.php?
sub_tag=adventure&list=all&sub_place=<?php echo
$_GET['sub_place']; ?>">Adventure</a>
<a
href="sub_content_things.php?
sub_tag=dining&list=all&sub_place=<?php echo
$_GET['sub_place']; ?>">Dining</a>
<a
href="sub_content_things.php?
sub_tag=festival&list=all&sub_place=<?php echo
$_GET['sub_place']; ?>">Festival</a>
<a
href="sub_content_things.php?
sub_tag=foods_and_delicacies&list=all&sub_place=<?php echo
$_GET['sub_place']; ?>">Foods And Delicacies</a>
</div>
<?php
}
if($sub_category ==
'transportation'){
$sql="SELECT * FROM
$tbl_name WHERE sub_place = '$sub_place' and sub_category =
'$sub_category'";

$result=mysql_query($sql);

$rows=mysql_fetch_array($result);
?>
<div class="main-inner-
content">

91
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<div class="row
list-single">
<div
class="col-sm-8">
<h2>HOW TO
GET THERE</h2>
<h2><?php
echo $rows['sub_name']; ?></h2>
<div
id="video-content">
<img
src="img/video-placeholder.png" />
</div>
<div
id="place-desc">
<?php
echo $rows['sub_desc']; ?>
</div>
</div>
<div
class="col-sm-4">
<div
id="sidebar">
<?php

sidebar($sub_place);
?>
</div>
</div>
</div>
</div>

92
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

<?php
}
?>
</div>
</main>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$( ".choices#places" ).hover(
function() {
$('.choices#places p').css("display",
"inline");
$('.choices#places p').animo({animation:
"fadeInLeft", duration: 0.5, keep: true});
}, function() {
$('.choices#places p').css("display",
"none");
}
);
$( ".choices#transportation" ).hover(
function() {
$('.choices#transportation p').css("display",
"inline");
$('.choices#transportation
p').animo({animation: "fadeInLeft", duration: 0.5, keep:
true});
}, function() {

93
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

$('.choices#transportation p').css("display",
"none");
}
);
$( ".choices#to-do" ).hover(
function() {
$('.choices#to-do p').css("display",
"inline");
$('.choices#to-do p').animo({animation:
"fadeInLeft", duration: 0.5, keep: true});
}, function() {
$('.choices#to-do p').css("display", "none");
}
);
$( ".choices#phrases" ).hover(
function() {
$('.choices#phrases p').css("display",
"inline");
$('.choices#phrases p').animo({animation:
"fadeInLeft", duration: 0.5, keep: true});
}, function() {
$('.choices#phrases p').css("display",
"none");
}
);
$( ".choices#phrases" ).click(function() {
window.location.href = "sub_content_phrases.php?
sub_place=<?php echo $_GET['sub_place']; ?
>&sub_category=phrases&list=all";
});

94
 PHINMA UNIVERSITY OF ILOILO
COLLEGE OF INFORMATION TECHNOLOGY EDUCATION

$( ".choices#to-do" ).click(function() {
window.location.href = "sub_place.php?
sub_place=<?php echo $_GET['sub_place']; ?
>&sub_category=things_to_do";
});
$( ".choices#transportation" ).click(function() {
window.location.href = "sub_place.php?
sub_place=<?php echo $_GET['sub_place']; ?
>&sub_category=transportation";
});
$( ".choices#places" ).click(function() {
window.location.href = "sub_place.php?
sub_place=<?php echo $_GET['sub_place']; ?
>&sub_category=places_to_go";
});
});
</script>
<?php
include('footer.php');
?>

95