BernardoWaldhelm/challenge-landing-page-BernardoWaldhelm
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(home): adicionando footer desktop

Browse Source
This commit is contained in:
Bernardo Cunha Ernani Waldhelm 2022-10-12 18:42:29 -03:00
parent e81944a5fe
commit cc7a2b553a
2 changed files with 51 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
assets/styles/css/main.css
View File

@ -186,6 +186,35 @@
margin-bottom: 130px;
}
.footer{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
background: #000;
padding: 38px 0 ;
}
.footer__logos {
display: flex;
list-style: none;
margin-bottom: 12px;
}
.footer__logo {
margin: 0 8px;
}
.footer__text {
font-weight: 400;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #BDBDBD;
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
.home-destaque__img {
width: 58%;

22
index.html
View File

@ -87,6 +87,28 @@
<img class="home-description__img banner__img__mobile" src="./assets/images/home-description-mobile.png" alt="Imagem embaçada código" />
</section>
<footer class="footer">
<ul class="footer__logos">
<li class="footer__logo">
<a href="#" target="_blank">
<img class="footer__img" src="./assets/images/insta-logo.png" alt="Ícone Instagram"/>
</a>
</li>
<li class="footer__logo">
<a href="#">
<img class="footer__img" src="/assets/images/facebook-logo.png" alt="Ícone Facebook">
</a>
</li>
<li class="footer__logo">
<a href="#">
<img class="footer__img" src="/assets/images/youtube-logo.png" alt="Ícone Youtube">
</a>
</li>
</ul>
<p class="footer__text">Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
</p>
</footer>
</main>
</body>