<style>
.titulo {position:relative; top:0; left:0;}
.titulo p{position:absolute; top:50%; margin:auto;}
.slider {position:relative; top:0; left:0;}
.slider img {position:absolute; top:50%; margin:auto; display:inline-block;}
.pie {position:relative; top:0; left:0;}
.pie p{position:absolute; top:50%; margin:auto;}
</style>
<div class="titulo">
<p>TITULO con Telefonos</p>
</div>
<div class="slider">
<img src="img1.jpg" style="left:0;">
<img src="img2.jpg" style="left:100%;" >
<img src="img3.jpg" style="left:-100%;">
</div>
<div class="pie">
<p>Escribo un poco del rubro</p>
</div>
<!DOCTYPE html>
<html lang="es">
<head>
<title>slider</title>
</head>
<body>
<style>
#container {
background: #f5f5f5;
max-width: 1100px;
margin: 0 auto;
}
.slider ul {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
max-width: 100%;
height: 500px;
}
.slider ul li {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
</style>
<div id="container">
<div class="titulo">
<p>TITULO con Telefonos</p>
</div>
<div class="slider">
<ul>
<li style="left:0%;">
<img src="https://cdn.pixabay.com/photo/2016/06/18/17/42/image-1465348_960_720.jpg">
</li>
<li style="left:100%;">
<img src="https://cdn.pixabay.com/photo/2016/06/18/17/42/image-1465348_960_720.jpg">
</li>
<li style="left:-100%;">
<img src="https://cdn.pixabay.com/photo/2016/06/18/17/42/image-1465348_960_720.jpg">
</li>
</ul>
</div>
<div class="pie">
<p>Escribo un poco del rubro</p>
</div>
</div>
</body>
</html>