Browse Source

Mais aperfeicoamentos implementados na pagina de login

dev
Matheo Bonucia 10 months ago
parent
commit
7856e59c12
  1. 97
      components/Footer/footer.php
  2. 79
      css/login.css
  3. 8
      login.php

97
components/Footer/footer.php

@ -10,7 +10,7 @@ function GerarFooter(){
<div class="content-footer">
<p>Telefone: +55 65 3616-8280 - Email: meajuda@simplesip.com.br</p>
<p>simplesip.net.br</p>
<p>Copyright © ' . getData() . '</p>
<p>Copyright © ' . getDataAno() . '</p>
</div>
<div class="links">
<a href="#"><li>About</li></a>
@ -21,12 +21,99 @@ function GerarFooter(){
</div>
<div class="line"></div>
</div>
</div>';
</div>'
;
}
function ImportaEstilo(){
echo '<style>
.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;
}
</style>';
}
function getData(){
$dataAtual = date('Y');
return $dataAtual;
function getDataAno(){
$anoAtual = date('Y');
return $anoAtual;
}
?>

79
css/login.css

@ -276,84 +276,5 @@ button {
/* Footer */
.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;
}
/* ///////////////////////////////////////////////////// */

8
login.php

@ -3,6 +3,7 @@
$smarty->assign("habilitaLayout", $habilitaLayout);
include "components/Footer/footer.php";
include "components/Sociais/sociais.php";
?>
<html>
@ -53,7 +54,10 @@ include "components/Sociais/sociais.php";
</div>
</div>
</div>
</div>
<?php GerarFooter(); ?>
</div>
<?php
GerarFooter();
ImportaEstilo();
?>
</body>
</html>
Loading…
Cancel
Save