Browse Source

Mais aperfeicoamentos implementados na pagina de login

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

79
css/login.css

@ -276,84 +276,5 @@ button {
/* Footer */ /* 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); $smarty->assign("habilitaLayout", $habilitaLayout);
include "components/Footer/footer.php"; include "components/Footer/footer.php";
include "components/Sociais/sociais.php"; include "components/Sociais/sociais.php";
?> ?>
<html> <html>
@ -53,7 +54,10 @@ include "components/Sociais/sociais.php";
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<?php GerarFooter(); ?> <?php
GerarFooter();
ImportaEstilo();
?>
</body> </body>
</html> </html>
Loading…
Cancel
Save