feat: finaliza o footer e o desktop

This commit is contained in:
Yan Pecanha Garriga 2022-10-11 20:11:43 -03:00
parent 25fc89dc22
commit 5ac925dfcf
5 changed files with 52 additions and 4 deletions

BIN
assets/images/logo1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 490 B

BIN
assets/images/logo2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 287 B

BIN
assets/images/logo3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 351 B

View File

@ -185,6 +185,32 @@ body {
padding: 2.6vw 14.583vw 6.04vw; padding: 2.6vw 14.583vw 6.04vw;
} }
.page-footer {
display: flex;
flex-direction: column;
align-items: center;
padding: 1.979vw 0;
background-color: #000000;
}
.footer-icons {
display: flex;
list-style: none;
padding-bottom: 26px;
}
.footer-icon {
margin: 0 8px;
}
.footer-text {
text-transform: uppercase;
line-height: 12px;
font-size: 10px;
color: #BDBDBD;
text-align: center;
}
@media screen and (max-width: 414px) { @media screen and (max-width: 414px) {
.main-banner-desktop { .main-banner-desktop {
display: none; display: none;

View File

@ -159,10 +159,32 @@
<img class="bottom-banner-image" src="./assets/images/bottom-banner-desktop.png" alt="banner de baixo" /> <img class="bottom-banner-image" src="./assets/images/bottom-banner-desktop.png" alt="banner de baixo" />
</div> </div>
<footer>
</footer>
</main> </main>
<footer class="page-footer">
<ul class="footer-icons">
<li class="footer-icon">
<a href="/">
<img src="./assets/images/logo1.png" alt="logo-footer1">
</a>
</li>
<li class="footer-icon">
<a href="/">
<img src="./assets/images/logo2.png" alt="logo-footer2">
</a>
</li>
<li class="footer-icon">
<a href="/">
<img src="./assets/images/logo3.png" alt="logo-footer3">
</a>
</li>
</ul>
<p class="footer-text">
Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
</p>
</footer>
</body> </body>
</html> </html>