Top Nav with Dropdown and sub-dropdown.html

<div class="w3-bar w3-light-pink">
<br>
    <a href="index.php" class="w3-bar-item w3-button" style="font-size:16pt;">Home</a>
	<a href="about.php" class="w3-bar-item w3-button" style="font-size:16pt;">About Us</a>
    <div class="w3-dropdown-hover">
        <a href="gallery.php" class="w3-button" style="font-size:16pt;">Gallery</a>
            <div class="w3-dropdown-content w3-bar-block w3-card-4">
                <a href="celebrations.php" class="w3-bar-item w3-button" style="font-size:16pt;">Celebrations</a>
                <a href="favours.php" class="w3-bar-item w3-button" style="font-size:16pt;">Party Favours</a>
                <a href="toppers.php" class="w3-bar-item w3-button" style="font-size:16pt;">Cake Toppers</a>
                <a href="deserts.php" class="w3-bar-item w3-button" style="font-size:16pt;">Deserts</a>
                <div class="w3-dropdown-hover">
                    <a href="#" class="w3-button" style="font-size:16pt;" onmouseover="subNavShow()" onmouseout="subNavHide()">Seasonal</a>
                    <div id="seasonal-dropdown" class="w3-dropdown-content w3-bar-block w3-card-3" style="display:none;" onmouseover="seasonalShow()" onmouseout="seasonalHide()">
                        <a href="valentines.php" class="w3-bar-item w3-button w3-dropdown-2" style="bottom:0pt;">Valentines</a>
                        <a href="easter.php" class="w3-bar-item w3-button w3-dropdown-2" style="">Easter</a>
                        <a href="christmas.php" class="w3-bar-item w3-button w3-dropdown-2" style="top:35pt;">Christmas Cakes</a>
                        <a href="mothers.php" class="w3-bar-item w3-button w3-dropdown-2" style="top:94pt;">Mother's Day</a>
                        <a href="fathers.php" class="w3-bar-item w3-button w3-dropdown-2" style="top:129pt;">Father's Day</a>
                    </div>
            </div>
        </div>
    </div>
    <a href="blog" class="w3-bar-item w3-button" style="font-size:16pt;">My Blog</a>
			<a href="promise.php" class="w3-bar-item w3-button" style="font-size:16pt;">My Promise</a>
			<a href="order.php" class="w3-bar-item w3-button" style="font-size:16pt;">Order</a>
		</header>
		<script type="text/javascript">
			function subNavShow() {
				document.getElementById("seasonal-dropdown").style.display = "block";
			}

			function subNavHide() {
				document.getElementById("seasonal-dropdown").style.display = "none";
			}
		</script>