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 |
<?php |
||||||
|
|
||||||
function GerarSociais() { |
|
||||||
echo '<div class="menu"> |
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-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-instagram fa-2x"></i></div></a> |
||||||
<a href="#"><div class="social"><i class="fa-brands fa-linkedin-in fa-2x"></i></div></a> |
<a href="#"><div class="social"><i class="fa-brands fa-linkedin-in fa-2x"></i></div></a> |
||||||
</div>'; |
</div>'; |
||||||
} |
|
||||||
|
|
||||||
?> |
?> |
Loading…
Reference in new issue