216 lines
8.0 KiB
HTML
216 lines
8.0 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
|
|
|
<title>Printed document</title>
|
|
<style type="text/css">
|
|
@page {
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
margin-top: 3.5cm;
|
|
margin-bottom: 1cm;
|
|
margin-left: 3.5cm;
|
|
font-family: sans-serif;
|
|
text-align: justify;
|
|
}
|
|
|
|
div.header,
|
|
div.footer {
|
|
position: fixed;
|
|
background: #ddd;
|
|
width: 100%;
|
|
border: 0px solid #888;
|
|
overflow: hidden;
|
|
padding: 0.1cm;
|
|
}
|
|
|
|
div.leftpane {
|
|
position: fixed;
|
|
background: #ddd;
|
|
width: 3cm;
|
|
border-right: 1px solid #888;
|
|
top: 0cm;
|
|
left: 0cm;
|
|
height: 30cm;
|
|
}
|
|
|
|
div.header {
|
|
top: 0cm;
|
|
left: 0cm;
|
|
border-bottom-width: 1px;
|
|
height: 3cm;
|
|
}
|
|
|
|
div.footer {
|
|
bottom: 0cm;
|
|
left: 0cm;
|
|
border-top-width: 1px;
|
|
height: 1cm;
|
|
}
|
|
|
|
div.footer table {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
hr {
|
|
page-break-after: always;
|
|
border: 0;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="header">
|
|
<div style="text-align: right;">
|
|
Header line 1<br/>
|
|
Header line 2<br/>
|
|
Header line 3<br/>
|
|
Header line 4<br/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<div style="text-align: right;">On line footer content aligned to the right. <a href="http://fr.selfhtml.org/css/proprietes/printlayouts.htm">More info on print layouts</a></div>
|
|
</div>
|
|
|
|
<div class="leftpane">
|
|
<div style="text-align: center;">
|
|
<img src="images/dompdf_simple.png" width="80" style="margin: 1cm;" />
|
|
</div>
|
|
</div>
|
|
|
|
<h2>Section 1</h2>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non
|
|
risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec,
|
|
ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula
|
|
massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci
|
|
nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit
|
|
amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat
|
|
in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero
|
|
pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo
|
|
in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue
|
|
blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus
|
|
et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed
|
|
pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales
|
|
hendrerit.</p>
|
|
|
|
<hr/>
|
|
|
|
<h2>Section 2</h2>
|
|
|
|
<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut
|
|
orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius,
|
|
ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus
|
|
sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer
|
|
id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae
|
|
elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer
|
|
adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et
|
|
sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue
|
|
eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non
|
|
elementum posuere, metus purus iaculis lectus, et tristique ligula
|
|
justo vitae magna.</p>
|
|
|
|
<hr/>
|
|
|
|
<h2>Section 3</h2>
|
|
|
|
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
|
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
|
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
|
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
|
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
|
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
|
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
|
Curabitur eu amet.</p>
|
|
|
|
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
|
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
|
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
|
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
|
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
|
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
|
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
|
Curabitur eu amet.</p>
|
|
|
|
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
|
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
|
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
|
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
|
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
|
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
|
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
|
Curabitur eu amet.</p>
|
|
|
|
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
|
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
|
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
|
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
|
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
|
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
|
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
|
Curabitur eu amet.</p>
|
|
|
|
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
|
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
|
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
|
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
|
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
|
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
|
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
|
Curabitur eu amet.</p>
|
|
|
|
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
|
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
|
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
|
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
|
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
|
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
|
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
|
Curabitur eu amet.</p>
|
|
|
|
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
|
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
|
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
|
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
|
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
|
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
|
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
|
Curabitur eu amet.</p>
|
|
|
|
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
|
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
|
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
|
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
|
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
|
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
|
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
|
Curabitur eu amet.</p>
|
|
|
|
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
|
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
|
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
|
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
|
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
|
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
|
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
|
Curabitur eu amet.</p>
|
|
|
|
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
|
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
|
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
|
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
|
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
|
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
|
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
|
Curabitur eu amet.</p>
|
|
|
|
</body></html>
|