Tuesday, 29 October 2019

Vertical menu bar Using HTML and CSS


Design 4  Vertical menu bar



<html>
<head>
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
.fontstyle{
font-size:30px;
font-weight:bold;
margin-top:10px;
color: blue;

}
div
{
border: 5px solid black;
padding: 7px;
width:55px;
}
</style>
</head>
<body>
<div> 
<span class="glyphicon glyphicon-music  fontstyle"></span>
<span class="glyphicon glyphicon-camera fontstyle"></span>
<span class="glyphicon glyphicon-envelope fontstyle"></span>
<span class="glyphicon glyphicon-pencil fontstyle"></span>
<span class="glyphicon glyphicon-signal fontstyle"></span>
<span class="glyphicon glyphicon-download-alt fontstyle"></span>
<span class="glyphicon glyphicon-font fontstyle"></span>

</div>
</body>


</html>


No comments:

Post a Comment