Cordial saludo amigos, estoy iniciando en la programación con PHP, y comenzando a desarrollar bajo el patron MVC, esto significa que tendré un cabezote estático siempre y en ficheros aparte pondré el contenido que aparecerá abajo del cabezote y antes del Footer... (No se si alcanzo a ser claro con mi idea). Quiero que en mi pagina de inicio, solo aparezca un saludo, pero quiero que siempre esté centrado verticalmente sin importar el alto de la pantalla en el que se visualice.
En este caso quiero que ese "Bienvenido" siempre esté centrado verticalmente, la pagina inicio no tendrá otro contenido.
Aqui muestro el código que he puesto en mi pagina inicio.
<div class="py-5 contenido1">
<div class="row">
<div class="col-12" id="saludo">
<p>Bienvenido..!</p>
</div>
</div>
</div>
Este es el código que tengo para mi hoja de estilos CSS.
*{
margin: 0;
padding: 0;
}
#saludo p {
font-family: 'Berkshire Swash', cursive;
font-size: 70px;
text-align: center;
}
En mi fichero plantilla.php tengo el siguiente código, para incluir el contenido de mis siguientes páginas.
<div class="container-fluid">
<div class="container">
<?php
include 'paginas/inicio.php';
?>
</div>
</div>
Agradezco si me pueden ayudar como hacer para centrar mi saludo verticalmente, pues he intentado con clases bootstrap, con css, pero en realidad ninguna me ha funcionado hasta el momento, quizas no estoy maquetando de manera correcta pero no logro encontrar el error.
El resultado que quiero lograr es este:
Quedo atento a sus comentarios.