Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save 14sprouj/e2b8b5e0bcfd02489f5bece322e2842d to your computer and use it in GitHub Desktop.
Save 14sprouj/e2b8b5e0bcfd02489f5bece322e2842d to your computer and use it in GitHub Desktop.
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment