Facebook
From Whipped Dormouse, 1 Year ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 104
  1. .footer-container{
  2.         background-color:#3b393a;
  3.     font-family:'Montserrat', sans-serif;
  4.         display: flex;
  5.         width: 100%;
  6.         margin: 0 auto;
  7.         max-width: 1170px;
  8.         position: relative;
  9.         }
  10.  
  11. footer{
  12.         position:relative;
  13. }
  14.  
  15. footer:before{
  16.         display: flex;
  17.         content: '';
  18.         max-width: 100%;
  19.         background-image:url('img/footer_bdg2.jpg');
  20.         width:100%;
  21.         height: 100%;
  22.         }
  23. .footer-item-1, .footer-item-2, .footer-item-3, .footer-item-4{
  24.         display:flex;
  25.         flex-direction: column;
  26.         justify-content:center;
  27.         align-items: center;
  28.         color: white;
  29.         width:24%;
  30.         position:absolute;
  31.         z-index: 1;
  32.         }
  33. .footer-item-1{
  34.         display:flex;
  35.         flex-direction: column;
  36.         }
  37.  
  38. .footer-item-1 a{
  39.         display: flex;
  40.         text-decoration: none;
  41.         color: white;
  42.         font-size: 11px;
  43.         justify-content:flex-start;
  44.         }
  45.  
  46. .footer-item-1 p{
  47.         margin-top: 10px;
  48.         margin-bottom: 10px;
  49.         font-weight: bold;
  50.         text-transform: uppercase;
  51.         }
  52. .footer-item-2 a{
  53.         display:flex;
  54.         flex-direction: column;
  55.         text-decoration: none;
  56.         color: white;
  57.         font-size: 11px;
  58.         justify-content:flex-start;
  59.         }
  60.  
  61. .footer-item-2 p{
  62.         margin-top: 10px;
  63.         margin-bottom: 10px;
  64.         font-weight: bold;
  65.         text-transform: uppercase;
  66.         }
  67.  
  68. .footer-item-2{
  69.         display:flex;
  70.         flex-direction: column;
  71.         margin-top: 10px;
  72.         }
  73.  
  74. .footer-item-3 a{
  75.         display: flex;
  76.         text-decoration: none;
  77.         color: white;
  78.         font-size: 11px;
  79.         justify-content:flex-start;
  80.         }
  81.  
  82. .footer-item-3 p{
  83.         margin-top: 10px;
  84.         margin-bottom: 10px;
  85.         font-weight: bold;
  86.         text-transform: uppercase;
  87.         }
  88.  
  89. .footer-item-3{
  90.         display: flex;
  91.         margin-top: 10px;
  92.         }
  93.  
  94. .footer-item-4{
  95.         display:flex;
  96.         flex-direction: column;
  97.         margin-top:10px;
  98.         }
  99. .footer-item-4 p{
  100.         margin-top: 10px;
  101.         margin-bottom: 10px;
  102.         font-weight: bold;
  103.         text-transform: uppercase;
  104.         }
  105. .footer-item-4 span{
  106.         color:white;
  107.         font-size:12px;
  108. }
  109. .footer-item-4 label{
  110.         font-size:11px;
  111. }
  112. #l1{
  113.         font-size:9px;
  114.         color:gray;
  115. }
  116. .pole{
  117.         border-radius:5px;
  118.         border:none;
  119.         width:175px;
  120.         height:25px;
  121. }
  122. footer-item-4 > input{
  123.         float:left;
  124. }
  125. #submit{
  126.         border-radius:5px;
  127.         border:none;
  128.         width:75px;
  129.         height:25px;
  130.         background-color:#eda019;
  131.         color:white;
  132. }
  133. #koniec{
  134.         display:inline-block;
  135. }
  136. .footer-containter1{
  137.         background-color:#000000;
  138.         width:100%;
  139.         height:35px;
  140.         display:flex;
  141. }