<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		@page {
			margin: 100px 25px;
		}
		header{
			position: fixed;
			top: -60px;
			left: 0px;
			right: 0px;
			height: 50px;

			background-color: #03a9f4;
			color: white;
			text-align: center;
			line-height: 35px;

		}

		footer{
			position: fixed;
			bottom: -60px;
			left: 0px;
			right: 0px;
			height: 50px;

			background-color: #03a9f4;
			color: white;
			text-align: center;
			line-height: 35px;

		}
	</style>
</head>
<body>
	<header>
		<img src="ServicioSocial/{{ $encabezado }}" width="100%" height="100%">
	</header>

	<footer><img src="ServicioSocial/{{ $encabezado }}" width="100%" height="100%"></footer>

	<main>
		<p style="page-break-after: always;">Este es un saludo 1</p>
		<p style="page-break-after: always;">Este es un saludo 2</p>
	</main>

</body>
</html>