Pages

Wednesday, January 9, 2019

Making of professional navigation/menu in a website HTML/CSS


menu.html


<!doctype html>
<html>

<style>
*{
   margin:0px;
   padding:0px;
   font-family:helvetica;
}
.menu{
   background:#333; 
   overflow:hidden;
}
.menu a{
   color:white;
   text-decoration:none;
   float:left;
   padding:14px 16px;
   font-size:20px;
}
.menu a:hover{
   background:#dfdfdf;
   color:#333;
}
.menu .active{
   background:#4CAF50;
}
</style>
<body>
   <div class="menu">
     <a href="#">Home</a>
     <a href="#" class="active">item 1</a>
     <a href="#">item 2</a>
     <a href="#">contact us</a>
     <a href="#">about us</a>
   </div>
</body>
</html>

1 comment:

  1. Hi i have a project kindky complete for me i will give you handsome amount according to your wish if you are interested kindly contact me number phone number is 00923170588810 sane number i have on whatsapp

    ReplyDelete