<!DOCTYPE html>
<html>
<head><meta charset="utf-8">
<title>Header Footer Print</title>
<style>
@media screen {
.divHeader, .divFooter { display: none; }
}
@media print {
.divHeader {
display: block;
top: 0;
}
.divFooter {
display: block;
position: fixed;
bottom: 0;
font-weight: bold;
}
.page-break{
page-break-after:always;
}
}
</style>
</head>
<body>
<div class="divHeader">
<h1>Lorem ipsum</h1>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tincidunt nisl et velit sollicitudin tristique sit amet eget tellus. Integer sed imperdiet urna, eu ultricies odio. Nulla consequat gravida nisl, vitae fermentum lectus malesuada ut. Pellentesque est erat, scelerisque vel ante vel, elementum bibendum justo. Mauris facilisis neque elementum magna laoreet pharetra. In porttitor at odio volutpat sagittis. Nullam tristique ultricies consequat. Vivamus dignissim felis consequat tellus eleifend vehicula. Sed vel nisi id elit feugiat molestie in a leo.</p>
<p>Praesent porttitor, augue in cursus pulvinar, justo lorem ultrices eros, ac convallis diam ligula eget quam. Integer vitae pharetra est, sed hendrerit purus. Ut egestas facilisis elit non sodales. Proin volutpat ultrices enim, nec iaculis ipsum molestie in. Suspendisse non nunc ligula. Donec magna libero, hendrerit non ornare quis, accumsan vitae leo. Maecenas ut pulvinar felis. Pellentesque congue nec metus nec molestie. Vestibulum rhoncus magna volutpat tellus malesuada, sit amet luctus arcu suscipit. Pellentesque lectus nisi, dignissim at sem sed, condimentum blandit ipsum. Vestibulum iaculis felis vitae enim pretium aliquet.</p>
<p>Ut ac posuere magna. Morbi aliquet leo ac eros congue pulvinar. Nam porttitor commodo justo. Sed velit purus, malesuada eu nibh sit amet, iaculis tristique metus. Curabitur bibendum, nibh sit amet porta auctor, purus ligula tincidunt elit, vel cursus metus urna et orci. Ut nec quam elit. Curabitur at justo sit amet dui congue adipiscing in non sem. In et hendrerit ipsum. Vivamus rhoncus tincidunt velit, nec facilisis augue hendrerit a. Nam at gravida neque. Vestibulum vehicula gravida semper. Nulla pulvinar libero magna, nec varius ipsum iaculis nec. Etiam pellentesque convallis felis at vehicula.</p>
<p>Duis scelerisque facilisis justo, ac mattis massa accumsan vitae. Etiam luctus vulputate ullamcorper. Curabitur ornare, est vitae lacinia malesuada, enim risus bibendum purus, id placerat mi nulla non velit. Praesent vulputate diam nec molestie volutpat. Etiam non leo a mauris accumsan convallis sed ut mauris. Fusce faucibus non ipsum eget imperdiet. Aenean a risus vitae ante condimentum mollis. Phasellus et eros ligula. Nunc dignissim luctus purus eget congue. Ut sit amet pellentesque tortor. Aliquam ornare, mi id vulputate mollis, urna ligula pretium ante, a porta justo enim a dolor. Nulla lacus mauris, elementum sit amet ante vel, porta ultricies est.</p>
<p>Nam sit amet turpis et sem porta vestibulum in non enim. Aliquam erat volutpat. Mauris ullamcorper odio nec risus scelerisque feugiat. Phasellus ut eros interdum lectus pharetra tempor. Praesent dignissim lorem quis convallis vehicula. Suspendisse vel adipiscing turpis. Curabitur posuere felis at leo ullamcorper facilisis. Sed magna lorem, tristique quis pretium vitae, sollicitudin in lectus.</p>
<p>In consequat in justo ut posuere. Sed aliquet sapien eu nunc pellentesque condimentum. Aliquam dapibus gravida leo, vitae aliquet justo consequat eget. Nulla facilisi. Suspendisse dignissim elit nec ligula ornare dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas scelerisque, nisi sit amet hendrerit accumsan, nulla quam dignissim purus, quis posuere turpis massa at purus. Curabitur accumsan a magna sed gravida. Curabitur commodo pharetra neque pulvinar suscipit.</p>
<div class="page-break"></div>
<div class="divHeader">
<h1>Lorem ipsum</h1>
</div>
<p>Nunc hendrerit enim mauris, sit amet euismod dolor consectetur et. Donec vel velit orci. Aliquam eget turpis eu turpis sodales adipiscing vitae sed urna. Nullam eu venenatis lacus. Fusce a tincidunt nibh. Vestibulum eget lacus ligula. Duis ac sagittis lorem. Sed ligula augue, tempus ac leo at, ornare viverra lacus. Morbi rhoncus pretium neque sit amet ultricies. Suspendisse at sapien sapien.</p>
<p>In eu rutrum sem, a vestibulum lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce tempus rhoncus est, at euismod risus euismod sit amet. Vestibulum a sem egestas, sagittis leo sed, eleifend magna. Quisque purus nisi, pellentesque in tellus et, accumsan scelerisque nisl. In hac habitasse platea dictumst. Curabitur euismod viverra consectetur. Nulla ante tellus, porta vitae urna id, dignissim pulvinar lorem. Maecenas consequat, dolor id tristique aliquam, mauris purus adipiscing ipsum, ac porttitor lorem diam vitae est. Quisque porta, nisi quis lacinia luctus, purus urna convallis dui, vel elementum metus sapien ac ante. Pellentesque sit amet urna et est ullamcorper dapibus. Fusce ut tempus augue, ac elementum lacus.</p>
<p>Aenean accumsan, est mattis ornare dapibus, ligula enim laoreet tellus, et egestas eros sapien in sapien. Sed dapibus, ipsum a dictum venenatis, sem dui sagittis lectus, nec posuere dolor sapien et ante. Pellentesque convallis iaculis nisl vitae eleifend. Maecenas nec libero non dui iaculis faucibus. Morbi eros metus, dapibus nec adipiscing sed, sagittis vitae justo. Nullam gravida, magna id adipiscing fringilla, odio dui pharetra felis, a porttitor justo libero in erat. Etiam vitae varius arcu. Curabitur placerat quam quis nisi tristique, vitae luctus velit molestie. Donec ornare, lorem eu varius feugiat, urna mi sagittis ipsum, eu imperdiet nulla urna et enim.</p>
<p>Nullam id mattis ante. Duis sodales nisl in sapien bibendum, id egestas nunc volutpat. Quisque eu rhoncus purus, non interdum orci. Duis quis dolor hendrerit, ultricies lorem at, imperdiet dolor. Donec ultrices nibh ac metus dapibus faucibus. Suspendisse odio arcu, cursus eu est ac, fringilla fringilla libero. Mauris venenatis tellus tortor, a volutpat dui egestas nec.</p>
<div class="divFooter">
<p>Pie de página</p>
<p>Segunda línea de Pie de página</p>
</div>
</body>
</html>