StudentCodingHUB

Use programming to create innovative things.
  • new post

    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