Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ```scss
- footer{
- display: flex;
- flex-direction: row;
- height: 200px;
- width: 100%;
- background-color: $blue;
- .container{
- display: flex;
- justify-content: space-around;
- margin: 0 auto;
- div{
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- img{
- height: 100%;
- width: auto;
- margin-left: -200px;
- }
- .footer-nav{
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center left;
- a{
- margin: 5px;
- text-decoration: none;
- color: $white;
- font-family: $raleway;
- font-size: 18px;
- transition-duration: 0.3s;
- }
- a:hover{
- color: $yellow;
- transition-duration: 0.3s;
- }
- .active{
- font-weight: bold;
- color: $yellow;
- }
- }
- p{
- text-decoration: none;
- color: $white;
- font-family: $raleway;
- font-size: 18px;
- .underline{
- text-decoration: underline;
- }
- .bold{
- font-weight: bold;
- }
- }
- .icon{
- margin: 20px;
- font-size: 50px;
- color: $white;
- }
- }
- }
- }
- ```
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement