Thiago.bronisio/challenge-landing-page-thiago-bronisio
0
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'feat(footer): finalizei o footer versão desktop' (#8) from feature/style-footer into main

Browse Source 
Reviewed-on: #8
This commit is contained in:
Thiago Bronisio Damascena 2022-10-09 23:23:10 +00:00
commit ea0c2a8255
3 changed files with 59 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/img/img-instagram.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 329 B

After

Width:  |  Height:  |  Size: 492 B

39
index.html
View File

@ -184,30 +184,35 @@
</main>
<footer>
<footer class="container-footer">
<a>
<figure>
<img src="./assets/img/img-instagram.png" alt="Instagram">
</figure>
</a>
<div class="info-footer">
<div class="img-footer">
<a>
<figure>
<img src="./assets/img/img-instagram.png" alt="Instagram">
</figure>
</a>
<a>
<figure>
<img src="./assets/img/img-facebook.png" alt="Facebook">
</figure>
</a>
<a class="img-facebook">
<figure>
<img src="./assets/img/img-facebook.png" alt="Facebook">
</figure>
</a>
<a>
<figure>
<img src="./assets/img/img-youtube.png" alt="Youtube">
</figure>
</a>
<a>
<figure>
<img src="./assets/img/img-youtube.png" alt="Youtube">
</figure>
</a>
</div>
<div>
<p>Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00</p>
</div>
</footer>
</body>

37
style.css
View File

@ -228,6 +228,43 @@
width: 100%;
}
/* Footer */
.container-footer{
background-color: #000000;
margin-top: 116px;
}.container-footer p {
text-align: center;
color: #BDBDBD;
line-height: 12px;
font-size: 10px;
text-transform: uppercase;
}
.info-footer{
padding: 38px 0px;
}
.img-footer {
display: flex;
margin: 0 auto;
justify-content: center;
align-items: center;
margin-bottom: 17px;
}
.info-footer a {
text-decoration: none;
color: #FFFFFF;
}.info-footer p {
text-align: center;
color: #BDBDBD;
}
.img-facebook {
margin: 0px 21.51px;
}
}