footer e alguns ajustes no card bottom
This commit is contained in:
parent
ab2f028b32
commit
456d81195a
@ -188,6 +188,7 @@ body {
|
||||
margin: 0 0 5%;
|
||||
}
|
||||
|
||||
|
||||
.gallery-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -224,6 +225,31 @@ body {
|
||||
|
||||
}
|
||||
|
||||
/*Footer*/
|
||||
|
||||
.box-footer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: black;
|
||||
width: 100%;
|
||||
height: 128px;
|
||||
}
|
||||
|
||||
.footer-informacao {
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 10px;
|
||||
line-height: 12px;
|
||||
text-transform: uppercase;
|
||||
color: #BDBDBD;
|
||||
}
|
||||
|
||||
.footer-logo {
|
||||
margin: 0 8px 17px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1023px) {
|
||||
.banner-big {
|
||||
display: none;
|
||||
@ -252,6 +278,7 @@ body {
|
||||
|
||||
.cards-top {
|
||||
padding: 0 32px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.card-top-box {
|
||||
@ -290,4 +317,8 @@ body {
|
||||
.foto-final {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-informacao {
|
||||
max-width: 261px;
|
||||
}
|
||||
}
|
11
index.html
11
index.html
@ -109,6 +109,15 @@
|
||||
</div>
|
||||
<img class="foto-final" src="./assents/imagens/banner-bottom.png" alt="Foto de computador embasado">
|
||||
</section>
|
||||
</main>
|
||||
</main>
|
||||
<footer class="box-footer">
|
||||
<div class="box-footer-logo">
|
||||
<img class="footer-logo" src="./assents/imagens/logo-intagram.png" alt="logo instagram">
|
||||
<img class="footer-logo" src="./assents/imagens/logo-facebook.png" alt="loogo facebook">
|
||||
<img class="footer-logo" src="./assents/imagens/logo-youtube.png" alt="logo youtube">
|
||||
</div>
|
||||
<p class="footer-informacao">Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
|
||||
</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user