Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Mak Lista</title>
- <link rel="stylesheet" type="text/css" href="css/style.css">
- </head>
- <body>
- <header>
- <div class="main">
- <div class="logo">
- <img src="logo.png">
- </div>
- <ul>
- <li><a href="#">About us</a></li>
- <li><a href="#">Terms & Services</a></li>
- <li><a href="#">User Package</a></li>
- <li><a href="#">Marketing</a></li>
- </ul>
- </div>
- </header>
- </body>
- </html>
- //////////////////////
- *{
- margin: 0;
- padding: 0;
- font-family: Century Gothic;
- }
- ul{
- float: left;
- list-style-type: none;
- margin-top: 50px;
- margin-left: 100px;
- }
- ul li{
- display: inline-block;
- }
- ul li a{
- font-weight:bold;
- text-decoration: none;
- color: black;
- padding: 5px 10px;
- border: 1px solid black;
- transition: 0.5s ease;
- }
- ul li a:hover{
- background-color: orange;
- color: #000;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement