File: /home/asjudine/public_html/footerint.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Footer</title>
<style>
footer {
width: 100%;
margin: 0 auto;
flex-direction: row;
flex-wrap: nowrap;
/* gradient */
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.1, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
background-image: -moz-linear-gradient(center bottom, #787878 100%, #5E5E5E 50%, #707070 51%, #838383 100%);
background-color: #5f5f5f;
}
.footer{
width:100%;
color: #fff;
margin:0 auto;
padding: 10px;
font-size: .9em;
display: flex;
display: -webkit-flex;
align-items: center;
align-content: center;
justify-content: space-around;
/* gradient */
/*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.1, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
background-image: -moz-linear-gradient(center bottom, #787878 100%, #5E5E5E 50%, #707070 51%, #838383 100%);
background-color: #5f5f5f;*/
}
.titulo-pie{
color: #FFFFFF;
font-weight: bold;
margin-right: 20px;
}
.foo1, .foo2{
vertical-align:middle;
}
.foo2 p{
text-align: left!important;
}
.foo{
background-color: #333333!important;
}
.foo p{
text-align: center;
color: #ffffff;
font-family: 'Roboto', sans-serif;
}
@media (max-width: 768px) {
footer{
display:block;
}
}
</style>
</head>
<body>
<footer>
<div class="footer">
<div class="p">
<p class="titulo-pie">INTER@SJUDINET LTDA</p>
</div>
<div class="p">
<p>
<i class="fas fa-map-marker"></i> Calle 19 No 6-68 Piso 9 - Bogotá Colombia<br>
<i class="fas fa-phone"></i> 2438870 - 2438820<br>
<i class="fas fa-envelope-square"></i> servicioalclienteasjudinet@gmail.com<br>
Fax 2438870
</p>
</div>
</div>
</footer>
</body>
</html>