forked from M3-Academy/practice-time-landing-page
adicionando footer
This commit is contained in:
parent
9314ec6eac
commit
aac50992a2
@ -0,0 +1,36 @@
|
||||
footer {
|
||||
width: 100%;
|
||||
height: 128px;
|
||||
left: 0px;
|
||||
top: 435px;
|
||||
bottom: 0;
|
||||
background: #000000;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
footer .social-media {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
width: 104px;
|
||||
}
|
||||
|
||||
footer span {
|
||||
font-weight: 400;
|
||||
font-size: 10px;
|
||||
line-height: 12px;
|
||||
text-transform: uppercase;
|
||||
color: #BDBDBD;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 415px) {
|
||||
footer span {
|
||||
width: 261px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
@ -117,7 +117,6 @@
|
||||
height: 596px;
|
||||
margin: auto;
|
||||
top: 242px;
|
||||
bottom: 179px;
|
||||
}
|
||||
|
||||
.content-text-final img {
|
||||
@ -233,7 +232,6 @@
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
bottom: 135px;
|
||||
}
|
||||
|
||||
}
|
||||
|
10
index.html
10
index.html
@ -89,6 +89,14 @@
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="social-media">
|
||||
<a href="#"><img src="./assets/img/Instagram.svg"></a>
|
||||
<a href="#"><img src="./assets/img/facebook-logo.svg"></a>
|
||||
<a href="#"><img src="./assets/img/Youtube.svg"></a>
|
||||
</div>
|
||||
<span>Copyright © 2020 - Loja Comércio Eletrônico | CNPJ: 000.000.000/0001-00
|
||||
</span>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user