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

feat(footer): finalizei o footer versão desktop

Browse Source
This commit is contained in:
Thiago Bronisio 2022-10-09 20:22:33 -03:00
parent 5cfbb00fc7
commit 8ef8409faa
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> </main>
<footer> <footer class="container-footer">
<a> <div class="info-footer">
<figure> <div class="img-footer">
<img src="./assets/img/img-instagram.png" alt="Instagram"> <a>
</figure> <figure>
</a> <img src="./assets/img/img-instagram.png" alt="Instagram">
</figure>
</a>
<a> <a class="img-facebook">
<figure> <figure>
<img src="./assets/img/img-facebook.png" alt="Facebook"> <img src="./assets/img/img-facebook.png" alt="Facebook">
</figure> </figure>
</a> </a>
<a> <a>
<figure> <figure>
<img src="./assets/img/img-youtube.png" alt="Youtube"> <img src="./assets/img/img-youtube.png" alt="Youtube">
</figure> </figure>
</a> </a>
</div>
<div>
<p>Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00</p> <p>Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00</p>
</div> </div>
</footer> </footer>
</body> </body>

37
style.css
View File

@ -228,6 +228,43 @@
width: 100%; 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;
}
} }