Adiciona o footer desktop

This commit is contained in:
Guilherme Carvalho da Rosa 2022-10-12 23:51:45 -03:00
parent 6821d9238f
commit 7c27557aab
5 changed files with 53 additions and 2 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 287 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 492 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 351 B

View File

@ -103,7 +103,7 @@ body {
.middle-cards { .middle-cards {
background: #E0E0E0; background: #E0E0E0;
margin-bottom: 130px; margin-bottom: 190px;
} }
@ -119,6 +119,34 @@ body {
} }
.page-footer {
display: flex;
flex-direction: column;
align-items: center;
padding: 38px;
background: black;
}
.footer-icons {
display: flex;
list-style: none;
}
.footer-icon {
margin: 0 8px;
margin-bottom: 16px;
}
.footer-text {
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #BDBDBD;
}
@media screen and (max-width: 414px) { @media screen and (max-width: 414px) {
.main-banner-desktop{ .main-banner-desktop{
display: none; display: none;

View File

@ -77,6 +77,29 @@
</main> </main>
<footer></footer> <footer class="page-footer">
<ul class="footer-icons">
<li class="footer-icon">
<a href="#" target="_blank">
<img src="./assests/images/instagram-icon.png" alt="Ícone do Instagram">
</a>
</li>
<li class="footer-icon">
<a href="#" target="_blank">
<img src="./assests/images/facebook-icon.png" alt="Ícone do Facebook">
</a>
</li>
<li class="footer-icon">
<a href="#" target="_blank">
<img src="./assests/images/youtube-icon.png" alt="Ícone do Youtube">
</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>