
<!DOCTYPE html>


<!-------------------------------------------------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 - Menu</title>





<!-----------------------------------------This is overall opactity of website--------------------------------------------->



<!-------------------------------------------------Website Icon---------------------------------------------------------->




<!----------------------------------------------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{
		box-shadow: 0px 8px 16px 0px rgba(100,0,0,0.2);
		background-size:101%;
		}

</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:257px;
	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>



<!--------------------------------------------Menu PDF-------------------------------------------------------->


<!--------------------------------------------Coupon Section-------------------------------------------------------->

<html>
<style>
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 240px;
    background-color: black;
    color: red;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
</style>
<body style="text-align:center;">



<!--------------------------------------------Online Menu-------------------------------------------------------->

<p><b><h1><center><font size="9px">This menu is not available!</center></h1></font></p></b></center>

<center><b><h2>Please refer to our <a href="Menu.pdf" target="_blank" title="[A 1 to 1 Digital PDF of Menu]">PDF</a> menu for accurate pricing</h2>

     
</body>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<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>

<!------------------------------------------------------------------------------------------------------------------------->

</html>