0% found this document useful (0 votes)
422 views49 pages

APPENDIX A (Source Codes)

The document contains source code for a website about PHINMA University of Iloilo. The code includes PHP scripts to connect to a database and include header/footer files on pages. It also contains JavaScript code to add interactivity to markers on a map, linking to pages for different places. Functions are defined to generate sidebars with Google Maps embeds and image galleries with data attributes for specific locations.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
422 views49 pages

APPENDIX A (Source Codes)

The document contains source code for a website about PHINMA University of Iloilo. The code includes PHP scripts to connect to a database and include header/footer files on pages. It also contains JavaScript code to add interactivity to markers on a map, linking to pages for different places. Functions are defined to generate sidebars with Google Maps embeds and image galleries with data attributes for specific locations.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 49

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

You might also like