Professional Documents
Culture Documents
Code:-
<!DOCTYPE html>
<head>
<title></title>
<style>
body {
margin: 0px;
padding: 0px;
.container {
width: 960px;
margin: 0 auto;
nav {
height: 50px;
background-color: #F5A4C7;
nav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
nav ul li {
float: left;
nav ul a {
text-decoration: none;
text-align: center;
color: black;
display: block;
height: 50px;
width: 192px;
line-height: 50px;
nav ul a:hover {
background-color: #808080;
}
nav ul li:hover > ul {
visibility: visible;
nav ul ul {
position: absolute;
background-color: white;
visibility: hidden;
nav ul ul ul {
margin-left: 192px;
margin-top: -50px;
nav ul ul li {
float: none;
</style>
</head>
<body>
<div class="container">
<header>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li>
<ul>
<li>
<li>
</li>
<li><a href="#">Testimonials</a></li>
</ul>
<li>
<ul>
<li>
<li>
<a href="#">Greetings </a>
</li>
</ul>
</li>
<li><a href="#">Showcase</a></li>
<li>
<a href="#">Events</a>
<ul>
<li><a href="#">Announcement</a></li>
<li>
<a href="#">Exhibition</a>
<li>
</li>
</li>
</ul>
</nav>
</div>
</body>
</html>
Output Snaps:-