Advertisement
Guest User

Untitled

a guest
Jun 16th, 2019
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.50 KB | None | 0 0
  1. CTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>MTA</title>
  6.  
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <link rel="stylesheet" href="css/bootstrap.min.css">
  9.  
  10. <link rel="stylesheet" href="css/main.css">
  11.  
  12. <link rel="shortcut icon" href="images/logo.png" type="image/png">
  13. </head>
  14. <body>
  15. <header class="header">
  16. <div class="container">
  17. <div class="row">
  18. <div class="col-lg-5">
  19. <nav>
  20. <ul>
  21. <li class="menu__item">
  22. <a class="element" href="#">О проекте</a>
  23. <a class="element__1" href="#">Онлайн: 32</a>
  24. </li>
  25. </ul>
  26. </nav>
  27. </div>
  28. <div class="col-lg-2">
  29. <img src="images/logo.png" alt="logo" class="images__item" height="250" width="270">
  30. </div>
  31. <div class="col-lg-5">
  32. <nav>
  33. <ul>
  34. <li class="menu__item d-flex justify-content-end">
  35. <a class="element__2" href="#">Задонатить</a>
  36. <a class="element__3" href="#">Контакты</a>
  37. </li>
  38. </ul>
  39. </nav>
  40. </div>
  41. </div>
  42. </div>
  43. </header>
  44. </body>
  45. </html>
  46.  
  47. body{
  48. padding: 0;
  49. margin: 0;
  50. }
  51.  
  52. .header {
  53. background: url(../images/61A.png);
  54. background-repeat: no-repeat;
  55. height: 1080px;
  56. width: 1920px;
  57. }
  58.  
  59. ul, li {
  60. display: block;
  61. padding: 0;
  62. margin: 0;
  63. }
  64.  
  65. .menu__item {
  66. margin-top: 90px;
  67.  
  68. }
  69.  
  70. .menu__item a {
  71. font-size: 20px;
  72. text-decoration: none;
  73. color: #FFFFFF;
  74. }
  75.  
  76. .element {
  77. background: rgba(255, 255, 255, 0.1);
  78. border-radius: 10px;
  79. padding: 5px 20px 5px 20px;
  80. width: 157px;
  81. }
  82.  
  83. .element__1 {
  84. background: linear-gradient(45deg, #6925EB, #9C00FF);
  85. width: 157px;
  86. border-radius: 10px;
  87. padding: 5px 20px 5px 20px;
  88. margin-left: 83px;
  89. }
  90.  
  91. .element__2 {
  92. background: linear-gradient(45deg, #6925EB, #9C00FF);
  93. border-radius: 10px;
  94. padding: 5px 20px 5px 20px;
  95. margin-right: 83px;
  96. }
  97.  
  98. .element__3 {
  99. background: rgba(255, 255, 255, 0.1);
  100. border-radius: 10px;
  101. padding: 5px 20px 5px 20px;
  102. }
  103.  
  104. .images__item {
  105. margin-right: 504px;
  106. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement