Advertisement
Guest User

Untitled

a guest
Aug 17th, 2019
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.75 KB | None | 0 0
  1. robot_logo{
  2. position: fixed;
  3. margin-top: 0px;
  4. float: left;
  5. }
  6. .a{
  7. position: absolute;
  8. background:#C0C0C0;
  9. width: 200px;
  10. height: 90px;
  11. left: 130px;
  12. top: 130px;
  13. }
  14. .b {
  15. position: absolute;
  16. background:#C0C0C0;
  17. width: 160px;
  18. height: 155px;
  19. left: 150px;
  20. top: 110px;
  21. }
  22.  
  23. <div class="robot_logo">
  24. <div class="a"></div>
  25. <div class="b"></div>
  26. </div>
  27.  
  28. <header>
  29. <div class="container">
  30. <div class="heading clearfix">
  31.  
  32. <div class="robot_logo">
  33. <div class="a"></div>
  34. <div class="b"></div>
  35. </div>
  36. <img class="logo" src="img/logotip.png"></img>
  37. <nav> <ul class="menu">
  38. <li><a href="#partfolio">qwerty</a></li>
  39. <li><a href="">qwert</a></li>
  40. <li><a href="">qwer</a></li>
  41. <li><a href="">qwe</a></li>
  42. </ul></nav>
  43. </div>
  44. <div class="titles">
  45. <div class="titles__first">
  46. qwertyqwertyqwertys2634871268756197856923852386598326
  47. </div>
  48. <h1 class="gradient-text">
  49. qwerty1qwerty1qwerty1
  50. </h1>
  51. </div>
  52. <a class="button" href="">qwerty111</a>
  53. </div>
  54.  
  55. </header>
  56.  
  57. div {
  58. box-sizing: border-box;
  59. }
  60. body {
  61. font-family: Arial, sans-serif;
  62. padding: 0;
  63. margin:0;
  64. }
  65. .clearfix:after {
  66. content: '';
  67. display: table;
  68. width: 100%;
  69. clear: both;
  70. }
  71. header {
  72. background: url(../img/4.jpg) 100% 100% no-repeat;
  73. background-size: cover;
  74. }
  75. .heading {
  76. background-color: #fff;
  77. box-shadow: 0 0 10px rgba(0,0,0,0.5);
  78. }
  79. .container{
  80. width: 60%;
  81. margin: 0 auto;
  82.  
  83. }
  84. .logo {
  85. margin-top: 41px;
  86. float: left;
  87. }
  88. /*меню*/
  89. nav{
  90. float: right;
  91. margin-top: 50px;
  92. }
  93. .menu{
  94. padding: 0;
  95. margin: 0;
  96. display: block;
  97. }
  98. .menu li{
  99. float: left;
  100. display: block;
  101. margin-right: 41px;
  102. }
  103. .menu li a{
  104. color: #000;
  105. text-decoration: none; /*убрать подчеркивания*/
  106. text-transform: uppercase;
  107. font-size: 14px;
  108. }
  109. .titles{
  110. word-wrap:break-word;
  111. color: #fff;
  112. }
  113. .titles__first {
  114. font-size: 40px;
  115. text-transform: uppercase;
  116. text-align: center;
  117. margin-top: 180px;
  118. color: #fff;
  119. }
  120. h1 {
  121. font-size: 75px;
  122. color: #fff;
  123. text-transform: uppercase;
  124. text-align: center;
  125. margin: 15px;
  126. }
  127. .button {
  128. background: #fed136;
  129. color: #484543;
  130. display: block;
  131. width: 240px;
  132. padding: 20px 0;
  133. margin: 0 auto;
  134. text-decoration: none;
  135. text-align: center;
  136. text-transform: uppercase;
  137. font-weight: bold;
  138. font-size: 18px;
  139. margin-top: 50px;
  140. margin-bottom: 100px;
  141. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement