Tuesday, October 24, 2017

HTML Tutorial Vertical Navigation Bar Code


HTML Tutorial Vertical Navigation Bar Code
 <!DOCTYPE html>
 <html>
 <head><title>TECH-SITE</title>
 <style type="text/css" media="all">
 ul {
     list-style-type:none;
     background-color:#f1f1f1;
     width:200px;
     padding:0;
     margin:0;
    }

 li a{
   text-decoration:none;
   font-size:1.2em;
   color:black;
   padding:10px;
   display:block;

    }

 li a:hover{
   background-color:#398f43;
    color:white;
 }
 </style>
 </head>



 <body>
 <h1>Welcome to Technology Solutions</h1><hr>
 <div class='novbar'>

 <ul>
    <li><a href='#home'>Home</a></li>
    <li><a href='#eBooks'>eBooks</a></li>
    <li><a href='#eLesson'>eLesson</a></li>
    <li><a href='#eVideos'>eVideos</a></li>
    <li><a href='#About'>About</a></li>
    <li><a href='#Contact'>Contact</a></li>
 </ul>


 </div>
 </body>
 </html>

SHARE THIS

Author:

0 Post a Comment: