<?php
$tab = $_GET["tab"];
if ($tab == "") {$tab = "home";}
?>

<!DOCTYPE html>
<html>

<head>
    <title>Mellys Weihnachts Kalender</title>
    <meta charset="UTF-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script src="js/nav.js"></script>
	  <meta name="viewport" content="width=device-width, initial-scale=0.7">
</head>

    <header>
        <h1>
              Mellys Weihnachts Kalender
        </h1>
    </header>
   <!--  <nav id="nav">
			<ul class="navUl">
				<li><a href="?tab=home" <?php if ($tab == "home")?>>Home</a></li>
				<li><a href="?tab=bilder" <?php if ($tab == "bilder")?>>Galerie</a></li>
				<li><a href="?tab=gästebuch" <?php if ($tab == "gästebuch")?>>Gästebuch</a></li>
				<li class="mainMenu"><a href="#">Über</a>
					<ul class="submenu">
						<li><a href="?tab=impressum">Impressum</a></li>	
						<li><a href="?tab=datenschutz" <?php if ($tab == "datenschutz")?>>Datenschutz</a></li>
						<li><a href="mailto:illg@illg.xyz?subject=HochzeitWeb" target="_blank">Kontak</a></li>
					</ul>
				</li>
		     </ul>
		</nav> -->
   
		<script type="text/javascript">
			$(".mainMenu > a").mouseover(function(){
  				$(this).siblings().addClass('submenuActive');
			})
			$(".mainMenu").mouseleave(function(){
				$(this).children().removeClass('submenuActive')	
			})
		</script>
<body>

	<article> 

		<?php include('tab/'.$tab.'.php');?>
		
	</article> 

<footer class"footer">
    <img src=""></img>
</footer>

</body>
</html>