feat:adicionando o footer

This commit is contained in:
Gustavo Rallenson Gonçalves Da Silva 2022-10-12 21:18:23 -03:00
parent 093475cef9
commit 43dccccf97
5 changed files with 43 additions and 5 deletions

View File

@ -182,12 +182,27 @@ background: #000000;
width: 70%;
}
.footer{
padding: 38px 0;
max-width: 100%;
display: flex;
justify-content: center;
padding: 30px 0;
flex-direction: column;
align-items: center;
background: #000000;
}
.icons{
display: flex;
list-style: none;
}
.icon{
margin: 0 8px 16px;
}
.footerText{
font-weight: 400;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #BDBDBD;
}
@media screen and (max-width: 1023px) {
.MainBannerDesktop, .footerDesk{
display: none;
@ -264,6 +279,10 @@ background: #000000;
justify-content: center;
align-items: center;
}
.footerText{
max-width: 280px;
text-align: center;
}
}
@media screen and (min-width: 1024px) {
.MainBannerMobile,.footermob{

BIN
assets/Image/facebook.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 287 B

BIN
assets/Image/instagram.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 490 B

BIN
assets/Image/youtube 2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 351 B

View File

@ -126,8 +126,27 @@
<img class="footermob lastBanner" src="/assets/Image/óculos moible.png" alt="Imagem oculos mobile">
</figure>
</main>
<footer class="footer">
<footer>
<div class="footer">
<ul class="icons">
<li class="icon" >
<a href="#" target="_blank">
<img src="/assets/Image/instagram.png" alt="icone do instragram">
</a>
</li>
<li class="icon">
<a href="#" target="_blank">
<img src="/assets/Image/facebook.png" alt="icone do facebook">
</a>
</li>
<li class="icon">
<a href="#" target="_blank">
<img src="/assets/Image/youtube 2.png" alt="icone do youtube">
</a>
</li>
</ul>
<p class="footerText">Copyright © 2020 - Loja Comércio Eletrônico | CNPJ: 000.000.000/0001-00</p>
</div>
</footer>
</body>
</html>