![65 | P a g e
Login.php
<?php include( 'loginSQL.php'); // Includes Login Script
if(isset($_SESSION[ 'login_user'])){ header( "location: profile.php"); } ?>
<html>
<head>
<title>Login Form</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Input boxes for login form -->
<div id="main">
<div id="login">
<h2>Login Form</h2>
<form action="" method="post">
<label>UserName :</label>
<input id="name" name="username" placeholder="Username"
type="text">
<label>Password :</label>
<input id="password" name="password" placeholder="Password"
type="password">
<input name="submit" type="submit" value=" Login ">
<span><?php echo $error; ?></span>
<a href="home.html">Click here to go to the home page.</a>
</form>
</div>
</div>
</body>
</html>](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-70-320.jpg)
![66 | P a g e
LoginSQL.php
<?php
session_start(); // Starting Session
$error = ''; // Variable To Store Error Message
if (isset($_POST['submit'])) {
if (empty($_POST['username']) || empty($_POST['password'])) {
$error = "Username or Password is invalid";
}
else {
// Establishing Connection with Server by passing server_name,
user_id and password as a parameter
$connection = mysql_connect("localhost:3306", "root", "R00101220");
if ($connection) echo "Connection successful";
else echo "Connection failed";
// Selecting Database
$db = mysql_select_db("refugio", $connection);
// SQL query to fetch information of registered users and finds
user match.
$query = "select * from refugio.admin where
admin_password='R00101220' AND admin_name='root'"; {
$_SESSION['login_user'] = $username; // Initializing Session
header("location: profile.php"); // Redirecting To Other Page
} {
$error = "Username or Password is invalid";
}
mysql_close($connection); // Closing Connection
}
}
?>](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-71-320.jpg)
![68 | P a g e
AddAccom.php
<?php include( 'addaccomSQL.php'); ?>
<html>
<head>
<link href="styles.css" rel="stylesheet" type="text/css">
<body>
<div id="main">
<div id="add accommodation">
<!----- Form to Add an Accommodation ----->
<h2>Add Accommoadation</h2>
<form action="" method="post">
<!----- Input boxes for form ----->
<label>Accommodation Name*: </label>
<input type='text' name='name' id='name'
placeholder="First and Last name" maxlength="50" />
<label>Description*:</label>
<input type='text' name='description' id='description'
placeholder="Accommoadation name" maxlength="500" />
<label>Price per night*:</label>
<input type='value' name='price' id='price'
placeholder="Price per night" maxlength="50" />
<label>Check In time*:</label>
<input type='time' name='checkin' id='checkin'
placeholder="Check In time" maxlength="50" />
<label>Check Out time*:</label>
<input type='time' name='checkout' id='checkout'
placeholder="Check Out time" maxlength="50" />
</br>
</br>
<!----- Checkboxes for form ----->
<br>
<label for='extras'>Extras*:</label>
</br>
<br>
<input type="checkbox" name="Check_list[]" value="value
1"> Air Conditioning
<input type="checkbox" name="check_list[]" value="value
2"> WiFi</br>
<br>
<input type="checkbox" name="check_list[]" value="value
3"> Animal Friendly
<input type="checkbox" name="check_list[]" value="value
4"> Parking </br>
<br>
<input type="checkbox" name="check_list[]" value="value
5"> Self Catering
<input type='checkbox' name='check_list[]' value="value
6"> Heating</br>
<!----- Input boxes for Accommodation ----->
<br>
<label>Accommodation Address*:</label>](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-73-320.jpg)
![81 | P a g e
Review.php
<?php
include( 'addreviewSQL.php');
?>
<html>
<head>
<link href="styles.css" rel="stylesheet" type="text/css">
<body>
<!-- Input boxes for review form -->
<div id="main">
<div id="add review">
<!----- Form to add review ---->
<h2>Add Review</h2>
<form action="" method="post">
<br>
<!---- input boxes for form ----->
<label>Description*: </label>
<input type='text' name='description' id='description'
placeholder="Description" maxlength="500" />
<br>
<label>Please rate your experience:</label>
<br>
<!----- experience mark for accommodation ----->
<select multiple="multiple" name="experience_mark[]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</br>
<br></br>
<!----- date and time of response ----->
<?php echo "Today is " . date( "d/m/y") . "<br>";
date_default_timezone_set( "Europe/Dublin"); echo "The time is " . date(
"h:i:sa"); ?>
<br></br>
<br>
<label>Please enter your Registrant ID *:</label>
<input type='registrant_id' name='User_id'
id=registrant_id 'registrant_id' placeholder="Registrant ID "
maxlength="50" />
</br>
<br>
<label>Please enter your Accommodation ID:</label>
<input type='accom_id' name='accom_id' id='accom_id'
placeholder="Accommodation ID" maxlength="50" />
</br>
<br>
<label>Please enter your Booking ID:</label>
<input type='booking_id' name='booking_id'
id='booking_id' placeholder="Booking ID " maxlength="50" />
</br>](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-86-320.jpg)
![90 | P a g e
Booking_form.php
<?php
$PRODUCTS = array(
// product abbreviation, product name, unit price
// follow valid name/ID rules for product abbreviation
array('Accom_id = 1', 'Excelsior Palace Hotel', 255),
array('Accom_id = 2', 'The Mercure Nice Promenade des Anglais', 185),
array('Accom_id = 3', 'Radisson Blu', 150),
array('Accom_id = 4', 'Hotel Westminster', 125)
);
function getOrderForm() {
global $PRODUCTS;
$tbl = new HTML_Table('', 'demoTbl');
$frm = new HTML_Form();
// header row
$tbl->addRow();
$tbl->addCell('Product', 'first', 'header');
$tbl->addCell('Price', '', 'header');
$tbl->addCell('Quantity', '', 'header');
$tbl->addCell('Totals', '', 'header');
// display product info/form elements
foreach($PRODUCTS as $product) {
list($abbr, $name, $price) = $product;
// quantity text input
$qty_el = $frm->addInput('text', $abbr . '_qty', 0,
array('size'=>4, 'class'=>'cur', 'pattern'=>'[0-9]+',
'placeholder'=>0,
'onchange'=>'getProductTotal(this)',
'onclick'=>'checkValue(this)',
'onblur'=>'reCheckValue(this)') );
// total text input
$tot_el = $frm->addInput('text', $abbr . '_tot', 0,
array('readonly'=>true, 'size'=>8, 'class'=>'cur') );
// price hidden input
$price_el = $frm->addInput('hidden', $abbr . '_price', $price);
$tbl->addRow();
$tbl->addCell($name);
$tbl->addCell('$' . number_format($price, 2) . $price_el, 'cur'
);
$tbl->addCell( $qty_el, 'qty');
$tbl->addCell( $tot_el );
}
// total row
$tbl->addRow();
$tbl->addCell( 'Total: ', 'total', 'data', array('colspan'=>3) );
$tbl->addCell( $frm->addInput('text', 'total', 0,
array('readonly'=>true, 'size'=>8, 'class'=>'cur') ) );
// submit button
$tbl->addRow();
$tbl->addCell( $frm->addInput('submit', 'submit', 'Submit'),
'submit', 'data', array('colspan'=>4) );](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-95-320.jpg)
![91 | P a g e
$frmStr = $frm->startForm('ex1_result.php', 'post', '',
array('onsubmit'=>'return checkSubmit(this);') ) .
$tbl->display() . $frm->endForm();
return $frmStr;
}
// for js
function getProductAbbrs() {
global $PRODUCTS;
foreach ( $PRODUCTS as $product ) {
$ar[] = $product[0];
}
return $ar;
}
// functions for example 1 order form submission result page
function getOrderInfo() {
global $PRODUCTS;;
$str = ''; $total = 0;
while ( list($key, $val) = each($_POST) ) {
// Check for valid quantity entries
if ( ( strpos($key, '_qty') !== false ) && is_int((int)$val) &&
$val > 0 ) {
$pt = strrpos($key, '_qty');
$name_pt = substr( $key, 0, $pt); // product abbr
foreach($PRODUCTS as $product) {
list($prod_abbr, $prod_name, $prod_price) = $product;
if ($prod_abbr == $name_pt) {
$sub_tot = $val * $prod_price;
// build string to display order info
$str .= "<p>$val $prod_name at $" .
number_format($prod_price, 2) .
' each for $' . number_format($sub_tot, 2) .
'</p>';
$total += $sub_tot;
}
}
}
}
if ( $str === '' ) {
$str = '<p>You didn't order anything.</p>';
} else {
$str = '<h2>Your Order:</h2>' . $str . '<p>Total: $' .
number_format($total, 2) . '</p>' . getPayPalBtn($total);
}
return $str;
}
?>](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-96-320.jpg)
![95 | P a g e
Html_table.class.php
<?php
class HTML_Table {
public $xhtml = true; // for col tags
private $thead = array();
private $tfoot = array();
private $tbody_ar = array();
private $cur_section;
private $colgroups_ar = array();
private $cols_ar = array(); // if cols not in colgroup
private $tableStr = '';
function __construct($id = '', $klass = '', $attr_ar = array() ) {
// add rows to tbody unless addTSection called
$this->cur_section = &$this->tbody_ar[0];
$this->tableStr = "n<table" . ( !empty($id)? " id="$id"": '' ) .
( !empty($klass)? " class="$klass"": '' ) . $this-
>addAttribs( $attr_ar ) . ">n";
}
/*
each section collects rows
when a row is added, add it to the current section
*/
function addTSection($sec, $klass = '', $attr_ar = array() ) {
switch ($sec) {
case 'thead':
$ref = &$this->thead;
break;
case 'tfoot':
$ref = &$this->tfoot;
break;
case 'tbody':
$ref = &$this->tbody_ar[ count($this->tbody_ar) ];
break;
default: // tbody
$ref = &$this->tbody_ar[ count($this->tbody_ar) ];
}
$ref['klass'] = $klass;
$ref['atts'] = $attr_ar;
$ref['rows'] = array();
$this->cur_section = &$ref;
}
function addColgroup($span = '', $klass = '', $attr_ar = array() ) {
$group = array(
'span' => $span,
'klass' => $klass,
'atts' => $attr_ar,
'cols' => array()](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-100-320.jpg)
![96 | P a g e
);
$this->colgroups_ar[] = &$group;
}
function addCol($span = '', $klass = '', $attr_ar = array()) {
$col = array(
'span' => $span,
'klass' => $klass,
'atts' => $attr_ar
);
// in colgroup?
if ( !empty($this->colgroups_ar) ) {
$group = &$this->colgroups_ar[ count($this->colgroups_ar) - 1
];
$group['cols'][] = &$col;
} else {
$this->cols_ar[] = &$col;
}
}
public function addCaption($cap, $klass = '', $attr_ar = array() ) {
$this->tableStr.= "<caption" . (!empty($klass)? "
class="$klass"": '') .
$this->addAttribs($attr_ar) . '>' . $cap . "</caption>n";
}
private function addAttribs( $attr_ar ) {
$str = '';
foreach( $attr_ar as $key=>$val ) {
$str .= " $key="$val"";
}
return $str;
}
function addRow($klass = '', $attr_ar = array() ) {
// add row to current section
$this->cur_section['rows'][] = array(
'klass' => $klass,
'atts' => $attr_ar,
'cells' => array()
);
}
function addCell($data = '', $klass = '', $type = 'data', $attr_ar =
array() ) {
$cell = array(
'data' => $data,
'klass' => $klass,
'type' => $type,
'atts' => $attr_ar
);
if ( empty($this->cur_section['rows']) ) {
try {
throw new Exception('You need to addRow before you can
addCell');
} catch(Exception $ex) {](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-101-320.jpg)
![97 | P a g e
$msg = $ex->getMessage();
echo "<p>Error: $msg</p>";
}
}
// add to current section's current row's list of cells
$count = count( $this->cur_section['rows'] );
$curRow = &$this->cur_section['rows'][$count-1];
$curRow['cells'][] = &$cell;
}
private function getRowCells($cells) {
$str = '';
foreach( $cells as $cell ) {
$tag = ($cell['type'] == 'data')? 'td': 'th';
$str .= ( !empty( $cell['klass'] )? " <$tag
class="{$cell['klass']}"": " <$tag" ) .
$this->addAttribs( $cell['atts'] ) . ">" .
$cell['data'] . "</$tag>n";
}
return $str;
}
function display() {
// get colgroups/cols
$this->tableStr .= $this->getColgroups();
// get sections and their rows/cells
$this->tableStr .= !empty($this->thead)? $this->getSection($this-
>thead, 'thead'): '';
$this->tableStr .= !empty($this->tfoot)? $this->getSection($this-
>tfoot, 'tfoot'): '';
foreach( $this->tbody_ar as $sec ) {
$this->tableStr .= !empty($sec)? $this->getSection($sec,
'tbody'): '';
}
$this->tableStr .= "</table>n";
return $this->tableStr;
}
// get colgroups/cols
private function getColgroups() {
$str = '';
if ( !empty($this->colgroups_ar) ) {
foreach( $this->colgroups_ar as $group ) {
$str .= "<colgroup" . ( !empty($group['span'])? "
span="{$group['span']}"": '' ) .
( !empty($group['klass'])? "
class="{$group['klass']}"": '' ) .
$this->addAttribs( $group['atts'] ) . ">" .
$this->getCols( $group['cols'] ) . "</colgroup>n";
}
} else {
$str .= $this->getCols($this->cols_ar);
}
return $str;](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-102-320.jpg)
![98 | P a g e
}
private function getCols($ar) {
$str = '';
foreach( $ar as $col ) {
$str .= "<col" . ( !empty($col['span'])? "
span="{$col['span']}"": '' ) .
(!empty($col['klass'])? " class="{$col['klass']}"": '') .
$this->addAttribs( $col['atts'] ) . ( $this->xhtml? " />":
">" );
}
return $str;
}
private function getSection($sec, $tag) {
$klass = !empty($sec['klass'])? " class="{$sec['klass']}"": '';
$atts = !empty($sec['atts'])? $this->addAttribs( $sec['atts'] ):
'';
$str = "<$tag" . $klass . $atts . ">n";
foreach( $sec['rows'] as $row ) {
$str .= ( !empty( $row['klass'] ) ? " <tr
class="{$row['klass']}"": " <tr" ) .
$this->addAttribs( $row['atts'] ) . ">n" .
$this->getRowCells( $row['cells'] ) . " </tr>n";
}
$str .= "</$tag>n";
return $str;
}
}
?>](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-103-320.jpg)
![101 | P a g e
Order_form.js
function checkSubmit(form) {
if ( form.total.value === '0' ) {
alert( 'You haven't order anything.' );
return false;
} else {
return true;
}
}
function doTotals(form) {
var total = 0;
for (var i=0; PRODUCT_ABBRS[i]; i++) {
var cur_field = form.elements[ PRODUCT_ABBRS[i] + "_qty" ];
if ( !isPosInt(cur_field.value) ) {
return;
}
total += parseFloat(cur_field.value) * parseFloat( form.elements[
PRODUCT_ABBRS[i] + "_price" ].value );
}
form.total.value = formatDecimal(total);
}
// onchange of qty field entry
function getProductTotal(field) {
var form = field.form;
if (field.value === "") {
field.value = 0;
}
if ( !isPosInt(field.value) ) {
field.value = 0;
} else {
var product = field.name.slice(0, field.name.lastIndexOf("_") );
var price = form.elements[product + "_price"].value;
var amt = field.value * price;
form.elements[product + "_tot"].value = formatDecimal(amt);
doTotals(form);
}
}
// onclick
function checkValue(field) {
if (field.value == 0) {
field.value = "";
}
}
// onblur
function reCheckValue(field) {
if (field.value == "") {
field.value = 0;
}
}
function isPosInt(val) {
var re = /^d+$/;
if ( !re.test(val) ) {
return false;](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-106-320.jpg)
![104 | P a g e
App.js
(function() {
/* Some variables needed throughout the application */
var map,
infoWindows = [],
defaultCoordinates = new google.maps.LatLng(51.8832842, -
8.5349926);
/* This function is executed when the application launches */
var init = function() {
var resetButton = document.getElementById('reset'),
mapEl = document.getElementById('map');
/* Default Google Maps options */
var options = {
center: defaultCoordinates,
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP,
streetViewControl: false,
overviewMapControlOptions: {
opened: true
}
};
map = new google.maps.Map(mapEl, options);
/* Loop through the stores to add markers and nav links */
for (var i = 0; i < stores.length; i++) {
var store = stores[i],
link = addStore(store);
/* Set the link for the store in the store object */
store.link = link;
}
/* When user clicks on the map, close any open info windows */
google.maps.event.addListener(map, 'click', closeInfoWindows);
/* Reset map to original state when Reset button is clicked */
resetButton.addEventListener('click', resetMap);
};
/* This function adds a marker for the store and creates a link in the
nav */
var addStore = function(store) {
var location = addMarker(store),
coordinates = new google.maps.LatLng(store.latitude,
store.longitude),
list = document.getElementById('list'),
link = createLink(store.city, location, coordinates, list);
return link;
};
/* This function adds a marker to the map */
var addMarker = function(store) {
var marker,
infoWindow,
coords = new google.maps.LatLng(store.latitude,
store.longitude),](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-109-320.jpg)
![105 | P a g e
result;
/* Create the marker at the coordinates of the store and add to the
map */
marker = new google.maps.Marker({
position: coords,
map: map
});
/* Create the info window for the store information */
infoWindow = createInfoWindow(store);
/* When the user clicks on the marker, call the jumpToStore
function */
google.maps.event.addListener(marker, 'click', function() {
jumpToStore(infoWindow, marker, coords, store.link);
});
/* When the user closes the info window manually, remove it from
the open windows array */
google.maps.event.addListener(infoWindow, 'closeclick', function()
{
/* Shift removes a specified item from an array */
infoWindows.shift(infoWindow);
});
/* Return a result object containing the marker and infoWindow
objects */
result = {
marker: marker,
infoWindow: infoWindow
}
return result;
};
/* This function creates an info window for a store */
var createInfoWindow = function(store) {
/* Define the HTML for the store info window content */
var content = '<h2>' + store.name + '</h2>' +
store.address.replace(/,/g, ',<br>') +
'<br><strong>Tel:</strong> ' + store.phone +
'<h3>Opening Hours</h3>';
/* Loop through the opening hours object */
for (day in store.openingHours) {
/* Get the key of the object and capitalise the first letter */
var dayStr = day[0].toUpperCase() + day.substr(1);
/* Add the key and value to the window HTML content */
content += '<strong>' + dayStr + ':</strong> ' +
store.openingHours[day] + '<br>';
}
/* Return the new info window */
return new google.maps.InfoWindow({
content: content
});
};
/* This function creates a link for a store and adds it to the nav */](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-110-320.jpg)
![106 | P a g e
var createLink = function(city, location, coordinates, list) {
var link,
listItem;
/* Use the DOM createElement method to create a new link */
link = document.createElement('a');
link.setAttribute('href', '#');
link.innerHTML = city + '<span>▶</span>';
/* Add an event handler to jump to the store on the map when a link
is clicked */
link.addEventListener('click', function() {
jumpToStore(location.infoWindow, location.marker, coordinates,
link);
});
/* Create a list item and add the link to it */
listItem = document.createElement('li');
listItem.appendChild(link);
/* Add the list item to the nav list */
list.appendChild(listItem);
return link;
};
/* This function jumps to the store on the map */
var jumpToStore = function(infoWindow, marker, coordinates, link) {
/* Open the info window for the store in question */
openInfoWindow(infoWindow, marker);
/* Centre the map on the store and zoom in */
map.setCenter(coordinates);
map.setZoom(3);
/* Clear any currently active links */
clearActiveLinks();
/* Highlight the relevant link in the nav */
link.className = 'active';
};
/* This function opens the info window for a store */
var openInfoWindow = function(infoWindow, marker) {
/* Close any other open info windows */
closeInfoWindows();
/* Open the info window and add it to the array of open windows */
infoWindow.open(map, marker);
infoWindows.push(infoWindow);
};
/* This function will close down all open info windows */
var closeInfoWindows = function() {
for (var i = 0; i < infoWindows.length; i++) {
var win = infoWindows[i];
/* Close the window and remove it from the open windows array
*/
win.close();
infoWindows.shift(win);](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-111-320.jpg)
![107 | P a g e
}
};
/* This function clears any currently active links in the nav */
var clearActiveLinks = function() {
/* Get all links with a class of "active" */
var activeLinks = document.getElementsByClassName('active');
/* Loop through the result and remove the class from each link */
for (var i = 0; i < activeLinks.length; i++) {
activeLinks[i].className = '';
}
};
/* This function resets the map to its original state */
var resetMap = function() {
/* Close any open windows and clear any active links */
closeInfoWindows();
clearActiveLinks();
/* Centre the map to the default position and zoom out */
map.setCenter(defaultCoordinates);
map.setZoom(5);
};
/* This will call the init function when the page has loaded */
window.addEventListener('load', init, false);
})();](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-112-320.jpg)
![111 | P a g e
Styles.css
@import http: //fonts.googleapis.com/css?family=Raleway;
#main {
width: 960px;
margin: 50px auto;
font-family: raleway
}
span {
color: red
}
h2 {
background-color: #FFFFFF;
text-align: center;
border-radius: 10px 10px 0 0;
margin: -10px -40px;
padding: 15px
}
hr {
border: 0;
border-bottom: 1px solid #ccc;
margin: 10px -40px;
margin-bottom: 30px
}
#login {
width: 300px;
float: left;
border-radius: 10px;
font-family: raleway;
border: 2px solid #ccc;
padding: 10px 40px 25px;
margin-top: 70px
}
input[type=text],
input[type=password] {
width: 99.5%;
padding: 10px;
margin-top: 8px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family: raleway
}
input[type=submit] {
width: 100%;
background-color: #1E4297;
color: #fff;
border: 2px solid #1E4297;
padding: 10px;
font-size: 20px;
cursor: pointer;
border-radius: 5px;
margin-bottom: 15px
}
#profile {
padding: 50px;
border: 1px dashed grey;
font-size: 20px;
background-color: #DCE6F7](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-116-320.jpg)
![116 | P a g e
text-align: center;
}
p {
text-align: left;
}
.btn {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 4px 10px 4px;
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:
dximagetransform.microsoft.gradient(startColorstr=#ffffff,
endColorstr=#e6e6e6, GradientType=0);
border-color: #e6e6e6 #e6e6e6 #e6e6e6;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0,
0.25);
border: 1px solid #e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0,
0, 0, 0.05);
cursor: pointer;
*margin-left: .3em;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
background-color: #e6e6e6;
}
.btn-large {
padding: 9px 14px;
font-size: 15px;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.btn:hover {](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-121-320.jpg)
![117 | P a g e
color: #333333;
text-decoration: none;
background-color: #e6e6e6;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn-primary,
.btn-primary:hover {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
color: #ffffff;
}
.btn-primary.active {
color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
background-color: #4a77d4;
background-image: -moz-linear-gradient(top, #6eb6de, #4a77d4);
background-image: -ms-linear-gradient(top, #6eb6de, #4a77d4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6eb6de),
to(#4a77d4));
background-image: -webkit-linear-gradient(top, #6eb6de, #4a77d4);
background-image: -o-linear-gradient(top, #6eb6de, #4a77d4);
background-image: linear-gradient(top, #6eb6de, #4a77d4);
background-repeat: repeat-x;
filter: progid:
dximagetransform.microsoft.gradient(startColorstr=#6eb6de,
endColorstr=#4a77d4, GradientType=0);
border: 1px solid #3762bc;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0,
0, 0, 0.5);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
filter: none;
background-color: #4a77d4;
}
.btn-block {
width: 100%;
display: block;
}
#login {
width: 300px;
float: left;
border-radius: 10px;
font-family: raleway;
border: 2px solid #ccc;
padding: 10px 40px 25px;
margin-top: 70px;
text-align: center;
}
input[type=text],
input[type=password] {
width: 99.5%;](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-122-320.jpg)
![118 | P a g e
padding: 10px;
margin-top: 8px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family: raleway
}
input[type=submit] {
width: 100%;
background-color: #1E4297;
color: #fff;
border: 1px solid #1E4297;
padding: 10px;
font-size: 16px;
cursor: pointer;
border-radius: 5px;
margin-bottom: 15px
}
#profile {
padding: 50px;
border: 1px dashed grey;
font-size: 20px;
background-color: #DCE6F7
}
#logout {
float: right;
padding: 5px;
border: dashed 1px gray
}
a {
text-decoration: none;
color: #6495ed
}
i {
color: #6495ed
}
input:focus {
box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.4), 0 1px 1px
rgba(255, 255, 255, 0.2);
}](https://image.slidesharecdn.com/7219c406-404f-4b68-a04e-4f96780dbc15-161114172515/85/EBusiness-Final-Document-123-320.jpg)
EBusiness Final Document
- 1. Group 8 E-Business plan for Refugio Web System. Prepared and created by KMDC2
- 2. i | P a g e Table of Contents Use Case Diagram for Refugio Web System Project ..................................................................1 Use Case Narratives for Refugio Web System Project...............................................................2 Sequence Diagrams for Refugio Web System Project ...............................................................6 Activity Diagrams for Refugio Web System Project.................................................................13 Navigation Diagrams for Refugio Web System Project ...........................................................15 State Diagram for Refugio Web System Project......................................................................18 Admin_home.html ...................................................................................................................19 AboutUs.html ...........................................................................................................................21 Accommodation.html ..............................................................................................................23 AccommodationOwner.html ...................................................................................................34 Tips.html...................................................................................................................................45 Storelocator.html .....................................................................................................................47 Home.html ...............................................................................................................................48 Owner_Home.html ..................................................................................................................50 OwnersBookingPage.html........................................................................................................52 Profile.html ..............................................................................................................................54
- 3. ii | P a g e Owner_Profile.html .................................................................................................................57 Profile_Result.html ..................................................................................................................60 Contact.html ............................................................................................................................61 Contactus_Result.html.............................................................................................................64 Login.php..................................................................................................................................65 LoginSQL.php ...........................................................................................................................66 LogOut.php...............................................................................................................................67 AddAccom.php.........................................................................................................................68 AddAccommodation_Result.html............................................................................................70 AddAccomSQL.php...................................................................................................................71 AddCity.php..............................................................................................................................72 AddCity_Result.php .................................................................................................................73 AddCitySQL.php .......................................................................................................................74 AddCountry.php.......................................................................................................................75 AddCountrySQL.php.................................................................................................................76 AddCountry_result.html ..........................................................................................................77 Response.php...........................................................................................................................78
- 4. iii | P a g e ResponseSQL.php ....................................................................................................................79 AddResponse_Result.html .......................................................................................................80 Review.php...............................................................................................................................81 AddReviewSQL.php..................................................................................................................83 AddReview_Result.html...........................................................................................................84 Register.php .............................................................................................................................85 RegisterSQL.php.......................................................................................................................86 Register_Result.html................................................................................................................87 Profile.php................................................................................................................................88 Booking_Form_Handler.php....................................................................................................89 Booking_form.php ...................................................................................................................90 html_form.clas.php..................................................................................................................92 Html_table.class.php ...............................................................................................................95 Ex1_Result.html .......................................................................................................................99 Session.php ............................................................................................................................100 Order_form.js.........................................................................................................................101 Slider.js...................................................................................................................................103 App.js......................................................................................................................................104
- 5. iv | P a g e StyleStore.css .........................................................................................................................108 Styles.css ................................................................................................................................111 Style.css..................................................................................................................................113 Declaration.............................................................................................................................119
- 6. 1 | P a g e Use Case Diagram for Refugio Web System Project Prepared by: KMDC2 Date: 14/01/2015
- 7. 2 | P a g e Use Case Narratives for Refugio Web System Project Prepared by: KMDC2 Date: 14/01/2015 Log On Title Log on Description Whena user opensthe website alogonpage will appear Actors andinterfaces Registrant Initial status& pre-conditions Must go onto the website before the logonpage will appear Basic flow Step1… useraccesseswebsite Step2… usermustenterusername andpasswordandclickon button. Step3... If userenterstheirusername orpasswordwrongtheywill be promptedtore-enteritthen grantedaccess. Post conditions The user will nowbe able tobookaccommodation Alternative flow If log on isincorrectthentry again Write Review Title Write Review Description Write Reviewsof accommodationcanbe postedbyregistrantsonce they have stayedthere Actors andinterfaces Registrants Initial status& pre-conditions Registrantsmusthave stayedinaccommodationbefore they are allowed submita review Basic flow Step1… Registrantsmustbookaccommodation Step2… Registrantsmuststayinaccommodation Step3... Registrantscanthensubmita review onexperience inthe accommodation Post conditions Users , Ownersand visitorswill nowbe able toreadreviews Alternative flow Ownersof the accommodationcan respondback
- 8. 3 | P a g e Write Responses Title Write Responses Description Accommodationownerwillwrite aresponse toreview made ontheir accommodation. Actors andinterfaces Owner Initial status& pre-conditions Ownermusthave a review torespondtoo Basic flow Step1… Ownerviewsregistrantsreviews Step2… Ownerrespondstothe reviewmade Post conditions Responsescannotbe viewedbyall registrants. Alternative flow N/A Add City/Country Title Addcities/Addcountry Description A city/countryname isentered Actors andinterfaces Admin Initial status& pre-conditions Adminwill enteracity/countryof theirchoice Basic flow Step1… Adminaccesseswebsite Step2… Admin will enteracity/countryof theirchoice Step3... Adminwill submittheirdetailswhichare entered Post conditions The systemwill informthe adminthatthe city/countryhasbeenadded. Alternative flow N/A Write Responses Title Write Responses Description Accommodationownerwillwrite aresponse toreview made ontheir accommodation. Actors andinterfaces Owner Initial status& pre-conditions Ownermusthave a review torespondtoo Basic flow Step1… Ownerviewsregistrantsreviews Step2… Ownerrespondstothe reviewmade Post conditions Responsescannotbe viewedbyall registrants. Alternative flow N/A
- 9. 4 | P a g e View Accommodation Title ViewAccommodation Description Everyone thataccessesthe website canview the accommodationthatis available Actors andInterfaces Registrants,Owners,Visitors Initial Status &pre conditions Basic Flow Step1… Anyone thataccessesthe website canview all accommodation Post Conditions Accommodationisbookedandregistrantare made Alternative Flow N/A Make Booking Title Make Booking Description Users can bookaccommodation Actors andinterfaces Users Initial status& pre-conditions Theyhave to be a registered userinordertobe able to book accommodation Basic flow Step1… booknowbuttonmust be clicked Step2… accommodationmustbe picked Step3... datesto stayin accommodationmustbe chosen Step4... paymentcanthenbe made Step5... Receiptwill be received Step6... User can nowstay inaccommodation Post conditions Users can stay inaccommodation Alternative flow N/A
- 10. 5 | P a g e Register Account Title RegisterAccount Description Registeraccountallowsusers tocreate an account and make bookings Actors andinterfaces Users andowners Initial status& pre-conditions Must be onwebsite beforetheycanregister Basic flow Step1… registerbuttonmustbe clicked Step2… a unique username andpasswordmustbe entered Step3... a confirmationemail will be senttothe email youentertomake youa fullyregistereduser Post conditions User are nowan official user Alternative flow N/A View Booking Title ViewBooking Description Ownerscan view all bookingsforeachaccommodationtheyown Actors andinterfaces Owners Initial status& pre-conditions Bookingsmustbe made by users Basic flow Step1… ownermustbe loggedin Step2… can be accessedthroughtheirprofile Post conditions All bookings made willbe storedhere Alternative flow N/A
- 11. 6 | P a g e Sequence Diagrams for Refugio Web System Project Prepared by: KMDC2 Date: 15/01/2015 Administration Sequence Diagram Administration Log In Sequence Diagram
- 12. 7 | P a g e Administration Add Country Sequence Diagram Administration Add City Sequence Diagram
- 13. 8 | P a g e Owner Sequence Diagram Owner Log In Sequence Diagram
- 14. 9 | P a g e Owner Add Accommodation Sequence Diagram Owner View Booking Sequence Diagram
- 15. 10 | P a g e Owner Confirm Booking Sequence Diagram Owner View Review Sequence Diagram
- 16. 11 | P a g e Registrant Sequence Diagram Registrant Log In Sequence Diagram
- 17. 12 | P a g e Visitor Sequence Diagram Visitor View Sequence Diagram
- 18. 13 | P a g e Activity Diagrams for Refugio Web System Project Prepared by: KMDC2 Date: 15/01/2015 Administration Activity Diagram Visitor Activity Diagram
- 19. 14 | P a g e Owner Activity Diagram Registrant Activity Diagram
- 20. 15 | P a g e Navigation Diagrams for Refugio Web System Project Prepared by: KMDC2 Date: 16/01/2015 Owner Navigation Diagram
- 21. 16 | P a g e Registrant Navigation Diagram
- 22. 17 | P a g e Administration Navigation Diagram
- 23. 18 | P a g e State Diagram for Refugio Web System Project Prepared by: KMDC2 Date: 15/01/2015
- 24. 19 | P a g e Admin_home.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Refugio Travel</title> <!------ importing jquery library ----------> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></s cript> <script type="text/javascript" src="slider.js"></script> </head> <body onload="Slider();"> <div id="container"> <div id="mainpic"> <h1>Experience<span class="#FFFFFF"> the Unknown</span></h1> </div> <!--- Menu containing all standard page options available on this banner ------> <div id="menu"> <ul> <li><a href="Home.html">Home</a></li> <li><a href="Accommodation.html">Accommodation</a></li> <li><a href="Tips.html">Tips</a></li> <li><a href="Contact.html">Contact Us</a></li> <li><a href="AboutUs.html">About Us</a></li> <li><a href="Profile.html">Profile</a></li> </ul> </div> <div id="leftmenu_bottom"></div> </div> <div id="content"> <h1 text align="center"> Welcome administrator</h1> <p> </p> <p> </p> <a href="Owner_home.html">Owners Homepage</a> <br> </br> <a href="Home.html">Registrant Homepage</a> <br> </br> <!---------- Log in ,Add City and Add country buttons that directs you to forms that only admistrator can access -------------------------> <form action="login.php"> <input type="submit" value="Login"> </form> <form action="addcity.php"> <input type="submit" value="Add City">
- 25. 20 | P a g e </form> <form action="addcountry.php"> <input type="submit" value="Add Country"> </form> <!---------- Slider of photos of Some accommodations offered by Refugio -------------------------> <div id="slider"> <ul> <li><img src="BeachSlider.jpeg" alt="Beach" style="width:500px;height:300px"></li> <li style="background: #aaa;"><img src="HiltonSlider.jpeg" alt="Hilton" style="width:500px;height:300px"></li> <li><img src="Apartmentslider.jpeg" alt="Apartment" style="width:500px;height:300px"></li> <li style="background: #aaa;"><img id="4" src="RoomSlider.jpeg" alt="Room" style="width:500px;height:300px"></li> <li><img src="loungeSlider.jpeg" alt="Lounge" style="width:500px;height:300px"></li> </ul> </div> <!---------- Slider checkbox for to auto play slider -------------- -----------> <div class="slider_option"> <input type="checkbox" id="checkbox"> <label for="checkbox">Play Slider</label> </div> <!---------- makes space between slider and Copyright tag --------- ----------------> <p> </p> <p> </p> <p> </p> <p> </p> <div id="footer"> <h6>Copyright 2015: KMDC2</h6></div> </div> </div> </body> </html>
- 26. 21 | P a g e AboutUs.html <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Refugio Travel</title> </head> <body> <div id="container"> <div id="mainpic"> <h1>Experience<span class="#FFFFFF"> the Unknown</span></h1> </div> <!-- Menu containing all standard page options available on this banner --> <div id="menu"> <ul> <li><a href="Home.html">Home</a></li> <li><a href="Accommodation.html">Accommodation</a></li> <li><a href="Tips.html">Tips</a></li> <li><a href="Contact.html">Contact Us</a></li> <li><a href="AboutUs.html">About Us</a></li> <li><a href="Profile.html">Profile</a></li> </ul> </div> <div id="leftmenu_bottom"></div> </div> <div id="content"> <h1> <p>Here at Refugio we love our company and we know you will too!!</p> </h1> <p> </p> <!-- Description about refugio --> <table style="width:100%"> <h2>Our Story</h2> <tr> <td> <p> At Refugio Travel we try our hardest for our customers. You are the most important thing about our company because without you there would be no Refugio Family. We love our customers because they love our service. We are now available 24/7 for you. We want to be the best we can be that why we want you to give us your feedback. We pride ourselves on the quality and experience of our staff whose sole objective is to provide you with a comprehensive service that guarantees your complete satisfaction and hopefully places you among our many valued clients who return again and again to us. </p> </td> <p> </p> </tr> </table> <br>
- 27. 22 | P a g e <table style="width:100%"> <!-- Description about refugio --> <h2>Born and Raised</h2> <tr> <td> <p> 100% Irish owned & operated. We are the number 1 travel company in Ireland. A company with over 200 employee which is ever expanding. We like to think of our company as one big happy family. We are situated in the Grand Parade in Cork since 1999 but we are also in Dublin O'Connell Street. </p> </td> <p> </p> <p> </p> </tr> </table> <br> </br> <!-------------- Creates the footer image. ---------------> <div id="content_bottom"></div> <div id="footer"> <h6>Copyright 2015: KMDC²</h6></div> </div> </body> </html>
- 28. 23 | P a g e Accommodation.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Refugio</title> </head> <body> <div id="container"> <div id="mainpic"> <br> </br> <div id="leftmenu_bottom"></div> <h1>Experience<span class="#FFFFFF"> the Unknown</span></h1> </div> <!-- Menu containing all standard page options available on this banner --> <div id="menu"> <ul> <li><a href="Home.html">Home</a></li> <li><a href="Accommodation.html">Accommodation</a></li> <li><a href="Tips.html">Tips</a></li> <li><a href="Contact.html">Contact Us</a></li> <li><a href="AboutUs.html">About Us</a></li> <li><a href="Profile.html">Profile</a></li> </ul> </div> <div id="leftmenu_bottom"></div> </div> <div id="content"> <div id="content_top"></div> <div id="content_main"> <!-- Table containing all the Hotel Accommodations options available --> <table style="width:100%"> <h1> Hotels </h1> <a href="AccommodationOwner.html">Owners Accommodation Page</a> <tr> <p> <td><img src="hotel1.jpeg" alt="Hotel" style="width:250px;height:250px"></td> <td> <h3> AccomID :1 The Excelsior Palace Hotel</h3>Stay in the amazing Excelsior Palace Hotel in the renouned Italian Riviera for an experience of a lifetime. Situated overlooking the coastline, Excelsior Palace Hotel is just 10 minutes to all local amenities such as bars, clubs, shops and so on. Experience the breathtaking views across the Tyrrhenian Sea without interruption from the comfort of the
- 29. 24 | P a g e bedroom. Amenities include: Late bar, restaurant, luxury spa, pool, jacuzzi, Twin / Double / King / Queen rooms as well as a honeymoon suite </td> <p> </p> <td> <h2> From €225pps</h2></td> </p> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="hotel2.jpeg" alt="Hotel 2" style="width:250px;height:250px"></td> <td> <h3> AccomID :2 The Mercure Nice Promenade des Anglais</h3> Here at The Mercure Nice Promenade des Anglais, we know what our guests want. Allow us to take you on a truly memorable experiance with world class service at your finger tips. Our experienced and friendly staff know exactly how your trip is meant to go, making it the trip of a lifetime.</td> <p> </p> <td> <h2> From €185pps</h2></td> </p> <!-- Book now, review and response buttons that directs you to labeled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p>
- 30. 25 | P a g e <td><img src="hotel3.jpeg" alt="Hotel 3" style="width:250px;height:250px"></td> <td> <h3> AccomID :3 The Radisson Blu </h3>Situated on the beautiful South of France coastline, Radisson Blu has a world of experience at its disposal to ensure your stay is exactly how you imagined. With access to all necessary amenities, your stay in Radisson Blu will be one to remember</td> <p> </p> <td> <h2> From €150pps</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text- align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text- align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text- align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="HiltonSlider.jpeg" alt="Hilton" style="width:250px;height:250px"></td> <td> <h3> AccomID :4 Hotel Westminster </h3>Situated just a minute walk from the beautiful beaches of South of France coastline, Hotel Westminster is a market leader in providing luxury accommodation. With access to all necessary amenities including spa, pool, bar, restaurant, guided tours etc, your stay in Hotel Westminster will be one to remember.</td> <p> </p> <td> <h2> From €125pps</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text- align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td>
- 31. 26 | P a g e <td colspan="2" style="text- align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text- align:center"> <p><a href="response.php">Response</a></p> </td> </table> <br> <!-- Table containing all the Apartment Accommodations options available --> <table style="width:100%"> <h1> Apartments </h1> <tr> <p> <td><img src="apartment1.jpeg" alt="Apartment 1" style="width:250px;height:250px"></td> <td> <h3> AccomID :5 The Portofino Apartment Homes </h3>Looking for a place to unwind but still have home comforts? Look no further than Portofino Apartment Homes. Our complex offers One, Two, Four and Six bedroom apartments for both short and long stays. Portifino has two large pools, two jacuzzis and a fully equipped, all monitored and maintained.</td> <p> </p> <td> <h2> From €1200 p/Month</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="apartment2.jpeg" alt="Apartment 2" style="width:250px;height:250px"></td> <td> <h3> AccomID :6 The Bay View Apartments </h3>Bay View Apartments benefit from a beautiful, uninterrupted view across the vast Biscane Bay. With apartments to suit all needs, this secluded location will give you the peace you are searching from your break away. </td>
- 32. 27 | P a g e <p> </p> <td> <h2> From €200 p/Week</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="apartment3.jpeg" alt="Apartment 3" style="width:250px;height:250px"></td> <td> <h3> AccomID :7 The Cassa Blanca Apartment complex </h3>Cassa Blanca Apartment complex can offer you a comfortable stay with no fuss needed. We have staff on site to ensure you settle into your home away from home with no problems. We are located in the heart of all the local amenities ensuring you have access to everything you need.</td> <p> </p> <td> <h2> From €2250 p/Month</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="Apartmentslider.jpeg" alt="Apartment" style="width:250px;height:250px"></td> <td> <h3> AccomID :8 Del Ware Apartments </h3>Del Ware Apartments are located next to the beautiful beach and harbour. Experience breathtaking views every morning from the comfort of
- 33. 28 | P a g e your apartment. Del Ware is the longest established business in the area, ensuring you a superior level of service.</td> <p> </p> <td> <h2> From €400 p/Week</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> </table> <!-- Table containing all the Villa Accommodations options available --> <table style="width:100%"> <h1> Villas </h1> <tr> <p> <td><img src="villa1.jpeg" alt="Villa 1" style="width:250px;height:250px"></td> <td> <h3> AccomID :9 Vista Mar </h3>Want a trip away but still have a home to live in? You need a villa holiday. We are located in the heart of the countryside, providing endless amounts of activities for the whole family. We boast 5 large bedrooms, 3 bathrooms with fully functioning power showers. We are located 5 minutes drive from the nearest town so access to amenities is ideal.</td> <p> </p> <td> <h2> From €1000 p/Week</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labeled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td>
- 34. 29 | P a g e <tr> <p> <td><img src="villa2.jpeg" alt=" Villa 2" style="width:250px;height:250px"></td> <td> <h3> AccomID :10 Casa Grande </h3>Located on the beach front, this Villa provides views across the sea that you could never get tired of. Our villa boasts private beach access for that relaxing break you dreamed of. 4 bedrooms, 3 bathrooms, a large kitchen living room open plan span across 3 spacious floors in this wonderful home.</td> <p> </p> <td> <h2> From €1250 p/Week </h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="villa3.jpeg" alt=" Villa 3" style="width:250px;height:250px"></td> <td> <h3> AccomID :11 La Buena Vida </h3>This comfortable villa is bright and spacious consisting of lounge, dining and a fully equipped kitchen area. It has 4 bedrooms, 2 double and 2 twin. It sleeps 8 comfortably. A second sitting room has a pull-out couch . It has a full bathroom including WC; a shower room and a separate WC. It is fully furnished and equipped. A large furnished patio area is ideal for outdoor dining. It has a large garden, garage and a private pool.</td> <p> </p> <td> <h2> From €1850 p/Week </h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labeled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center">
- 35. 30 | P a g e <p><a href="response.php">Response</a></p> </td> </table> <!-- Table containing all the B & B Accommodations options available --> <table style="width:100%"> <h1> B & B's </h1> <tr> <p> <td><img src="bandb1.jpeg" alt=" B and B 1" style="width:250px;height:250px"></td> <td> <h3> AccomID :12 Noës </h3>In peaceful and pleasant surroundings, Thérèse and Daniel welcome you to Noës. You will enjoy a friendly, convivial stay from where you can visit the region of la Hague. Breakfast is served in the living room. Depending on the inspiration of the hostess, you will be able to sample jams, pâtisseries and homemade bread. Your host is a beekeeper in his free time so you will be able to taste many varieties of beautiful honey.</td> <p> </p> <td> <h2> From €100pps</h2></td> </p> </tr> <!---------- Book now, review and response buttons that directs you to labelled pages -------------------------> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="bandb2.jpeg" alt=" B and B 2" style="width:250px;height:250px"></td> <td> <h3> AccomID :13 The Boutique Barcelona Bed and Breakfast </h3>Housed in a modernist-style building, the Boutique Barcelona Bed and Breakfast is located in the city centre, in the Eixample neighbourhood. Stroll to nearby Passeig de Gracia, a wide continental-style avenue where you will find numerous designer shops, eateries and spectacular architecture. The hotel is also ideally placed so you can enjoy the lively nightlife of the nearby Gothic Quarter and El Borne area. Located in the heart of the city, you can walk to Plaça Catalunya in 3 minutes from the hotel. It also enjoys excellent transport connections to the rest of the city, by metro or bus.</td> <p> </p> <td> <h2> From €150pps</h2></td> </p>
- 36. 31 | P a g e </tr> <!-- Book now, review and response buttons that directs you to labeled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="bandb3.jpeg" alt=" B and B 3" style="width:250px;height:250px"></td> <td> <h3> AccomID :14 La Cita bed and breakfast </h3>Enjoy Michelin Guide recommended luxury at the newly-built La Cita bed and breakfast, County Cork. Family-run, guests can relax with steaming power showers, modern en-suite rooms, tasty breakfasts and extra large family bedrooms. The house is on a local bus route and is just 2km from both Blarney village and Cork city. With a 4-star rating, guests are sure to enjoy the very best of Irish hospitality from host Siobhán O’Leary.</td> <p> </p> <td> <h2> From €75pps</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labeled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> </table> <br> <!-- Table containing all the Hostel Accommodations options available --> <table style="width:100%"> <p> </p> <h1> Hostels </h1> <tr> <p> <td><img src="hostel1.jpeg" alt="Hostel" style="width:250px;height:250px"></td>
- 37. 32 | P a g e <td> <h3> AccomID :15 Kinlay House Cork </h3>For budget accommodation in Cork City Centre, Kinlay House Cork is the place to stay. We have both dorm beds & private rooms available – perfect for everyone from solo backpackers to families to large groups.</td> <p> </p> <td> <h2> From €45 p/Night</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labeled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="hostel2.jpeg" alt="Hostel 2" style="width:250px;height:250px"></td> <td> <h3> AccomID :16 The Hotel de l'Avenir</h3>The Hotel de l'Avenir is a traditional hotel with a cosy atmosphere. To celebrate the refreshment of the hotel, a welcome drink is offered during all the month of November. It is very comfortable and strategically located in the heart of Paris. Our friendly, multilingual staff will give you a warm welcome in a contemporary decor with a modern, uncluttered style.</td> <p> </p> <td> <h2> From €75 p/Night</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labeled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="hostel3.jpeg" alt="Hostel 3" style="width:250px;height:250px"></td>
- 38. 33 | P a g e <td> <h3> AccomID :17 U Hostels</h3>U Hostels is Madrid's first luxury youth hostel at backpackers' prices! Located in a 19th century palace, is the most modern and stylish hostel of Madrid. Our privileged location, by Alonso Martinez square, makes us the ideal base to explore and enjoy our city Come & enjoy the U Hostels experience!</td> <p> </p> <td> <h2> From €35 pps</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labeled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> </table> <p> </p> <!-- Creates the footer --> <div id="content_bottom"></div> <div id="footer"> <h6>Copyright 2015: KMDC²</h6></div> </div> </div> </body> </html>
- 39. 34 | P a g e AccommodationOwner.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Refugio</title> </head> <body> <div id="container"> <div id="mainpic"> <h1>Experience<span class="#FFFFFF"> the Unknown</span></h1> </div> <!-- Menu containing all standard page options available on this banner --> <div id="menu"> <ul> <li><a href="Home.html">Home</a></li> <li><a href="Accommodation.html">Accommodation</a></li> <li><a href="Tips.html">Tips</a></li> <li><a href="Contact.html">Contact Us</a></li> <li><a href="AboutUs.html">About Us</a></li> <li><a href="Profile.html">Profile</a></li> </ul> </div> <div id="leftmenu_bottom"></div> </div> <div id="content"> <div id="content_top"></div> <div id="content_main"> <!-- Table containing all the Hotel Accommodations options available --> <table style="width:100%"> <h1> Hotels </h1> <a href="addaccom.php">Add Accommodation</a> <p> </p> <a href="ownerbookingpage.html">View Booking</a> <tr> <p> <td><img src="hotel1.jpeg" alt="Hotel" style="width:250px;height:250px"></td> <td> <h3> AccomID :1 The Excelsior Palace Hotel</h3> Stay in the amazing Excelsior Palace Hotel in the renouned Italian Riviera for an experience of a lifetime. Situated overlooking the coastline, Excelsior Palace Hotel is just 10 minutes to all local amenities such as bars, clubs, shops and so on. Experience the breathtaking views across the Tyrrhenian Sea without interruption from the comfort of the bedroom.
- 40. 35 | P a g e Amenities include: Late bar, restaurant, luxury spa, pool, jacuzzi, Twin / Double / King / Queen rooms as well as a honeymoon suite </td> <p> </p> <td> <h2> From €225pps</h2></td> </p> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="hotel2.jpeg" alt="Hotel 2" style="width:250px;height:250px"></td> <td> <h3> AccomID :2 The Mercure Nice Promenade des Anglais</h3> Here at The Mercure Nice Promenade des Anglais, we know what our guests want. Allow us to take you on a truly memorable experiance with world class service at your finger tips. Our experienced and friendly staff know exactly how your trip is meant to go, making it the trip of a lifetime.</td> <p> </p> <td> <h2> From €185pps</h2></td> </p> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="hotel3.jpeg" alt="Hotel 3" style="width:250px;height:250px"></td>
- 41. 36 | P a g e <td> <h3> AccomID :3 The Radisson Blu </h3>Situated on the beautiful South of France coastline, Radisson Blu has a world of experience at its disposal to ensure your stay is exactly how you imagined. With access to all necessary amenities, your stay in Radisson Blu will be one to remember</td> <p> </p> <td> <h2> From €150pps</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text- align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text- align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text- align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="HiltonSlider.jpeg" alt="Hilton" style="width:250px;height:250px"></td> <td> <h3> AccomID :4 Hotel Westminster </h3>Situated just a minute walk from the beautiful beaches of South of France coastline, Hotel Westminster is a market leader in providing luxury accommodation. With access to all necessary amenities including spa, pool, bar, restaurant, guided tours etc, your stay in Hotel Westminster will be one to remember.</td> <p> </p> <td> <h2> From €125pps</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text- align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text- align:center">
- 42. 37 | P a g e <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text- align:center"> <p><a href="response.php">Response</a></p> </td> </table> <br> <!-- Table containing all the Apartment Accommodations options available --> <table style="width:100%"> <h1> Apartments </h1> <tr> <p> <td><img src="apartment1.jpeg" alt="Apartment 1" style="width:250px;height:250px"></td> <td> <h3> AccomID :5 The Portofino Apartment Homes </h3>Looking for a place to unwind but still have home comforts? Look no further than Portofino Apartment Homes. Our complex offers One, Two, Four and Six bedroom apartments for both short and long stays. Portifino has two large pools, two jacuzzis and a fully equipped, all monitored and maintained.</td> <p> </p> <td> <h2> From €1200 p/Month</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="apartment2.jpeg" alt="Apartment 2" style="width:250px;height:250px"></td> <td> <h3> AccomID :6 The Bay View Apartments </h3>Bay View Apartments benefit from a beautiful, uninterrupted view across the vast Biscane Bay. With apartments to suit all needs, this secluded location will give you the peace you are searching from your break away. </td> <p> </p>
- 43. 38 | P a g e <td> <h2> From €200 p/Week</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="apartment3.jpeg" alt="Apartment 3" style="width:250px;height:250px"></td> <td> <h3> AccomID :7 The Cassa Blanca Apartment complex </h3>Cassa Blanca Apartment complex can offer you a comfortable stay with no fuss needed. We have staff on site to ensure you settle into your home away from home with no problems. We are located in the heart of all the local amenities ensuring you have access to everything you need.</td> <p> </p> <td> <h2> From €2250 p/Month</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="Apartmentslider.jpeg" alt="Apartment" style="width:250px;height:250px"></td> <td> <h3> AccomID :8 Del Ware Apartments </h3>Del Ware Apartments are located next to the beautiful beach and harbour. Experience breathtaking views every morning from the comfort of
- 44. 39 | P a g e your apartment. Del Ware is the longest established business in the area, ensuring you a superior level of service.</td> <p> </p> <td> <h2> From €400 p/Week</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> </table> <!-- Table containing all the Villa Accommodations options available --> <table style="width:100%"> <h1> Villas </h1> <tr> <p> <td><img src="villa1.jpeg" alt="Villa 1" style="width:250px;height:250px"></td> <td> <h3> AccomID :9 Vista Mar </h3>Want a trip away but still have a home to live in? You need a villa holiday. We are located in the heard of the countryside, providing endless amounts of activities for the whole family. We boast 5 large bedrooms, 3 bathrooms with fully functioning power showers. We are located 5 minutes drive from the nearest town so access to amenities is ideal.</td> <p> </p> <td> <h2> From €1000 p/Week</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td>
- 45. 40 | P a g e <tr> <p> <td><img src="villa2.jpeg" alt=" Villa 2" style="width:250px;height:250px"></td> <td> <h3> AccomID :10 Casa Grande </h3>Located on the beach front, this Villa provides views across the sea that you could never get tired of. Our villa boasts private beach access for that relaxing break you dreamed of. 4 bedrooms, 3 bathrooms, a large kitchen living room open plan span across 3 spacious floors in this wonderful home.</td> <p> </p> <td> <h2> From €1250 p/Week </h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="villa3.jpeg" alt=" Villa 3" style="width:250px;height:250px"></td> <td> <h3> AccomID :11 La Buena Vida </h3>This comfortable villa is bright and spacious consisting of lounge, dining and a fully equipped kitchen area. It has 4 bedrooms, 2 double and 2 twin. It sleeps 8 comfortably. A second sitting room has a pull-out couch . It has a full bathroom including WC; a shower room and a separate WC. It is fully furnished and equipped. A large furnished patio area is ideal for outdoor dining. It has a large garden, garage and a private pool.</td> <p> </p> <td> <h2> From €1850 p/Week </h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p>
- 46. 41 | P a g e </td> </table> <!-- Table containing all the Hotel Accommodations options available --> <table style="width:100%"> <h1> B & B's </h1> <tr> <p> <td><img src="bandb1.jpeg" alt=" B and B 1" style="width:250px;height:250px"></td> <td> <h3> AccomID :12 Noës </h3>In peaceful and pleasant surroundings, Thérèse and Daniel welcome you to Noës. You will enjoy a friendly, convivial stay from where you can visit the region of la Hague. Breakfast is served in the living room. Depending on the inspiration of the hostess, you will be able to sample jams, pâtisseries and homemade bread. Your host is a beekeeper in his free time so you will be able to taste many varieties of beautiful honey.</td> <p> </p> <td> <h2> From €100pps</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="bandb2.jpeg" alt=" B and B 2" style="width:250px;height:250px"></td> <td> <h3> AccomID :13 The Boutique Barcelona Bed and Breakfast </h3>Housed in a modernist-style building, the Boutique Barcelona Bed and Breakfast is located in the city centre, in the Eixample neighbourhood. Stroll to nearby Passeig de Gracia, a wide continental-style avenue where you will find numerous designer shops, eateries and spectacular architecture. The hotel is also ideally placed so you can enjoy the lively nightlife of the nearby Gothic Quarter and El Borne area. Located in the heart of the city, you can walk to Plaça Catalunya in 3 minutes from the hotel. It also enjoys excellent transport connections to the rest of the city, by metro or bus.</td> <p> </p> <td> <h2> From €150pps</h2></td> </p> </tr>
- 47. 42 | P a g e <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="bandb3.jpeg" alt=" B and B 3" style="width:250px;height:250px"></td> <td> <h3> AccomID :14 La Cita bed and breakfast </h3>Enjoy Michelin Guide recommended luxury at the newly-built La Cita bed and breakfast, County Cork. Family-run, guests can relax with steaming power showers, modern en-suite rooms, tasty breakfasts and extra large family bedrooms. The house is on a local bus route and is just 2km from both Blarney village and Cork city. With a 4-star rating, guests are sure to enjoy the very best of Irish hospitality from host Siobhán O’Leary.</td> <p> </p> <td> <h2> From €75pps</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> </table> <br> <!-- Table containing all the Hostel Accommodations options available --> <table style="width:100%"> <p> </p> <h1> Hostels </h1> <tr> <p> <td><img src="hostel1.jpeg" alt="Hostel" style="width:250px;height:250px"></td> <td>
- 48. 43 | P a g e <h3> AccomID :15 Kinlay House Cork </h3>For budget accommodation in Cork City Centre, Kinlay House Cork is the place to stay. We have both dorm beds & private rooms available – perfect for everyone from solo backpackers to families to large groups.</td> <p> </p> <td> <h2> From €45 p/Night</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="hostel2.jpeg" alt="Hostel 2" style="width:250px;height:250px"></td> <td> <h3> AccomID :16 The Hotel de l'Avenir</h3>The Hotel de l'Avenir is a traditional hotel with a cosy atmosphere. To celebrate the refreshment of the hotel, a welcome drink is offered during all the month of November. It is very comfortable and strategically located in the heart of Paris. Our friendly, multilingual staff will give you a warm welcome in a contemporary decor with a modern, uncluttered style.</td> <p> </p> <td> <h2> From €75 p/Night</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> <tr> <p> <td><img src="hostel3.jpeg" alt="Hostel 3" style="width:250px;height:250px"></td> <td>
- 49. 44 | P a g e <h3> AccomID :17 U Hostels</h3>U Hostels is Madrid's first luxury youth hostel at backpackers' prices! Located in a 19th century palace, is the most modern and stylish hostel of Madrid. Our privileged location, by Alonso Martinez square, makes us the ideal base to explore and enjoy our city Come & enjoy the U Hostels experience!</td> <p> </p> <td> <h2> From €35 pps</h2></td> </p> </tr> <!-- Book now, review and response buttons that directs you to labelled pages --> <tr> <td colspan="2" style="text-align:center"> <p><a href="booking_form_handler.php">Book Now</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="review.php">Review</a></p> </td> <td colspan="2" style="text-align:center"> <p><a href="response.php">Response</a></p> </td> </tr> </table> <p> </p> <!-- Creates the footer image. --> <div id="content_bottom"></div> <div id="footer"> <h6>Copyright 2015: KMDC²</h6></div> </div> </div> </body> </html>
- 50. 45 | P a g e Tips.html <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Refugio Travel</title> </head> <body> <div id="container"> <div id="mainpic"> <h1>Experience<span class="#FFFFFF"> the Unknown</span></h1> </div> <!-- Menu containing all standard page options available on this banner --> <div id="menu"> <ul> <li><a href="Home.html">Home</a></li> <li><a href="Accommodation.html">Accommodation</a></li> <li><a href="Tips.html">Tips</a></li> <li><a href="Contact.html">Contact Us</a></li> <li><a href="AboutUs.html">About Us</a></li> <li><a href="Profile.html">Profile</a></li> </ul> </div> <div id="leftmenu_bottom"></div> </div> <div id="content"> <div id="content_top"></div> <div id="content_main"> <!-- Table containing all the Travel Tips you may need --> <h2>Passports </h2> <p> </p> <img src="passport.jpeg" alt="Passport" style="width:880px;height:250px"> <p> </p> <p> </p> <p>A passport is an internationally recognized travel document confirming your identity and nationality. In addition to confirming your identity and nationality, you passport essentially is a request from the Irish government that other governments abroad permit you to travel or stay in their country. While your passport is an internationally recognized travel document, it DOES NOT GIVE YOU an automatic right to enter other countries, you may also require a VISA to enter some countries. Check with the consulate of the countries you intend travelling to whether you require a visa.</p> <p>From 1st October 2004 all children, regardless of age, must obtain an individual Irish passport in their own name. It is your responsibility to ensure that your passport is valid for the full duration of your holiday. In addition you should note that some overseas countries have an immigration requirement for a passport to remain valid for a minimum period after the date of entry to that country. If your passport is in its final year of validity, you are advised to check the requirements of the destination before you make your final travel plans. If you need to obtain a new passport, you should do so in good time. It can take up to 12
- 51. 46 | P a g e weeks to obtain a passport by post but this may vary depending upon the time of year. All passports must be valid for up to 6 months after the date of return</p> <p> </p> <h2>Visas</h2> <p> </p> <img src="visa.jpeg" alt="Visa" style="width:880px;height:250px"> <p> </p> <p> </p> <p>Your Irish passport does not automatically allow you to enter some countries without a Visa whether you are going there on holiday or to work. Check first with the Embassy/Consulate of the country/countries you intend to visit and enquire in plenty of time before you travel as some visas can take weeks to issue.</p> <p> </p> <h2>Insurance</h2> <p> </p> <img src="insurance.jpeg" alt="Insurance" style="width:880px;height:250px"> <p> </p> <p> </p> <p>It cannot be stressed strongly enough how important it is that you have adequate Travel Insurance and that you are adequately insured. You must tell your travel agent about any health condition which you, those travelling with you, or someone on whose health your travel arrangements depend. If you don’t the insurance you have bought could turn out to be worthless.</p> <p> </p> <h2>Vaccinations and Health</h2> <p> </p> <img src="vaccination.jpeg" alt="Vaccination" style="width:880px;height:250px"> <p> </p> <p> </p> <p>If you intend to travel to a tropical region or country where the conditions exist for the spread of infectious diseases, consult your doctor to discuss possible health risks. Certain diseases are prevalent in certain regions of the world, and can be contracted from consumption of contaminated water and food, especially in regions where standards of hygiene are low. If you are visiting such regions avoid certain foodstuffs like shellfish, salads and untreated water</p> <p> </p> <p> </p> <p></p> <p> </p> <p> </p> <p> </p> <p> </p> <!-- Creates the footer image. --> <div id="content_bottom"></div> <div id="footer"> <h6>Copyright 2015: KMDC²</h6></div> </div> </div> </body> </html>
- 52. 47 | P a g e Storelocator.html <html> <head> <meta charset="utf-8"> <title>Store Locator Example</title> <!-- Stylesheet for the application --> <link rel="stylesheet" href="stylestore.css"> <!-- Include Google Maps API --> <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <!-- app.js contains the application JavaScript source code --> <script src="app.js"></script> </head> <body> <h1>Store Locator</h1> <!-- The main container includes the Google Map <div> block --> <div class="main"> <div id="map"></div> </div> <div class="nav"> <h2>Store List</h2> <!-- Unordered list for stores --> <ul id="list"></ul> <!-- Button to reset map to original state --> <button id="reset">Reset Map</button> </div> </body> </html>
- 53. 48 | P a g e Home.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Refugio Travel</title> <!-- importing jquery library for slider --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></s cript> <script type="text/javascript" src="slider.js"></script> </head> <body onload="Slider();"> <div id="container"> <div id="mainpic"> <h1>Experience<span class="#FFFFFF"> the Unknown</span></h1> </div> <!-- Menu containing all standard page options available on this banner --> <div id="menu"> <ul> <li><a href="Home.html">Home</a></li> <li><a href="Accommodation.html">Accommodation</a></li> <li><a href="Tips.html">Tips</a></li> <li><a href="Contact.html">Contact Us</a></li> <li><a href="AboutUs.html">About Us</a></li> <li><a href="Profile.html">Profile</a></li> </ul> </div> <div id="leftmenu_bottom"></div> </div> <!-- Description for refugio travel--> <div id="content"> <h2> Refugio Travel aim to provide the perfect accommodation to suit your every wish and need. Click above and get searching now to unravel the wonder that awaits you. We have a variety of accommodation types available for you, ranging from hotels, to apartments and hostels. Our database is updated on a daily basis, so you can be sure the information you see is the most up to date, avoiding disappointment and overbooking.</h2> <p> </p> <p> </p> <a href="Owner_home.html">Owners Homepage</a> <br> </br>
- 54. 49 | P a g e <a href="admin_home.html">Administrator Homepage</a> <br> </br> <form action="login.php"> <input type="submit" value="Login"> </form> <form action="register.php"> <input type="submit" value="Register"> </form> <!-- Slider for displaying sample accommodation pictures --> <div id="slider"> <ul> <li><img src="BeachSlider.jpeg" alt="Beach" style="width:500px;height:300px"></li> <li style="background: #aaa;"><img src="HiltonSlider.jpeg" alt="Hilton" style="width:500px;height:300px"></li> <li><img src="Apartmentslider.jpeg" alt="Apartment" style="width:500px;height:300px"></li> <li style="background: #aaa;"><img id="4" src="RoomSlider.jpeg" alt="Room" style="width:500px;height:300px"></li> <li><img src="loungeSlider.jpeg" alt="Lounge" style="width:500px;height:300px"></li> </ul> </div> <div class="slider_option"> <input type="checkbox" id="checkbox"> <label for="checkbox">Play Slider</label> </div> <p> </p> <p> </p> <p> </p> <p> </p> <div id="footer"> <h6>Copyright 2015: KMDC2</h6></div> </div> </div> </body> </html>
- 55. 50 | P a g e Owner_Home.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Refugio Travel</title> <!-- Importing api for jquery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></s cript> <script type="text/javascript" src="slider.js"></script> </head> <body onload="Slider();"> <div id="container"> <div id="mainpic"> <h1>Experience<span class="#FFFFFF"> the Unknown</span></h1> </div> <!-- Menu containing all standard page options available on this banner --> <div id="menu"> <ul> <li><a href="Home.html">Home</a></li> <li><a href="Accommodation.html">Accommodation</a></li> <li><a href="Tips.html">Tips</a></li> <li><a href="Contact.html">Contact Us</a></li> <li><a href="AboutUs.html">About Us</a></li> <li><a href="Profile.html">Profile</a></li> </ul> </div> <div id="leftmenu_bottom"></div> </div> <div id="content"> <h2 align="center"> Refugio Travel aim to provide the perfect accommodation to suit everybody's needs. Are you an Accommodation Owner who wants to advertise your accommodation please click the link below. You can either Register as a new user or If your registered already You can easily just sign in below. We have a variety of accommodation types available for everyone. If you want to advertise any type of of property ranging from hotels, to apartments and hostels. Our database is updated on a daily basis, so you can be sure the information you enter is the most up to date, avoiding disappointment and overbooking. We have a large customer base from every continent. You can guarantee an increase in profits. </h2>
- 56. 51 | P a g e <p> </p> <p> </p> <a href="Home.html">Registrants Homepage</a> <br> </br> <a href="Admin_home.html">Administrator Homepage</a> <br> </br> <form action="login.php"> <input type="submit" value="Login"> </form> <form action="register.php"> <input type="submit" value="Register"> </form> <div id="slider"> <ul> <li><img src="BeachSlider.jpeg" alt="Beach" style="width:500px;height:300px"></li> <li style="background: #aaa;"><img src="HiltonSlider.jpeg" alt="Hilton" style="width:500px;height:300px"></li> <li><img src="Apartmentslider.jpeg" alt="Apartment" style="width:500px;height:300px"></li> <li style="background: #aaa;"><img id="4" src="RoomSlider.jpeg" alt="Room" style="width:500px;height:300px"></li> <li><img src="loungeSlider.jpeg" alt="Lounge" style="width:500px;height:300px"></li> </ul> </div> <div class="slider_option"> <input type="checkbox" id="checkbox"> <label for="checkbox">Play Slider</label> </div> <p> </p> <p> </p> <p> </p> <p> </p> <div id="footer"> <h6>Copyright 2015: KMDC2</h6></div> </div> </div> </body> </html>
- 57. 52 | P a g e OwnersBookingPage.html <html> <head> <title>Owner Accommodation Page</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="container"> <div id="mainpic"> <h2>Experience<span class="lightblue"> the Unknown</span></h2> </div> <!-- Menu containing all standard page options available on this banner --> <div id="menu"> <ul> <li><a href="Home.html">Home</a></li> <li><a href="Accommodation.html">Accommodation</a></li> <li><a href="Tips.html">Tips</a></li> <li><a href="Contact.html">Contact Us</a></li> <li><a href="AboutUs.html">About Us</a></li> <li><a href="Profile.html">Profile</a></li> </ul> </div> <div id="leftmenu_bottom"></div> </div> <!-- Descriptions for the accommodations --> <div id="content"> <table style="width:100%"> <h1> Bookings </h1> <tr> <p> <td> <h3> AccomID :14 </h3>La Cita bed and breakfast </td> <td>Enjoy Michelin Guide recommended luxury at the newly-built La Cita bed and breakfast, County Cork. Family-run, guests can relax with steaming power showers, modern en-suite rooms, tasty breakfasts and extra large family bedrooms. The house is on a local bus route and is just 2km from both Blarney village and Cork city. With a 4-star rating, guests are sure to enjoy the very best of Irish hospitality from host Siobhán O’Leary.</td> <p> </p> <td> <h2> From €75pps</h2></td> </p> </tr> <p> </p> <p> </p> <tr>
- 58. 53 | P a g e <!-- Confirm booking button --> <td colspan="2" style="text-align:center"> <input type="Confirm Booking" value="Confirm Booking" onclick="alert('Booking Confirmed')"> </td> </tr> <tr> <td colspan="2" style="text-align:center"> </td> </tr> <!-- Accommodation example --> </table> <br> <table style="width:100%"> <p> </p> <tr> <p> <td> <h3> AccomID :15 </h3> Kinlay House Cork </td> <td>For budget accommodation in Cork City Centre, Kinlay House Cork is the place to stay. We have both dorm beds & private rooms available – perfect for everyone from solo backpackers to families to large groups.</td> <p> </p> <td> <h2> From €45pps</h2></td> </p> </tr> <!-- Confirm booking button --> <tr> <td colspan="2" style="text-align:center"> <input type="Confirm Booking" value="Confirm Booking" onclick="alert('Booking Confirmed')"> </td> </tr>
- 59. 54 | P a g e Profile.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Refugio Travel</title> </head> <body> <div id="container"> <div id="mainpic"> <h1>Experience<span class="#FFFFFF"> the Unknown</span></h1> </div> <!-- Menu containing all standard page options available on this banner --> <div id="menu"> <ul> <li><a href="Home.html">Home</a></li> <li><a href="Accommodation.html">Accommodation</a></li> <li><a href="Tips.html">Tips</a></li> <li><a href="Contact.html">Contact Us</a></li> <li><a href="AboutUs.html">About Us</a></li> <li><a href="Profile.html">Profile</a></li> </ul> </div> <div id="leftmenu_bottom"></div> </div> <div id="content"> <div id="content_top"></div> <div id="content_main"> <!-- Table containing all the Accommodation options available - -> <table style="width:100%"> <h1> Profile </h1> <a href="Owner_Profile.html">Owners Profile Page</a> <br> <h2> </h2> <tr> <p> <td><img src="defaultprofile.jpeg" alt="Profile " style="width:180px;height:180px"></td> </p> <h3> <br> <form name="htmlform" method="post" action="profile.php"> <table width="450px"> </tr> <!-- Input boxes for profile --> <tr> </h3> <td valign="top"> <label for="userName">User Name </label>
- 60. 55 | P a g e </td> <td valign="top"> <input type="text" name="read-only" value="R000123654" readonly> <br> </td> </tr> <tr> <h3> <td valign="top"> <label for="first_name">First Name </label> </td> <td valign="top"> <input type="text" name="read-only" value="John" readonly> <br> </td> </tr></h3> <tr> <td valign="top"> <label for="last_name">Last Name </label> </td> <td valign="top"> <input type="text" name="read-only" value="Swan" readonly> <br> </td> </tr> <tr> <td valign="top"> <label for="email">Email Address </label> </td> <td valign="top"> <input type="text" name="email" value="Johnswan@gmail.com" readonly> <br> </td> </tr> <tr> <td valign="top"> <label for="telephone">Telephone Number</label> </td> <td valign="top"> <input type="text" name="telephone" value="087- 1239876" readonly> <br> </td> </tr> <tr> <td valign="top"> <label for="comments">Comments </label> </td> <td valign="top"> <textarea name="comments" maxlength="1000" cols="25" rows="6"></textarea> </td> </tr> <tr>
- 61. 56 | P a g e <td colspan="2" style="text-align:center"> <input name="Submit" type="submit" value="Submit" onclick="window.open('profile_result.html')"/> </td> </tr> </table> </form> </h2> </div> </table> <br> <!-- Creates the footer image. --> <div id="content_bottom"></div> <div id="footer"> <h6>Copyright 2015: KMDC²</h6></div> </div> </div> </body> </html>
- 62. 57 | P a g e Owner_Profile.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Refugio Travel</title> </head> <body> <div id="container"> <div id="mainpic"> <h1>Experience<span class="#FFFFFF"> the Unknown</span></h1> </div> <!-- Menu containing all standard page options available on this banner --> <div id="menu"> <ul> <li><a href="Home.html">Home</a></li> <li><a href="Accommodation.html">Accommodation</a></li> <li><a href="Tips.html">Tips</a></li> <li><a href="Contact.html">Contact Us</a></li> <li><a href="AboutUs.html">About Us</a></li> <li><a href="Profile.html">Profile</a></li> </ul> </div> <div id="leftmenu_bottom"></div> </div> <div id="content"> <div id="content_top"></div> <div id="content_main"> <!-- Table containing all the Accommodation options available - -> <table style="width:100%"> <h1> Profile </h1> <a href="Profile.html">Registrants Profile Page</a> <br> <tr> <p> <td><img src="defaultprofile.jpeg" alt="Profile " style="width:180px;height:180px"></td> </p> <h3> <br> <form name="htmlform" method="post" action="profile.php"> <table width="450px"> </tr> <!-- Input boxes for owners profile --> <tr>
- 63. 58 | P a g e </h3> <tr> </h3> <td valign="top"> <label for="userName">User Name </label> </td> <td valign="top"> <input type="text" name="read-only" value="OWN001" readonly> <br> </td> </tr> <tr> <h3> <td valign="top"> <label for="first_name">First Name </label> </td> <td valign="top"> <input type="text" name="read-only" value="Mary" readonly> <br> </td> </tr></h3> <tr> <td valign="top"> <label for="last_name">Last Name </label> </td> <td valign="top"> <input type="text" name="read-only" value="Walsh" readonly> <br> </td> </tr> <tr> <td valign="top"> <label for="email">Email Address </label> </td> <td valign="top"> <input type="text" name="email" value="MaryWalsh@gmail.com" readonly> <br> </td> </tr> <tr> <td valign="top"> <label for="telephone">Telephone Number</label> </td> <td valign="top"> <input type="text" name="telephone" value="085- 9876123" readonly> <br> </td> </tr> <tr> <td valign="top"> <label for="telephone">Accommodation </label> </td> <td valign="top">
- 64. 59 | P a g e <input type="text" name="accommodation" value="1" readonly> <br> </td> </tr> <tr> <td valign="top"> <label for="telephone">Accommodation</label> </td> <td valign="top"> <input type="text" name="accommodation" value="2" readonly> <br> </td> </tr> </tr> <tr> <td colspan="2" style="text-align:center"> <input name="Submit" type="submit" value="Submit" onclick="window.open('profile_result.html')" /> </td> </tr> </table> </form> </h2> </div> </table> <br> <!-- Creates the footer image. --> <div id="content_bottom "></div> <div id="footer "><h6>Copyright 2015: KMDC²</h6></div> </div> </div> </body> </html>
- 65. 60 | P a g e Profile_Result.html <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <div id="Profile"> <h1 text align="center"> <p> Thank you for updating your profile </p> </h1> <h2 text align="center"> <p><a href="Home.html">Please click here to return to the homepage</a></p> </h2> </div> </body> </html>
- 66. 61 | P a g e Contact.html <html> <head> <title>Contact</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Refugio Travel </title> </head> <body> <div id="container"> <div id="mainpic"> <h1>Experience<span class="#FFFFFF"> the Unknown</span></h1> </div> <!-- Menu containing all standard page options available on this banner --> <div id="menu"> <ul> <li><a href="Home.html">Home</a></li> <li><a href="Accommodation.html">Accommodation</a></li> <li><a href="Tips.html">Tips</a></li> <li><a href="Contact.html">Contact Us</a></li> <li><a href="AboutUs.html">About Us</a></li> <li><a href="Profile.html">Profile</a></li> </ul> </div> <div id="leftmenu_bottom"></div> </div> <div id="content"> <div id="content_top"></div> <div id="content_main"> <!-- Contact us form using the .php file --> <h1> Contact Us </h1> <br> <h2<p> If you have any questions or concerns please no not hesitate to contact us by filling out the form below. Thank you. </h2> </p> <h3> <br> <table width="450px"> </tr> <tr> <h3> <td valign="top"> <label for="first_name">First Name </label> </td> <td valign="top">
- 67. 62 | P a g e <input type="text" name="first_name" maxlength="50" size="30"> </td> </tr></h3> <tr> <td valign="top"> <label for="last_name">Last Name </label> </td> <td valign="top"> <input type="text" name="last_name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <label for="email">Email Address </label> </td> <td valign="top"> <input type="text" name="email" maxlength="80" size="30"> </td> </tr> <tr> <td valign="top"> <label for="telephone">Telephone Number</label> </td> <td valign="top"> <input type="text" name="telephone" maxlength="30" size="30"> </td> </tr> <tr> <td valign="top"> <label for="comments">Comments </label> </td> <td valign="top"> <textarea name="comments" maxlength="1000" cols="25" rows="6"></textarea> </td> </tr> <tr> <td colspan="2" style="text-align:center"> <input name="Submit" type="submit" value="Submit" onclick="window.open('contactus_result.html')" /> </td> </tr> </table> </form> </h2> </div> <div id="content"> <h1>Location of Refugio Travel</h1> <h3><strong><em>Google Maps Store Locator</strong></em></h3>
- 68. 63 | P a g e <!--Embeds Store Locator --> <iframe width="825" height="600" src="storelocator.html" frameborder="2"></iframe> <br /> <br /> <br /> <br /> <br /> </div> </div> <!-- Creates the footer --> <div id="content_bottom "></div> <div id="footer "><h4>Copyright 2015: KMDC² </h4></div> </div> </div> </div> </div> </body> </html>
- 69. 64 | P a g e Contactus_Result.html <html> <head> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <div id="Add City"> <h1 text align="center"> <p> Thank you for Contacting us, have a nice day.</p> </h1> <h2> <!-- Link back to homepage --> <p><a href="Home.html">Please click here to return to the homepage</a></p> </h2> </div> </body> </html>
- 70. 65 | P a g e Login.php <?php include( 'loginSQL.php'); // Includes Login Script if(isset($_SESSION[ 'login_user'])){ header( "location: profile.php"); } ?> <html> <head> <title>Login Form</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <!-- Input boxes for login form --> <div id="main"> <div id="login"> <h2>Login Form</h2> <form action="" method="post"> <label>UserName :</label> <input id="name" name="username" placeholder="Username" type="text"> <label>Password :</label> <input id="password" name="password" placeholder="Password" type="password"> <input name="submit" type="submit" value=" Login "> <span><?php echo $error; ?></span> <a href="home.html">Click here to go to the home page.</a> </form> </div> </div> </body> </html>
- 71. 66 | P a g e LoginSQL.php <?php session_start(); // Starting Session $error = ''; // Variable To Store Error Message if (isset($_POST['submit'])) { if (empty($_POST['username']) || empty($_POST['password'])) { $error = "Username or Password is invalid"; } else { // Establishing Connection with Server by passing server_name, user_id and password as a parameter $connection = mysql_connect("localhost:3306", "root", "R00101220"); if ($connection) echo "Connection successful"; else echo "Connection failed"; // Selecting Database $db = mysql_select_db("refugio", $connection); // SQL query to fetch information of registered users and finds user match. $query = "select * from refugio.admin where admin_password='R00101220' AND admin_name='root'"; { $_SESSION['login_user'] = $username; // Initializing Session header("location: profile.php"); // Redirecting To Other Page } { $error = "Username or Password is invalid"; } mysql_close($connection); // Closing Connection } } ?>
- 72. 67 | P a g e LogOut.php <?php session_start(); if(session_destroy()) // Destroying All Sessions { header("Location: login.php"); // Redirecting To Home Page } ?>
- 73. 68 | P a g e AddAccom.php <?php include( 'addaccomSQL.php'); ?> <html> <head> <link href="styles.css" rel="stylesheet" type="text/css"> <body> <div id="main"> <div id="add accommodation"> <!----- Form to Add an Accommodation -----> <h2>Add Accommoadation</h2> <form action="" method="post"> <!----- Input boxes for form -----> <label>Accommodation Name*: </label> <input type='text' name='name' id='name' placeholder="First and Last name" maxlength="50" /> <label>Description*:</label> <input type='text' name='description' id='description' placeholder="Accommoadation name" maxlength="500" /> <label>Price per night*:</label> <input type='value' name='price' id='price' placeholder="Price per night" maxlength="50" /> <label>Check In time*:</label> <input type='time' name='checkin' id='checkin' placeholder="Check In time" maxlength="50" /> <label>Check Out time*:</label> <input type='time' name='checkout' id='checkout' placeholder="Check Out time" maxlength="50" /> </br> </br> <!----- Checkboxes for form -----> <br> <label for='extras'>Extras*:</label> </br> <br> <input type="checkbox" name="Check_list[]" value="value 1"> Air Conditioning <input type="checkbox" name="check_list[]" value="value 2"> WiFi</br> <br> <input type="checkbox" name="check_list[]" value="value 3"> Animal Friendly <input type="checkbox" name="check_list[]" value="value 4"> Parking </br> <br> <input type="checkbox" name="check_list[]" value="value 5"> Self Catering <input type='checkbox' name='check_list[]' value="value 6"> Heating</br> <!----- Input boxes for Accommodation -----> <br> <label>Accommodation Address*:</label>
- 74. 69 | P a g e <input type='text' name='address' id='address' placeholder="Accommodation Address" maxlength="50" /> <label>Number of Bedrooms*:</label> <input type='text' name='numberbedrooms' id='numberbedrooms' placeholder="Number of Bedrooms" maxlength="50" /> <label>Capacity*:</label> <input type='text' name='capacity' id='capacity' placeholder="Capacity" maxlength="50" /> <br> </br> <!-----Submit button for form -----> <input name="Submit" type="submit" value="Submit" onclick="window.open('addaccommodation_result.html')" /> <span><?php echo $error; ?></span> </form> </div> </div> </body> </html>
- 75. 70 | P a g e AddAccommodation_Result.html <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <div id="Your Accommodation"> <h1 text align="center"> <p> Thank you for adding your accommodation, it will appear on our website within 24 hours.</p> </h1> <h2 text align="center"> <!-- Link back to home page --> <p><a href="owner_home.html">Please click here to return to the homepage</a></p> </h2> </div> </body> </html>
- 76. 71 | P a g e AddAccomSQL.php <?php session_start(); // Starting Session $error = ''; // Variable To Store Error Message // Connection to Server $connection = mysql_connect('157.190.148.37', ' R00101220', 'R00101220') or die(mysql_error()); if ($connection) echo "Connection successful"; else echo "Connection failed"; // Selecting Database $db = mysql_select_db("refugio", $connection); // SQL query to insert new accommodation $query = "INSERT INTO refugio.accommodation (Accom_description, Accom_check_in_time, Accom_check_out_time, Accom_price_details,Accom_no_bedrooms, Accom_minimun_no_nights, Accom_address,Accom_location, Accom_capacity, Accom_extras, city_id,Accom_type) VALUES ('Apartment for rent', '12:00:00', '14:00:00', 'E185pps','4', '1', 'Dublin','Ireland', '2', 'AirCon,Internet,WiFi', '3','Apartment');"; $result = mysql_query($query) or die(mysql_error()); echo $result ?>
- 77. 72 | P a g e AddCity.php <?php include( 'addcitySQL.php'); ?> <html> <head> <link href="styles.css" rel="stylesheet" type="text/css"> <body> <div id="main"> <div id="add city"> <!--- Form to Add a City ---> <h2>Add City</h2> <form action="" method="post"> <!--- Input Boxes for form ---> <label>City Name: </label> <input type='text' name='name' id='name' placeholder="City Name" maxlength="50" /> <br> </br> <br> <!--- Submit Button for form ---> <input name="Submit" type="submit" value="Submit" onclick="window.open('addcity_result.php')" /> <span><?php echo $error; ?></span> </form> </div> </div> </body> </html>
- 78. 73 | P a g e AddCity_Result.php <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <div id="Add City"> <h1 text align="center"> <p> Thank you for adding a city.</p> </h1> <!-----Link back to home page-----> <h2 text align="center"> <p><a href="admin_home.html">Please click here to return to the homepage</a></p> </h2> </div> </body> </html>
- 79. 74 | P a g e AddCitySQL.php <?php session_start(); // Starting Session $error = ''; // Variable To Store Error Message // Establishing Connection with Server by passing server_name, user_id and country as a parameter $connection = mysql_connect('157.190.148.37', ' R00101220', 'R00101220') or die(mysql_error()); if ($connection) echo "Connection successful"; else echo "Connection failed"; // Selecting Database $db = mysql_select_db("refugio", $connection); // SQL query to fetch information of registered users and finds user match. $query = "INSERT INTO refugio.city (country_id, city_name) VALUES ('1', 'Rome');"; $result = mysql_query($query) or die(mysql_error()); echo $result ?>
- 80. 75 | P a g e AddCountry.php <?php include( 'addcountrySQL.php'); ?> <html> <head> <link href="styles.css" rel="stylesheet" type="text/css"> <body> <!-- Input boxes for add country form --> <div id="main"> <div id="add country"> <h2>Add Country</h2> <form action="" method="post"> <br> <label>Location:</label> <input type='text' name='description' id='description' placeholder="Location" maxlength="50" /> <label>Description:</label> <input type='text' name='description' id='description' placeholder="Description" maxlength="500" /> <br> </br> <br> <input name="Submit" type="submit" value="Submit" onclick="window.open('addcountry_result.html')" /> <span><?php echo $error; ?></span> </form> </div> </div> </body> </html>
- 81. 76 | P a g e AddCountrySQL.php <?php session_start(); // Starting Session $error = ''; // Variable To Store Error Message // Establishing Connection with Server by passing server_name, registrant_id and Location as a parameter $connection = mysql_connect('157.190.148.37', ' R00101220', 'R00101220') or die(mysql_error()); if ($connection) echo "Connection successful"; else echo "Connection failed"; // Selecting Database $db = mysql_select_db("refugio", $connection); // SQL query to fetch information of registered registrants and finds registrant match. $query = "INSERT INTO refugio.country (Location, Description) VALUES ('America', 'Apartment that is a two minute walk to the city centre');"; $result = mysql_query($query) or die(mysql_error()); echo $result ?>
- 82. 77 | P a g e AddCountry_result.html <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <div id="Add Country"> <h1 text align = "center"> <p> Thank you for adding a Country .</p> </h1> <h2 text align = "center"> <!-- Link back to the home page --> <p><a href="admin_home.html">Please click here to return to the homepage</a></p> </h2> </div> </body> </html>
- 83. 78 | P a g e Response.php <?php include('responseSQL.php'); ?> <html> <head> <link href="styles.css" rel="stylesheet" type="text/css"> <body> <!-- Input boxes for response form --> <div id="main"> <div id="add response"> <h2>Write Response</h2> <form action="" method="post"> <br> <label>Review ID: </label> <input type='name' name='review_id' id='review_id' placeholder="Review ID" maxlength="50" /> <label>Owner ID: </label> <input type='name' name='owner_id' id='owner_id' placeholder="Owner ID " maxlength="50" /> <br> <label>Response: </label> <input type="text" name "Response" value=" " placeholder="Your Response" maxlength="500"> </br> <?php echo "Today is " . date( "d/m/y") . "<br>"; date_default_timezone_set( "Europe/Dublin"); echo "The time is " . date( "h:i:sa"); ?> <br> </br> <input name="Submit" type="submit" value="Submit" onclick="window.open('addresponse_result.html')" /> <span><?php echo $error; ?></span> </form> </div> </div> </body> </html>
- 84. 79 | P a g e ResponseSQL.php <?php session_start(); // Starting Session $error = ''; // Variable To Store Error Message // Establishing Connection with Server by passing server_name, user_id and Owner_id as a parameter $connection = mysql_connect("157.190.148.37", "R00101220", "R00101220"); if ($connection) echo "Connection successful"; else echo "Connection failed"; // Selecting Database $db = mysql_select_db("refugio", $connection); // SQL query to fetch information of registered users and finds user match. $query = "INSERT INTO refugio.response (owner_id, date_of_response, time_of_response, response_description) VALUES ( '5','2015-03-10','12:26:00','Thank you for your review, we hope you return soon');"; $result = mysql_query($query) or die(mysql_error()); echo $result ?>
- 85. 80 | P a g e AddResponse_Result.html <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <div id="Add Response"> <h1 text align="center"> <p> Thank you for responding to a review left on your accommodation.</p> </h1> <!--- Link back to owner home page ----> <h2 text align="center"> <p><a href="owner_home.html">Please click here to return to the homepage</a></p> </h2> </div> </body> </html>
- 86. 81 | P a g e Review.php <?php include( 'addreviewSQL.php'); ?> <html> <head> <link href="styles.css" rel="stylesheet" type="text/css"> <body> <!-- Input boxes for review form --> <div id="main"> <div id="add review"> <!----- Form to add review ----> <h2>Add Review</h2> <form action="" method="post"> <br> <!---- input boxes for form -----> <label>Description*: </label> <input type='text' name='description' id='description' placeholder="Description" maxlength="500" /> <br> <label>Please rate your experience:</label> <br> <!----- experience mark for accommodation -----> <select multiple="multiple" name="experience_mark[]"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </br> <br></br> <!----- date and time of response -----> <?php echo "Today is " . date( "d/m/y") . "<br>"; date_default_timezone_set( "Europe/Dublin"); echo "The time is " . date( "h:i:sa"); ?> <br></br> <br> <label>Please enter your Registrant ID *:</label> <input type='registrant_id' name='User_id' id=registrant_id 'registrant_id' placeholder="Registrant ID " maxlength="50" /> </br> <br> <label>Please enter your Accommodation ID:</label> <input type='accom_id' name='accom_id' id='accom_id' placeholder="Accommodation ID" maxlength="50" /> </br> <br> <label>Please enter your Booking ID:</label> <input type='booking_id' name='booking_id' id='booking_id' placeholder="Booking ID " maxlength="50" /> </br>
- 87. 82 | P a g e <br> <!---- link to Thank you message -----> <input name="Submit" type="submit" value="Submit" onclick="window.open('addreview_result.html')" /> </form> </div> </div> </body> </html>
- 88. 83 | P a g e AddReviewSQL.php <?php session_start(); // Starting Session $error = ''; // Variable To Store Error Message // Establishing Connection with Server by passing server_name, registrant_id and Experience_mark as a parameter $connection = mysql_connect("157.190.148.37", "R00101220", "R00101220"); if ($connection) echo "Connection successful"; else echo "Connection failed"; // Selecting Database $db = mysql_select_db("refugio", $connection); // SQL query to fetch information of registered registrants and finds registrant match. $query = "INSERT INTO refugio.review (review_description, review_Experience_mark, review_Date, review_Time, accom_id, registrant_id, booking_id, Response_id) VALUES ('loved the atmosphere definitely coming back next year','5','2015- 03-7','16:45:00.00','8','13','4','12');"; $result = mysql_query($query) or die(mysql_error()); echo $result ?>
- 89. 84 | P a g e AddReview_Result.html <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <div id="Add Review"> <h1 text align="center"> <p> Thank you for submitting a review for this accommodation, it will be posted on the website after our administrator reviews it.</p> </h1> <h2 text align="center"> <p><a href="home.html">Please click here to return to the homepage</a></p> </h2> </div> </body> </html>
- 90. 85 | P a g e Register.php <?php include('registerSQL.php'); ?> <html> <head> <title>Register Form </title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <!-- Input boxes for register form --> <div id="main"> <div id="register"> <h2>Register Form</h2> <form action="" method="post"> <label> Full Name*:</label> <input type='text' name='name' id='name' placeholder="First and Last name" maxlength="50" /> <label> Email Address*:</label> <input type='text' name='email' id='email' placeholder="Example@gmail.com" maxlength="50" /> <label>UserName :</label> <input id="name" name="username" placeholder="Username" type="text" maxlength="50"> <label>Password :</label> <input id="password" name="password" placeholder="Password" type="password" maxlength="50"> <input name="submit" type="submit" value=" Register "> <span><?php echo $error; ?></span> </form> <a href="home.html">Click here to go to the home page.</a> </div> </div> </body> </html>
- 91. 86 | P a g e RegisterSQL.php <?php session_start(); // Starting Session $error = ''; // Variable To Store Error Message // Connecting to the database $connection = mysql_connect(157.190.148.37, 'R00101220', 'R00101220') or die(mysql_error()); if ($connection) echo "Connection successful"; else echo "Connection failed"; // Selecting Database $db = mysql_select_db("refugio") or die(mysql_error()); // SQL query to fetch information of registered users and finds user match. $query = "insert into registrant (reg_username, reg_full_name, reg_contact_details, reg_password, reg_address, reg_email) VALUES ('R5369811', ' mary', '086945237', 'bluejumper', '6 dublin avenue', 'kelly@gmail.com');"; $result = mysql_query($query) or die(mysql_error()); echo $result ?>
- 92. 87 | P a g e Register_Result.html <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <div id="Your Accommodation"> <h1 text align="center"> <p> You are now registered, please login to continue </p> </h1> <h2 text align="center"> <p><a href="login.php">Please click here to return to the Login page</a></p> </h2> </div> </body> </html>
- 93. 88 | P a g e Profile.php <?php include('session.php'); ?> <html> <head> <title>Your Home Page</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <!-- Link back to the home page --> <div id="profile"> <b id="welcome">Welcome Registrant</b> <p><a href="Home.html">Please click here to return to the homepage</a></> <b id="logout"><a href="logout.php">Log Out</a></b> </div> </body> </html>
- 94. 89 | P a g e Booking_Form_Handler.php <html> <head> <meta charset="utf-8" /> <?php require('includes/html_form.class.php'); require('includes/html_table.class.php'); require('includes/booking_form.php'); ?> <link rel="stylesheet" href="styles.css" type="text/css" /> <script src="includes/order_form.js" type="text/javascript"></script> <script type="text/javascript"> var PRODUCT_ABBRS = <? php echo json_encode(getProductAbbrs()) ?> ; </script> </head> <body> <h1>Your Booking</h1> <?php echo getOrderForm(); ?> </body> </html>
- 95. 90 | P a g e Booking_form.php <?php $PRODUCTS = array( // product abbreviation, product name, unit price // follow valid name/ID rules for product abbreviation array('Accom_id = 1', 'Excelsior Palace Hotel', 255), array('Accom_id = 2', 'The Mercure Nice Promenade des Anglais', 185), array('Accom_id = 3', 'Radisson Blu', 150), array('Accom_id = 4', 'Hotel Westminster', 125) ); function getOrderForm() { global $PRODUCTS; $tbl = new HTML_Table('', 'demoTbl'); $frm = new HTML_Form(); // header row $tbl->addRow(); $tbl->addCell('Product', 'first', 'header'); $tbl->addCell('Price', '', 'header'); $tbl->addCell('Quantity', '', 'header'); $tbl->addCell('Totals', '', 'header'); // display product info/form elements foreach($PRODUCTS as $product) { list($abbr, $name, $price) = $product; // quantity text input $qty_el = $frm->addInput('text', $abbr . '_qty', 0, array('size'=>4, 'class'=>'cur', 'pattern'=>'[0-9]+', 'placeholder'=>0, 'onchange'=>'getProductTotal(this)', 'onclick'=>'checkValue(this)', 'onblur'=>'reCheckValue(this)') ); // total text input $tot_el = $frm->addInput('text', $abbr . '_tot', 0, array('readonly'=>true, 'size'=>8, 'class'=>'cur') ); // price hidden input $price_el = $frm->addInput('hidden', $abbr . '_price', $price); $tbl->addRow(); $tbl->addCell($name); $tbl->addCell('$' . number_format($price, 2) . $price_el, 'cur' ); $tbl->addCell( $qty_el, 'qty'); $tbl->addCell( $tot_el ); } // total row $tbl->addRow(); $tbl->addCell( 'Total: ', 'total', 'data', array('colspan'=>3) ); $tbl->addCell( $frm->addInput('text', 'total', 0, array('readonly'=>true, 'size'=>8, 'class'=>'cur') ) ); // submit button $tbl->addRow(); $tbl->addCell( $frm->addInput('submit', 'submit', 'Submit'), 'submit', 'data', array('colspan'=>4) );
- 96. 91 | P a g e $frmStr = $frm->startForm('ex1_result.php', 'post', '', array('onsubmit'=>'return checkSubmit(this);') ) . $tbl->display() . $frm->endForm(); return $frmStr; } // for js function getProductAbbrs() { global $PRODUCTS; foreach ( $PRODUCTS as $product ) { $ar[] = $product[0]; } return $ar; } // functions for example 1 order form submission result page function getOrderInfo() { global $PRODUCTS;; $str = ''; $total = 0; while ( list($key, $val) = each($_POST) ) { // Check for valid quantity entries if ( ( strpos($key, '_qty') !== false ) && is_int((int)$val) && $val > 0 ) { $pt = strrpos($key, '_qty'); $name_pt = substr( $key, 0, $pt); // product abbr foreach($PRODUCTS as $product) { list($prod_abbr, $prod_name, $prod_price) = $product; if ($prod_abbr == $name_pt) { $sub_tot = $val * $prod_price; // build string to display order info $str .= "<p>$val $prod_name at $" . number_format($prod_price, 2) . ' each for $' . number_format($sub_tot, 2) . '</p>'; $total += $sub_tot; } } } } if ( $str === '' ) { $str = '<p>You didn't order anything.</p>'; } else { $str = '<h2>Your Order:</h2>' . $str . '<p>Total: $' . number_format($total, 2) . '</p>' . getPayPalBtn($total); } return $str; } ?>
- 97. 92 | P a g e html_form.clas.php <?php class HTML_Form { private $tag; private $xhtml; function __construct($xhtml = true) { $this->xhtml = $xhtml; } function startForm($action = '#', $method = 'post', $id = '', $attr_ar = array() ) { $str = "<form action="$action" method="$method""; if ( !empty($id) ) { $str .= " id="$id""; } $str .= $attr_ar? $this->addAttributes( $attr_ar ) . '>': '>'; return $str; } private function addAttributes( $attr_ar ) { $str = ''; // check minimized (boolean) attributes $min_atts = array('checked', 'disabled', 'readonly', 'multiple', 'required', 'autofocus', 'novalidate', 'formnovalidate'); foreach( $attr_ar as $key=>$val ) { if ( in_array($key, $min_atts) ) { if ( !empty($val) ) { $str .= $this->xhtml? " $key="$key"": " $key"; } } else { $str .= " $key="$val""; } } return $str; } function addInput($type, $name, $value, $attr_ar = array() ) { $str = "<input type="$type" name="$name" value="$value""; if ($attr_ar) { $str .= $this->addAttributes( $attr_ar ); } $str .= $this->xhtml? ' />': '>'; return $str; } function addTextarea($name, $rows = 4, $cols = 30, $value = '', $attr_ar = array() ) { $str = "<textarea name="$name" rows="$rows" cols="$cols""; if ($attr_ar) { $str .= $this->addAttributes( $attr_ar ); } $str .= ">$value</textarea>"; return $str; } // for attribute refers to id of associated form element function addLabelFor($forID, $text, $attr_ar = array() ) {
- 98. 93 | P a g e $str = "<label for="$forID""; if ($attr_ar) { $str .= $this->addAttributes( $attr_ar ); } $str .= ">$text</label>"; return $str; } // from parallel arrays for option values and text function addSelectListArrays($name, $val_list, $txt_list, $selected_value = NULL, $header = NULL, $attr_ar = array() ) { $option_list = array_combine( $val_list, $txt_list ); $str = $this->addSelectList($name, $option_list, true, $selected_value, $header, $attr_ar ); return $str; } // option values and text come from one array (can be assoc) // $bVal false if text serves as value (no value attr) function addSelectList($name, $option_list, $bVal = true, $selected_value = NULL, $header = NULL, $attr_ar = array() ) { $str = "<select name="$name""; if ($attr_ar) { $str .= $this->addAttributes( $attr_ar ); } $str .= ">n"; if ( isset($header) ) { $str .= " <option value="">$header</option>n"; } foreach ( $option_list as $val => $text ) { $str .= $bVal? " <option value="$val"": " <option"; if ( isset($selected_value) && ( $selected_value === $val || $selected_value === $text) ) { $str .= $this->xhtml? ' selected="selected"': ' selected'; } $str .= ">$text</option>n"; } $str .= "</select>"; return $str; } function endForm() { return "</form>"; } function startTag($tag, $attr_ar = array() ) { $this->tag = $tag; $str = "<$tag"; if ($attr_ar) { $str .= $this->addAttributes( $attr_ar ); } $str .= '>'; return $str; } function endTag($tag = '') { $str = $tag? "</$tag>": "</$this->tag>"; $this->tag = ''; return $str;
- 99. 94 | P a g e } function addEmptyTag($tag, $attr_ar = array() ) { $str = "<$tag"; if ($attr_ar) { $str .= $this->addAttributes( $attr_ar ); } $str .= $this->xhtml? ' />': '>'; return $str; } } ?>
- 100. 95 | P a g e Html_table.class.php <?php class HTML_Table { public $xhtml = true; // for col tags private $thead = array(); private $tfoot = array(); private $tbody_ar = array(); private $cur_section; private $colgroups_ar = array(); private $cols_ar = array(); // if cols not in colgroup private $tableStr = ''; function __construct($id = '', $klass = '', $attr_ar = array() ) { // add rows to tbody unless addTSection called $this->cur_section = &$this->tbody_ar[0]; $this->tableStr = "n<table" . ( !empty($id)? " id="$id"": '' ) . ( !empty($klass)? " class="$klass"": '' ) . $this- >addAttribs( $attr_ar ) . ">n"; } /* each section collects rows when a row is added, add it to the current section */ function addTSection($sec, $klass = '', $attr_ar = array() ) { switch ($sec) { case 'thead': $ref = &$this->thead; break; case 'tfoot': $ref = &$this->tfoot; break; case 'tbody': $ref = &$this->tbody_ar[ count($this->tbody_ar) ]; break; default: // tbody $ref = &$this->tbody_ar[ count($this->tbody_ar) ]; } $ref['klass'] = $klass; $ref['atts'] = $attr_ar; $ref['rows'] = array(); $this->cur_section = &$ref; } function addColgroup($span = '', $klass = '', $attr_ar = array() ) { $group = array( 'span' => $span, 'klass' => $klass, 'atts' => $attr_ar, 'cols' => array()
- 101. 96 | P a g e ); $this->colgroups_ar[] = &$group; } function addCol($span = '', $klass = '', $attr_ar = array()) { $col = array( 'span' => $span, 'klass' => $klass, 'atts' => $attr_ar ); // in colgroup? if ( !empty($this->colgroups_ar) ) { $group = &$this->colgroups_ar[ count($this->colgroups_ar) - 1 ]; $group['cols'][] = &$col; } else { $this->cols_ar[] = &$col; } } public function addCaption($cap, $klass = '', $attr_ar = array() ) { $this->tableStr.= "<caption" . (!empty($klass)? " class="$klass"": '') . $this->addAttribs($attr_ar) . '>' . $cap . "</caption>n"; } private function addAttribs( $attr_ar ) { $str = ''; foreach( $attr_ar as $key=>$val ) { $str .= " $key="$val""; } return $str; } function addRow($klass = '', $attr_ar = array() ) { // add row to current section $this->cur_section['rows'][] = array( 'klass' => $klass, 'atts' => $attr_ar, 'cells' => array() ); } function addCell($data = '', $klass = '', $type = 'data', $attr_ar = array() ) { $cell = array( 'data' => $data, 'klass' => $klass, 'type' => $type, 'atts' => $attr_ar ); if ( empty($this->cur_section['rows']) ) { try { throw new Exception('You need to addRow before you can addCell'); } catch(Exception $ex) {
- 102. 97 | P a g e $msg = $ex->getMessage(); echo "<p>Error: $msg</p>"; } } // add to current section's current row's list of cells $count = count( $this->cur_section['rows'] ); $curRow = &$this->cur_section['rows'][$count-1]; $curRow['cells'][] = &$cell; } private function getRowCells($cells) { $str = ''; foreach( $cells as $cell ) { $tag = ($cell['type'] == 'data')? 'td': 'th'; $str .= ( !empty( $cell['klass'] )? " <$tag class="{$cell['klass']}"": " <$tag" ) . $this->addAttribs( $cell['atts'] ) . ">" . $cell['data'] . "</$tag>n"; } return $str; } function display() { // get colgroups/cols $this->tableStr .= $this->getColgroups(); // get sections and their rows/cells $this->tableStr .= !empty($this->thead)? $this->getSection($this- >thead, 'thead'): ''; $this->tableStr .= !empty($this->tfoot)? $this->getSection($this- >tfoot, 'tfoot'): ''; foreach( $this->tbody_ar as $sec ) { $this->tableStr .= !empty($sec)? $this->getSection($sec, 'tbody'): ''; } $this->tableStr .= "</table>n"; return $this->tableStr; } // get colgroups/cols private function getColgroups() { $str = ''; if ( !empty($this->colgroups_ar) ) { foreach( $this->colgroups_ar as $group ) { $str .= "<colgroup" . ( !empty($group['span'])? " span="{$group['span']}"": '' ) . ( !empty($group['klass'])? " class="{$group['klass']}"": '' ) . $this->addAttribs( $group['atts'] ) . ">" . $this->getCols( $group['cols'] ) . "</colgroup>n"; } } else { $str .= $this->getCols($this->cols_ar); } return $str;
- 103. 98 | P a g e } private function getCols($ar) { $str = ''; foreach( $ar as $col ) { $str .= "<col" . ( !empty($col['span'])? " span="{$col['span']}"": '' ) . (!empty($col['klass'])? " class="{$col['klass']}"": '') . $this->addAttribs( $col['atts'] ) . ( $this->xhtml? " />": ">" ); } return $str; } private function getSection($sec, $tag) { $klass = !empty($sec['klass'])? " class="{$sec['klass']}"": ''; $atts = !empty($sec['atts'])? $this->addAttribs( $sec['atts'] ): ''; $str = "<$tag" . $klass . $atts . ">n"; foreach( $sec['rows'] as $row ) { $str .= ( !empty( $row['klass'] ) ? " <tr class="{$row['klass']}"": " <tr" ) . $this->addAttribs( $row['atts'] ) . ">n" . $this->getRowCells( $row['cells'] ) . " </tr>n"; } $str .= "</$tag>n"; return $str; } } ?>
- 104. 99 | P a g e Ex1_Result.html <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <div id="Your Booking"> <h1 text align="center"> <p>Thank you for booking your accommodation with us, we hope you have a nice holiday.</p> </h1> <!-- Link to the home page --> <h2 text align="center"> <p><a href="Home.html">Please click here to return to the homepage</a></p> </h2> </div> </body> </html>
- 105. 100 | P a g e Session.php <?php <!-- Starts the session when login is clicked --> session_start(); ?>
- 106. 101 | P a g e Order_form.js function checkSubmit(form) { if ( form.total.value === '0' ) { alert( 'You haven't order anything.' ); return false; } else { return true; } } function doTotals(form) { var total = 0; for (var i=0; PRODUCT_ABBRS[i]; i++) { var cur_field = form.elements[ PRODUCT_ABBRS[i] + "_qty" ]; if ( !isPosInt(cur_field.value) ) { return; } total += parseFloat(cur_field.value) * parseFloat( form.elements[ PRODUCT_ABBRS[i] + "_price" ].value ); } form.total.value = formatDecimal(total); } // onchange of qty field entry function getProductTotal(field) { var form = field.form; if (field.value === "") { field.value = 0; } if ( !isPosInt(field.value) ) { field.value = 0; } else { var product = field.name.slice(0, field.name.lastIndexOf("_") ); var price = form.elements[product + "_price"].value; var amt = field.value * price; form.elements[product + "_tot"].value = formatDecimal(amt); doTotals(form); } } // onclick function checkValue(field) { if (field.value == 0) { field.value = ""; } } // onblur function reCheckValue(field) { if (field.value == "") { field.value = 0; } } function isPosInt(val) { var re = /^d+$/; if ( !re.test(val) ) { return false;
- 107. 102 | P a g e } return true; } // format val to n number of decimal places function formatDecimal(val, n) { n = n || 2; var str = "" + Math.round ( parseFloat(val) * Math.pow(10, n) ); while (str.length <= n) { str = "0" + str; } var pt = str.length - n; return str.slice(0,pt) + "." + str.slice(pt); }
- 108. 103 | P a g e Slider.js jQuery(document).ready(function($) { $('#checkbox').change(function() { setInterval(function() { moveRight(); }, 3000); }); var slideCount = $('#slider ul li').length; var slideWidth = $('#slider ul li').width(); var slideHeight = $('#slider ul li').height(); var sliderUlWidth = slideCount * slideWidth; $('#slider').css({ width: slideWidth, height: slideHeight }); $('#slider ul').css({ width: sliderUlWidth, marginLeft: -slideWidth }); $('#slider ul li:last-child').prependTo('#slider ul'); function moveLeft() { $('#slider ul').animate({ left: +slideWidth }, 200, function() { $('#slider ul li:last-child').prependTo('#slider ul'); $('#slider ul').css('left', ''); }); }; function moveRight() { $('#slider ul').animate({ left: -slideWidth }, 200, function() { $('#slider ul li:first-child').appendTo('#slider ul'); $('#slider ul').css('left', ''); }); }; $('a.control_prev').click(function() { moveLeft(); }); $('a.control_next').click(function() { moveRight(); }); });
- 109. 104 | P a g e App.js (function() { /* Some variables needed throughout the application */ var map, infoWindows = [], defaultCoordinates = new google.maps.LatLng(51.8832842, - 8.5349926); /* This function is executed when the application launches */ var init = function() { var resetButton = document.getElementById('reset'), mapEl = document.getElementById('map'); /* Default Google Maps options */ var options = { center: defaultCoordinates, zoom: 10, mapTypeId: google.maps.MapTypeId.ROADMAP, streetViewControl: false, overviewMapControlOptions: { opened: true } }; map = new google.maps.Map(mapEl, options); /* Loop through the stores to add markers and nav links */ for (var i = 0; i < stores.length; i++) { var store = stores[i], link = addStore(store); /* Set the link for the store in the store object */ store.link = link; } /* When user clicks on the map, close any open info windows */ google.maps.event.addListener(map, 'click', closeInfoWindows); /* Reset map to original state when Reset button is clicked */ resetButton.addEventListener('click', resetMap); }; /* This function adds a marker for the store and creates a link in the nav */ var addStore = function(store) { var location = addMarker(store), coordinates = new google.maps.LatLng(store.latitude, store.longitude), list = document.getElementById('list'), link = createLink(store.city, location, coordinates, list); return link; }; /* This function adds a marker to the map */ var addMarker = function(store) { var marker, infoWindow, coords = new google.maps.LatLng(store.latitude, store.longitude),
- 110. 105 | P a g e result; /* Create the marker at the coordinates of the store and add to the map */ marker = new google.maps.Marker({ position: coords, map: map }); /* Create the info window for the store information */ infoWindow = createInfoWindow(store); /* When the user clicks on the marker, call the jumpToStore function */ google.maps.event.addListener(marker, 'click', function() { jumpToStore(infoWindow, marker, coords, store.link); }); /* When the user closes the info window manually, remove it from the open windows array */ google.maps.event.addListener(infoWindow, 'closeclick', function() { /* Shift removes a specified item from an array */ infoWindows.shift(infoWindow); }); /* Return a result object containing the marker and infoWindow objects */ result = { marker: marker, infoWindow: infoWindow } return result; }; /* This function creates an info window for a store */ var createInfoWindow = function(store) { /* Define the HTML for the store info window content */ var content = '<h2>' + store.name + '</h2>' + store.address.replace(/,/g, ',<br>') + '<br><strong>Tel:</strong> ' + store.phone + '<h3>Opening Hours</h3>'; /* Loop through the opening hours object */ for (day in store.openingHours) { /* Get the key of the object and capitalise the first letter */ var dayStr = day[0].toUpperCase() + day.substr(1); /* Add the key and value to the window HTML content */ content += '<strong>' + dayStr + ':</strong> ' + store.openingHours[day] + '<br>'; } /* Return the new info window */ return new google.maps.InfoWindow({ content: content }); }; /* This function creates a link for a store and adds it to the nav */
- 111. 106 | P a g e var createLink = function(city, location, coordinates, list) { var link, listItem; /* Use the DOM createElement method to create a new link */ link = document.createElement('a'); link.setAttribute('href', '#'); link.innerHTML = city + '<span>▶</span>'; /* Add an event handler to jump to the store on the map when a link is clicked */ link.addEventListener('click', function() { jumpToStore(location.infoWindow, location.marker, coordinates, link); }); /* Create a list item and add the link to it */ listItem = document.createElement('li'); listItem.appendChild(link); /* Add the list item to the nav list */ list.appendChild(listItem); return link; }; /* This function jumps to the store on the map */ var jumpToStore = function(infoWindow, marker, coordinates, link) { /* Open the info window for the store in question */ openInfoWindow(infoWindow, marker); /* Centre the map on the store and zoom in */ map.setCenter(coordinates); map.setZoom(3); /* Clear any currently active links */ clearActiveLinks(); /* Highlight the relevant link in the nav */ link.className = 'active'; }; /* This function opens the info window for a store */ var openInfoWindow = function(infoWindow, marker) { /* Close any other open info windows */ closeInfoWindows(); /* Open the info window and add it to the array of open windows */ infoWindow.open(map, marker); infoWindows.push(infoWindow); }; /* This function will close down all open info windows */ var closeInfoWindows = function() { for (var i = 0; i < infoWindows.length; i++) { var win = infoWindows[i]; /* Close the window and remove it from the open windows array */ win.close(); infoWindows.shift(win);
- 112. 107 | P a g e } }; /* This function clears any currently active links in the nav */ var clearActiveLinks = function() { /* Get all links with a class of "active" */ var activeLinks = document.getElementsByClassName('active'); /* Loop through the result and remove the class from each link */ for (var i = 0; i < activeLinks.length; i++) { activeLinks[i].className = ''; } }; /* This function resets the map to its original state */ var resetMap = function() { /* Close any open windows and clear any active links */ closeInfoWindows(); clearActiveLinks(); /* Centre the map to the default position and zoom out */ map.setCenter(defaultCoordinates); map.setZoom(5); }; /* This will call the init function when the page has loaded */ window.addEventListener('load', init, false); })();
- 113. 108 | P a g e StyleStore.css /* Reset body styling */ body { margin: 0; padding: 0; font-family: 'Helvetica Neue', 'Arial', sans-serif; font-size: 13px; } /* Application heading */ h1 { margin: 0; padding: 5px 10px; /* Use fixed positioning to achieve 100% layout */ position: fixed; height: 39px; top: 0; left: 0; right: 0; /* Background colour fallback, gradient if CSS3 browser */ background-color: #616161; background-image: -webkit-linear-gradient(top, #616161, #313131); background-image: -moz-linear-gradient(top, #616161, #313131); background-image: -o-linear-gradient(top, #616161, #313131); background-image: -ms-linear-gradient(top, #616161, #313131); background-image: linear-gradient(top, #616161, #313131); border-bottom: 1px solid #000; font-size: 2.4em; color: #fff; text-shadow: 1px 1px 3px #000; } /* Map container styling */ .main { position: fixed; top: 50px; left: 0; right: 250px; bottom: 0; } /* Map object should take up all of space available on left side */ .main #map { width: 100%; height: 100%; } .main h2 { margin: 0 0 5px; padding: 0; font-size: 1.2em; } .main h3 { margin: 15px 0 5px; padding: 0; font-size: 1.1em; } /* Sidebar navigation styling */
- 114. 109 | P a g e .nav { padding: 20px; position: fixed; width: 209px; top: 50px; right: 0; bottom: 0; border-left: 1px solid #000; /* Background color / gradient (CSS3 only) */ background-color: #f3f3f3; background-image: -webkit-linear-gradient(top, #fafafa, #d0d0d0); background-image: -moz-linear-gradient(top, #fafafa, #d0d0d0); background-image: -o-linear-gradient(top, #fafafa, #d0d0d0); background-image: -ms-linear-gradient(top, #fafafa, #d0d0d0); background-image: linear-gradient(top, #fafafa, #d0d0d0); } .nav h2 { margin: 0; padding: 0; color: #616161; } /* Store List styling */ .nav ul { margin: 10px 0; padding: 0; list-style-type: none; border-bottom: none; } /* Make links block level elements and style */ .nav li a { display: block; padding: 7px 10px; background-color: #fff; font-size: 1.6em; font-weight: bold; color: #313131; text-decoration: none; border: 1px solid #ccc; border-bottom: none; } /* Highlight link on hover */ .nav li a:hover { background-color: #ffffe0; } /* Highlight active link in blue */ .nav li a.active { background-color: #ebf3f6; cursor: default; } /* Rounded corner on top of first list item */ .nav li:first-child a { border-top-left-radius: 5px; border-top-right-radius: 5px;
- 115. 110 | P a g e } /* Rounded corner on bottom of last list item */ .nav li:last-child a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom: 1px solid #ccc; } /* Arrow on right side of each link */ .nav li a span { display: block; float: right; margin-top: 5px; font-size: 0.6em; color: #a1a1a1; } /* Arrow is black on hover or for active links */ .nav li a:hover span, .nav li a.active span { color: #313131; } /* Styling for reset map button */ .nav button { display: block; width: 100%; margin: 5px 0; padding: 5px; background-color: #c0c0c0; background-image: -webkit-linear-gradient(top, #e0e0e0, #c0c0c0); background-image: -moz-linear-gradient(top, #e0e0e0, #c0c0c0); background-image: -o-linear-gradient(top, #e0e0e0, #c0c0c0); background-image: -ms-linear-gradient(top, #e0e0e0, #c0c0c0); background-image: linear-gradient(top, #e0e0e0, #c0c0c0); border: 1px solid #a1a1a1; border-radius: 5px; box-shadow: inset 0 1px 1px #fff; font-size: 1.2em; font-weight: bold; cursor: pointer; } /* Highlight border on mouse over */ .nav button:hover { border-color: #616161; } /* Reverse gradient when user clicks button */ .nav button:active { background-color: #e0e0e0; background-image: -webkit-linear-gradient(bottom, #e0e0e0, #c0c0c0); background-image: -moz-linear-gradient(bottom, #e0e0e0, #c0c0c0); background-image: -o-linear-gradient(bottom, #e0e0e0, #c0c0c0); background-image: -ms-linear-gradient(bottom, #e0e0e0, #c0c0c0); background-image: linear-gradient(bottom, #e0e0e0, #c0c0c0); }
- 116. 111 | P a g e Styles.css @import http: //fonts.googleapis.com/css?family=Raleway; #main { width: 960px; margin: 50px auto; font-family: raleway } span { color: red } h2 { background-color: #FFFFFF; text-align: center; border-radius: 10px 10px 0 0; margin: -10px -40px; padding: 15px } hr { border: 0; border-bottom: 1px solid #ccc; margin: 10px -40px; margin-bottom: 30px } #login { width: 300px; float: left; border-radius: 10px; font-family: raleway; border: 2px solid #ccc; padding: 10px 40px 25px; margin-top: 70px } input[type=text], input[type=password] { width: 99.5%; padding: 10px; margin-top: 8px; border: 1px solid #ccc; padding-left: 5px; font-size: 16px; font-family: raleway } input[type=submit] { width: 100%; background-color: #1E4297; color: #fff; border: 2px solid #1E4297; padding: 10px; font-size: 20px; cursor: pointer; border-radius: 5px; margin-bottom: 15px } #profile { padding: 50px; border: 1px dashed grey; font-size: 20px; background-color: #DCE6F7
- 117. 112 | P a g e } #logout { float: right; padding: 5px; border: dashed 1px gray } a { text-decoration: none; color: #6495ed } i { color: #6495ed }
- 118. 113 | P a g e Style.css body { margin: 0; padding: 0; text-align: left; font: 12px Arial, Helvetica, sans-serif; font-size: 14px; color: #061C37; background: #1E4297; background-repeat: repeat-x; } * { margin: 0 auto 0 auto; text-align: left; } #container { display: block; height: auto; position: relative; width: 940px; } #mainpic h1 { font-family: Papyrus; position: absolute; text-align: center-left; font-weight: bold; . font-size: 20px; color: #FFFFFF; left: 588px; top: 180px; } #mainpic h2 { position: absolute; text-align: right; color: #000000; left: 550px; top: 130px; } #mainpic { background-image: url(images/main3.png); background-repeat: no-repeat; width: 900px; height: 402px; } .lightblue { color: #B1C6FC } #menu { background-image: url(images/menu.png); background-repeat: no-repeat; width: 940px; height: 69px; float: left; clear: both; } #content { width: 880px; height: auto; background-color: #FFF; padding-left: 10px;
- 119. 114 | P a g e padding-right: 10px; padding-bottom: 5px; } #footer { width: inherit; height: auto; } #footer h3 a, #footer h3 a:visited { display: inline; text-align: center; font-size: 12px; text-decoration: none; color: #7198E1; } #menu ul { list-style: none; padding: 0px; margin-left: auto; width: 900px; } #menu li { list-style: none; padding: 0px; display: inline; } #menu a { float: left; width: 150px; height: 40px; display: block; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; padding-top: 17px; font-size: 16px; } #menu a:hover { color: #BAD1F3; background: url(images/menuhov.jpg) no-repeat; } #content p {} html { border-top: 5px solid #fff; background: #58DDAF; color: #2a2a2a; } html, body { margin: 0; padding: 0; font-family: 'Open Sans'; } h1 { color: ##000000; text-align: center; font-weight: 300; } #slider { position: relative;
- 120. 115 | P a g e overflow: hidden; margin: 20px auto 0 auto; border-radius: 4px; } #slider ul { position: relative; margin: 0; padding: 0; height: 200px; list-style: none; } #slider ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 500px; height: 300px; background: #ccc; text-align: center; line-height: 300px; } a.control_prev, a.control_next { position: absolute; top: 40%; z-index: 999; display: block; padding: 4% 3%; width: auto; height: auto; background: #2a2a2a; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px; opacity: 0.8; cursor: pointer; } a.control_prev:hover, a.control_next:hover { opacity: 1; -webkit-transition: all 0.4s ease; } a.control_prev { border-radius: 0 2px 2px 0; } a.control_next { right: 0; border-radius: 2px 0 0 2px; } .slider_option { position: relative; margin: 10px auto; width: 160px; font-size: 18px; } html, body {
- 121. 116 | P a g e text-align: center; } p { text-align: left; } .btn { display: inline-block; *display: inline; *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid: dximagetransform.microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6, GradientType=0); border-color: #e6e6e6 #e6e6e6 #e6e6e6; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border: 1px solid #e6e6e6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer; *margin-left: .3em; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; } .btn-large { padding: 9px 14px; font-size: 15px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn:hover {
- 122. 117 | P a g e color: #333333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn-primary, .btn-primary:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); color: #ffffff; } .btn-primary.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { background-color: #4a77d4; background-image: -moz-linear-gradient(top, #6eb6de, #4a77d4); background-image: -ms-linear-gradient(top, #6eb6de, #4a77d4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6eb6de), to(#4a77d4)); background-image: -webkit-linear-gradient(top, #6eb6de, #4a77d4); background-image: -o-linear-gradient(top, #6eb6de, #4a77d4); background-image: linear-gradient(top, #6eb6de, #4a77d4); background-repeat: repeat-x; filter: progid: dximagetransform.microsoft.gradient(startColorstr=#6eb6de, endColorstr=#4a77d4, GradientType=0); border: 1px solid #3762bc; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { filter: none; background-color: #4a77d4; } .btn-block { width: 100%; display: block; } #login { width: 300px; float: left; border-radius: 10px; font-family: raleway; border: 2px solid #ccc; padding: 10px 40px 25px; margin-top: 70px; text-align: center; } input[type=text], input[type=password] { width: 99.5%;
- 123. 118 | P a g e padding: 10px; margin-top: 8px; border: 1px solid #ccc; padding-left: 5px; font-size: 16px; font-family: raleway } input[type=submit] { width: 100%; background-color: #1E4297; color: #fff; border: 1px solid #1E4297; padding: 10px; font-size: 16px; cursor: pointer; border-radius: 5px; margin-bottom: 15px } #profile { padding: 50px; border: 1px dashed grey; font-size: 20px; background-color: #DCE6F7 } #logout { float: right; padding: 5px; border: dashed 1px gray } a { text-decoration: none; color: #6495ed } i { color: #6495ed } input:focus { box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.4), 0 1px 1px rgba(255, 255, 255, 0.2); }
- 124. 119 | P a g e Declaration Prepared by: KMDC2 Date: 11/03/2015 We as a group, KMDC2, declare that all work enclosed in this document is 100% our own. We declare that each member has contributed equally to the workload and has participated in accordance with the requirements of the project specification. KimHornibrook ConorMurphy Daniel Murphy ConorO’Callaghan Meghan Walsh