I don't know why but I found myself messing around with this code
I know this isn't the way it's supposed to be done, but this is definitely screaming database...
I wasn't going to post this, but I thought well it might help you out a little.
activities.php
<?php
$msg = "";
$activites = array ('Paintballing', 'Ice_skating', 'Horse_riding', 'para_gliding', 'water_rafting');
$output = "<nav><ul>" ;
foreach ($activites as $key => $value)
{
$output .= "<li><a href=\"activities.php?page=" . ($key+1) . "\" >" . $value . "</a></li>";
$message[$key+1] = "We trust you will enjoy " . $value . " today. Have fun and create memories";
}
$output .= "</ul></nav>";
if (isset($_GET['page']))
{
switch ($_GET['page']) {
case 1:
$msg = $message[1];
break;
case 2:
$msg = $message[2];
break;
case 3:
$msg = $message[3];
break;
case 4:
$msg = $message[4];
break;
case 5:
$msg = $message[5];
break;
}
}
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
nav {
clear: both;
display: block;
width: 200px;
height: 120px;
padding: 0px;
margin: 0px;
}
nav ul {
list-style: none;
padding: 0px;
margin: 0px;
}
nav ul li {
padding: 0px;
margin: 0px;
}
nav ul li a {
float: left;
display: block;
width: 180px;
height: 25px;
background: #ebebeb;
border-bottom: 1px solid #40352F;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
line-height: 25px;
color: #1C11B5;
font-weight: bold;
text-decoration: none;
padding: 0px 10px 0px 10px;
margin: 0px;
}
nav ul li a:hover {
color: #40352F;
background: #FEE494;
padding: 0px 10px 0px 10px;
margin: 0px;
}
</style>
<title>Untitled Document</title>
</head>
<body>
<H1>Please select an activity from the drop down menu</H1>
<?php echo $output; ?>
<p><?php echo $msg; ?></p>
</body>
</html>