<!DOCTYPE html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">




<!-------------------------------------------------Website Right Click Disabled---------------------------------------------------------->
<script type="text/javascript">
function click (e) {
  if (!e)
    e = window.event;
  if ((e.type && e.type == "contextmenu") || (e.button && e.button == 2) || (e.which && e.which == 3)) {
    if (window.opera)
      window.alert("");
    return false;
  }
}
if (document.layers)
  document.captureEvents(Event.MOUSEDOWN);
document.onmousedown = click;
document.oncontextmenu = click;
</script>


<!-------------------------------------------------Website Info---------------------------------------------------------->

<html>

<meta name="description" content="Welcome to The Dinner House official website!" />
<meta name="keywords" content="The Dinner House, Dinner House, The Dinner House Kent, Chinese Resturaunt Kent, Sittingbourne" />


<!-------------------------------------------------Website Icon---------------------------------------------------------->

<link rel="icon" type="image/png" href="Icon.png" />




<!-------------------------------------------------Website Title---------------------------------------------------------->

<title>The Dinner House - Home Page</title>



<!--------------------------------------------------Website Sound--------------------------------------------------------->

<audio src="page.mp3" autoplay/>
</audio>

<!----------------------------------------------Website Background-------------------------------------------------------------->

<meta http-equiv="content-type" content="text/html; charset=utf-8" >
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"">
<style type="text/css">
body {
    /*background: linear-gradient(90deg, white, gray);*/ background-color: #ffcaaf;
}



<!----------------------------------------------Webpage Menu bar-------------------------------------------------------------->

</a> </style>


</span>



<!----------------------------------------Website Headbar---------------------------------------------------------------->
<style>
.textOverImage{
	height:131px;
	width:25%;
	float:right;
	background-size:100%;
	background-position:absolute;
	background-repeat:no-repeat;
	transition:0.1s;
	cursor: pointer
	}
	
	.textOverImage:hover{
		background-size:101%;
		box-shadow: 0px 8px 16px 0px rgba(100,0,0,0.2);
		}

</style>
<body>

<div class="textOverImage" onclick='window.location.href="jobs.html"' style="background-image:url(jobs.png)" title="[Open Job Positions]">
</div>

<div class="textOverImage" onclick='window.location.href="contact.html"' style="background-image:url(contactc.png)" title="[Contact Info]">
</div>

<div class="dropbtn" onclick="myFunction()" style="background-image:url(menuc.png)" title="[Resturaunt Menus]">
</div>

<style>
.textOverImageLogo{
	height:260px;
	width:25%;
	background-size:100%;
	background-repeat:no-repeat;
	transition:0.1s;
	cursor: pointer
	}
	
	.textOverImageLogo:hover{
		background-size:101%;
		box-shadow: 0px 8px 16px 0px rgba(100,0,0,0.2);
		}

</style>

<div class="textOverImageLogo" onclick='window.location.href="home.html"' style="background-image:url(DinnerHouse.png)" title="[Go Home]">
</div>

<style>
.dropbtn {
    height:131px;
	width:25%;
	float:right;
	background-size:100%;
	background-position:absolute;
	background-repeat:no-repeat;
	transition:0.1s;
	cursor: pointer
}

.dropbtn:hover, .dropbtn:focus {
	box-shadow: 0px 8px 16px 0px rgba(100,0,0,0.2);
    background-size:101%;
}
		
.dropdown-content {
	left:30%;
	top:13%;
    display: none;
    position: absolute;
    background-color: #660000;
    min-width: 300px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(100,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	align: center;
}

.dropdown a:hover {background-color: #a30000}

.show {display:block;}
</style>
</head>
<body>

<div class="dropdown">

  <div id="myDropdown" class="dropdown-content">
    <a href="menu.html" title="[An in-Website Menu]">Website Menu</a>
    <a href="Menu.pdf" target="_blank" title="[A 1 to 1 Digital PDF of Menu]">[PDF]Resturaunt Menu</a>
  </div>
</div>

<script>
/* When the user clicks on the button, 
toggle between hiding and showing the dropdown content */
function myFunction() {
    document.getElementById("myDropdown").classList.toggle("show");
}

// Close the dropdown if the user clicks outside of it
window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {

    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}
</script>

</body>
</body>




<!---------------------------------------------Spacer from Title--------------------------------------------------------------->


<!------------------------------------------------Main text------------------------------------------------------------>





<!--------------------------------------------Spacer from bottom-------------------------------------------------------->

<a href="https://www.google.co.uk/maps/place/The+Dinner+House+Chinese/@51.3422803,0.7304773,17z/data=!3m1!4b1!4m5!3m4!1s0x47df2ab4f4d7e97f:0x1ba62cff55383f5d!8m2!3d51.342277!4d0.732666" target="_blank"><img src="location.png" style="float: left;"; height="20%"; width="25%" ; title="[Location]"/></a> </style>


<!--------------------------------------------Images-------------------------------------------------------->



 <a href="menu.html"><center><img src="Sam.png" style="width:50%"></a></center>




<br />

<!----------------------------------------Website footer---------------------------------------------------------------->

<footer>
  <center><h6><p>Website property of <b><i>The Dinner House</i></b> - Made professionally by <b><i>Sam Duggan</a></b></i> ©2017</p></center></h6>
</footer>

<!----------------------------------------Google Translate---------------------------------------------------------------->




<!------------------------------------------------------------------------------------------------------------------------->

</html>