VERTICAL NAVIGATION BAR
Run 
<!DOCTYPE html>
<html lang="en">
<head>
 <title>HTML </title>
 <style>
    ul {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  width: 200px;
	  background-color: #CCCCCC;
	  
	}

	li a {
	  display: block;
	  color: black;
	  padding: 8px 16px;
	  text-decoration: none;
	}

	/* Change the link color on hover */
	li a:hover {
	  background-color: #555555;
	  color: white;
	}


 </style>
</head>
<body>
   <h2> Vertical navigation bar</h2>
   <ul >
	 <li> <a class="active" href="#">Home</a> </li>
	  <li><a href="#about">About</a></li>
	  <li><a href="#contact">Contact</a></li>
	</ul>
	

</body>
</html>