adicionando footer

This commit is contained in:
Ana Carolina Duarte Cavalcante 2022-10-07 18:30:26 -03:00
parent 9314ec6eac
commit aac50992a2
3 changed files with 45 additions and 3 deletions

View File

@ -0,0 +1,36 @@
footer {
width: 100%;
height: 128px;
left: 0px;
top: 435px;
bottom: 0;
background: #000000;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
footer .social-media {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
width: 104px;
}
footer span {
font-weight: 400;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #BDBDBD;
}
@media screen and (max-width: 415px) {
footer span {
width: 261px;
text-align: center;
}
}

View File

@ -117,7 +117,6 @@
height: 596px;
margin: auto;
top: 242px;
bottom: 179px;
}
.content-text-final img {
@ -233,7 +232,6 @@
font-weight: 400;
font-size: 16px;
line-height: 24px;
bottom: 135px;
}
}

View File

@ -89,6 +89,14 @@
</div>
</section>
</main>
<footer>
<div class="social-media">
<a href="#"><img src="./assets/img/Instagram.svg"></a>
<a href="#"><img src="./assets/img/facebook-logo.svg"></a>
<a href="#"><img src="./assets/img/Youtube.svg"></a>
</div>
<span>Copyright © 2020 - Loja Comércio Eletrônico | CNPJ: 000.000.000/0001-00
</span>
</footer>
</body>
</html>