Advertisement
Guest User

Untitled

a guest
Feb 24th, 2020
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.89 KB | None | 0 0
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <title>Mak Lista</title>
  6. <link rel="stylesheet" type="text/css" href="css/style.css">
  7. </head>
  8. <body>
  9. <header>
  10. <div class="main">
  11.  
  12. <div class="logo">
  13. <img src="logo.png">
  14. </div>
  15.  
  16. <ul>
  17. <li><a href="#">About us</a></li>
  18. <li><a href="#">Terms & Services</a></li>
  19. <li><a href="#">User Package</a></li>
  20. <li><a href="#">Marketing</a></li>
  21. </ul>
  22.  
  23. </div>
  24. </header>
  25. </body>
  26. </html>
  27.  
  28.  
  29.  
  30.  
  31. //////////////////////
  32.  
  33. *{
  34. margin: 0;
  35. padding: 0;
  36. font-family: Century Gothic;
  37. }
  38. ul{
  39. float: left;
  40. list-style-type: none;
  41. margin-top: 50px;
  42. margin-left: 100px;
  43. }
  44. ul li{
  45. display: inline-block;
  46. }
  47. ul li a{
  48. font-weight:bold;
  49. text-decoration: none;
  50. color: black;
  51. padding: 5px 10px;
  52. border: 1px solid black;
  53. transition: 0.5s ease;
  54. }
  55. ul li a:hover{
  56. background-color: orange;
  57. color: #000;
  58. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement