<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
body{
margin:0;
background-image: url("i.jpg");
background-repeat:no-repeat;
background-size:cover;
height:100vh;
}
.navigation{
background-color:ghostwhite;
overflow:hidden;
width:300px;
}
.navigation a{
text-decoration: none;
text-transform: uppercase;
color:red;
padding:10px;
display:block;
}
.navigation a:hover{
color:white;
background-color:greenyellow;
}
.navigation a.active{
background-color:azure;
}
</style>
</head>
<body>
<nav class="navigation">
<a href="#" class="active">Home</a>
<a href="#" >Location</a>
<a href="#" >Contact</a>
<a href="#" >about</a>
<a href="#" >profile</a>
</nav>
</body>
</html>
No comments :
Post a Comment