<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title> Soriano </title>
<style type="text/css">
body
{
background:url(Polka_Dots2.jpg);
padding:auto;
}
#Container
{
background-image:url(Webpage_Background.jpg);
width:1000px;
height:980px;
position:absolute;
top:0px;
left:100px;
<!--left:150px;-->
}
#Logo
{
width:269px;
height:237px;
border:0px solid black;
link-style:none;
position:relative;
margin: 10 0 10 30px;
float:left;
}
#Banner
{
background-image:url(Banner.jpg);
width:660px;
height:181px;
margin:50 0 10 15px;
float:left;
}
h4
{
color:white;
opacity:0.8;
font:italic 50px georgia, serif;
text-shadow:0 0 0.2em #000,0 0 0.2em #000,0 0 0.2em #000
}
#Ribbon
{
width:200px;
height:191px;
position:absolute;
top:20px;
left:850px;
background-image:url(Gold_Ribbon.png);
-webkit-transform:rotate(20deg);
-moz-transform:rotate(20deg);
}
#Home
{
width:118px;
height:32px;
margin:320 0 10 105px;
border:0px solid black;
background:url(Home_Link.png);
}
#AboutUs
{
width:180px;
height:35px;
margin:40 0 10 80px;
border:0px solid black;
background:url(AboutUs_Link.png);
}
#Contact
{
width:164px;
height:35px;
margin:35 0 10 86px;
border:0px solid black;
background:url(Contact_Link.png);
}
#ContentHome
{
width:578px;
height:619px;
background:url(Content_Home.png);
border:0px;
position:absolute;
top:285px;
left:360px;
opacity:0.8;
}
#ContentAboutUs
{
width:578px;
height:619px;
background:url(Content_AboutUs.png);
border:0px;
position:absolute;
top:285px;
left:360px;
opacity:0.8;
}
#ContentContact
{
width:578px;
height:619px;
background:url(Content_Contact.png);
border:0px;
position:absolute;
top:285px;
left:360px;
opacity:0.8;
}
#BakerGirl
{
width:235px;
height:300px;
background:url(Baker_Girl.png);
position:absolute;
top:720px;
left:800px;
}
#Footer
{
width:1000px;
height:20px;
font-family:arial,helvetica,sans serif;
font-size:12px;
text-shadow:0 0 0.2em #000;
text-align:left;
color:black;
position:absolute;
top:986px;
left:100px;
}
#Footer a:link
{
font-family:arial,helvetica,sans serif;
font-size:12px;
text-shadow:0 0 0.2em #000;
text-align:left;
color:black;
text-decoration:none;
}
#Footer a:visited
{
font-family:arial,helvetica,sans serif;
font-size:12px;
text-shadow:0 0 0.2em #000;
text-align:left;
color:black;
text-decoration:none;
}
#Footer a:hover
{
font-family:arial,helvetica,sans serif;
font-size:12px;
text-shadow:0 0 0.2em #000;
text-align:left;
color:red;
text-decoration:none;
}
#Footer a:active
{
font-family:arial,helvetica,sans serif;
font-size:12px;
text-shadow:0 0 0.2em #000;
text-align:left;
color:black;
text-decoration:none;
}
</style>
</head>
<body>
<div id='Container'>
<a href='index.php'><div id='Logo'></div></a>
<div id='Banner'><marquee behavior='alternate'><h4>Deliciously Heavenly... & Unforgettable...</h4><div id='Ribbon'></div></marquee></div>
<a href='index.php?Eid=home'><div id='Home'></div></a>
<a href='index.php?Eid=aboutus'><div id='AboutUs'></div></a>
<a href='index.php?Eid=contact'><div id='Contact'></div></a>
<?php
error_reporting(E_ALL ^ E_NOTICE);
switch($_GET['Eid'])
{
case 'home':
{
echo "<div id='ContentHome'></div>";
break;
}
case 'aboutus':
{
echo "<div id='ContentAboutUs'></div>";
break;
}
case 'contact':
{
echo "<div id='ContentContact'></div>";
break;
}
default:
{
echo "<div id='ContentHome'></div>";
break;
}
}
?>
<div id='BakerGirl'></div>
</div>
<div id='Footer'><a href='index.php?Eid=home'> Home</a> | <a href='index.php?Eid=aboutus'>About Us</a> | <a href='index.php?Eid=contact'>Contact</a> | Copyright ©2011 Conti's</div>
</body>
</html>