SHARE
TWEET

Untitled

a guest Sep 21st, 2019 86 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .footer {
  2.     // position: fixed;
  3.     box-sizing: border-box;
  4.     display: flex;
  5.     // position: fixed;
  6.     justify-content: center;
  7.     flex-direction: column;
  8.     background: #222;
  9.     width: 100%;
  10.     // height: 100%;
  11.     // box-sizing: border-box;
  12.     bottom: 0;
  13.     // top: 0; // background-size: auto;
  14.     color: white;
  15.  
  16.     .first {
  17.         // width: 1068px;
  18.         display: block;
  19.         flex-direction: column;
  20.         // justify-content: center;
  21.         // text-align: center;
  22.         margin: 0 310px 38px;
  23.  
  24.         .logo {
  25.             display: flex;
  26.             justify-content: center;
  27.             margin: 0 0 20px;
  28.  
  29.  
  30.         }
  31.  
  32.         .content {
  33.             // box-sizing: border-box;
  34.             display: flex;
  35.             flex-direction: column;
  36.             justify-content: center;
  37.             flex-wrap: wrap;
  38.  
  39.  
  40.             .text {
  41.                 display: flex;
  42.                 flex-wrap: wrap;
  43.                 text-align: center;
  44.             }
  45.  
  46.             .contact {
  47.                 display: flex;
  48.                 justify-content: center;
  49.                 font-size: 15px;
  50.                 padding: 21px 0;
  51.  
  52.  
  53.                 a {
  54.                     margin: 0 0 0 10px;
  55.                     color: #a39176;
  56.  
  57.                     &.link {
  58.                         &:hover {
  59.                             text-decoration: underline;
  60.                         }
  61.                     }
  62.  
  63.                 }
  64.             }
  65.  
  66.  
  67.         }
  68.  
  69.         .social {
  70.             display: block;
  71.             margin: 0 auto;
  72.             // justify-content: center;
  73.  
  74.             ul {
  75.                 display: flex;
  76.                 justify-content: center;
  77.                 align-items: center;
  78.  
  79.                 li {
  80.                     border: 1px solid rgba(255, 255, 255, 0.03);
  81.                     margin: 10px;
  82.                     height: 40px;
  83.                     width: 40px;
  84.                     background: rgba(255, 255, 255, 0.03);
  85.  
  86.                     a {
  87.                         display: flex;
  88.                         justify-content: center;
  89.                         align-items: center;
  90.                         color: #fff;
  91.                         font-size: 18px;
  92.                         height: 40px;
  93.                         width: 40px;
  94.  
  95.  
  96.                         &.fb {
  97.                             &:hover {
  98.                                 color: rgb(41, 41, 214);
  99.                             }
  100.  
  101.                         }
  102.  
  103.                         &.insta {
  104.                             &:hover {
  105.                                 color: rgb(223, 126, 142);
  106.                             }
  107.                         }
  108.  
  109.                         &.youtube {
  110.                             &:hover {
  111.                                 color: rgb(226, 14, 14);
  112.                             }
  113.                         }
  114.                     }
  115.                 }
  116.             }
  117.  
  118.         }
  119.  
  120.     }
  121.  
  122.     .last {
  123.         display: flex;
  124.         background: #000;
  125.  
  126.         .last-div {
  127.             display: block;
  128.             margin: 0 100px;
  129.  
  130.             .last-last-div {
  131.                 margin: 8px 0;
  132.                 padding: 0 24px;
  133.                 font-size: 12px;
  134.             }
  135.         }
  136.     }
  137. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top