Line 212: | Line 212: | ||
/************************************************** Sponsor and Social Connact Link Cover **************************************************/ | /************************************************** Sponsor and Social Connact Link Cover **************************************************/ | ||
.footer-container{ | .footer-container{ | ||
− | width: | + | width:100%; |
height:300px; | height:300px; | ||
− | + | /*top right bottom left*/ | |
background-color:#0B0C0C ; | background-color:#0B0C0C ; | ||
position:absolute; | position:absolute; | ||
} | } | ||
− | .footer-sponsor-container { | + | .footer-sponsor-container{ |
− | + | border:70%; /*split the sponsor container from the full footer-container */ | |
background-color:inherit; | background-color:inherit; | ||
padding-top:50px; | padding-top:50px; | ||
+ | padding-left:50px; | ||
float:left; | float:left; | ||
} | } | ||
− | .footer-contact-container { | + | .footer-contact-container{ |
− | + | border:30%; /*split the contact container from the full footer-container */ | |
− | + | ||
− | + | ||
background-color:inherit; | background-color:inherit; | ||
+ | padding-top:30px; | ||
+ | padding-right:80px; | ||
float:right; | float:right; | ||
+ | } | ||
+ | |||
+ | /*************************** Social contact link *************************/ | ||
+ | .fa { | ||
+ | padding: 20px; | ||
+ | font-size: 30px; | ||
+ | width: 30px; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | |||
+ | .fa:hover { | ||
+ | opacity: 0.7; | ||
+ | } | ||
+ | |||
+ | .fa-facebook { | ||
+ | background: #3B5998; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .fa-instagram { | ||
+ | background: #125688; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .fa-google { | ||
+ | background: #dd4b39; | ||
+ | color: white; | ||
} | } | ||
Revision as of 09:44, 21 July 2017