forked from SimplesIP/pabx-app
Matheo Bonucia
10 months ago
10 changed files with 247 additions and 190 deletions
@ -0,0 +1,80 @@
|
||||
.footer { |
||||
display: flex; |
||||
flex: 1; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
align-items: stretch; |
||||
justify-content: center; |
||||
width: 100vw; |
||||
height: 150px; |
||||
position: relative; |
||||
background-color: white; |
||||
border-radius: 60px 60px 0 0; |
||||
top: -80px; |
||||
overflow: hidden; |
||||
transition: slideY 1s ease-in-out; |
||||
} |
||||
|
||||
.logo { |
||||
display: flex; |
||||
flex-direction: column; |
||||
font-size: small; |
||||
justify-content: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.mainfooter { |
||||
color: rgba(100, 100, 100, 0.833); |
||||
height: 180px; |
||||
background-color: white; |
||||
} |
||||
|
||||
.content-footer { |
||||
margin-top: 3px; |
||||
margin-left: 20px; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
align-items: center; |
||||
font-size: small; |
||||
} |
||||
|
||||
.content-footer>p { |
||||
margin-bottom: 3px; |
||||
} |
||||
|
||||
.footer p { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.foote img { |
||||
width: 60px; |
||||
height: 55px; |
||||
} |
||||
|
||||
.links { |
||||
display: flex; |
||||
flex-direction: row; |
||||
justify-content: space-evenly; |
||||
align-items: start; |
||||
width: 100%; |
||||
margin: 45px 5px 15px 5px; |
||||
} |
||||
|
||||
.links a { |
||||
text-decoration: none; |
||||
color: #2D69F5; |
||||
list-style-type: none; |
||||
font-size: 18px; |
||||
} |
||||
|
||||
.line { |
||||
width: 80%; |
||||
height: 2px; |
||||
background-color: whitesmoke; |
||||
} |
||||
|
||||
.mainfooter { |
||||
-webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; |
||||
animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; |
||||
} |
@ -1,11 +1,11 @@
|
||||
<?php |
||||
|
||||
function GerarSociais() { |
||||
|
||||
echo '<div class="menu"> |
||||
<a href="#"><div class="social"><i class="fa-brands fa-whatsapp fa-2x"></i></div></a> |
||||
<a href="#"><div class="social"><i class="fa-brands fa-instagram fa-2x"></i></div></a> |
||||
<a href="#"><div class="social"><i class="fa-brands fa-linkedin-in fa-2x"></i></div></a> |
||||
</div>'; |
||||
} |
||||
|
||||
|
||||
?> |
Loading…
Reference in new issue