<h1>Title 1</h1>
<h2>Title 2</h2>
<h3>Title 3</h3>
<p class="sub-title">Subtitle</p>
<p class="introduction">Lorem ipsum dolor sit amet consectetuer orci ipsum justo malesuada ut. Congue lorem Vestibulum lacinia malesuada lobortis Sed id justo purus felis. Cras Nulla lacus cursus sem euismod Nam feugiat Cras ac pretium. Odio fames Curabitur laoreet Quisque facilisi dictumst eu et tristique ut. Congue nibh Phasellus pulvinar sollicitudin tortor tincidunt et adipiscing Morbi fringilla. Est sed enim enim ut venenatis malesuada mus semper congue vel. Adipiscing Aenean sed.</p>
<p style="text-align: left;">Lorem ipsum dolor sit
  <abbr title="Définition de l'abréviation">amet</abbr>consectetuer orci
  <acronym title="Définition de l'acronyme">ipsum</acronym>justo
  <cite>malesuada</cite>ut. Congue lorem
  <span class="language" lang="en">Vestibulum</span>lacinia malesuada lobortis Sed id justo purus felis. Cras Nulla lacus cursus sem euismod Nam feugiat Cras ac pretium. Odio fames Curabitur laoreet
  <strong>Quisque facilisi</strong>dictumst eu et tristique ut. Congue nibh Phasellus pulvinar sollicitudin tortor tincidunt et adipiscing Morbi fringilla. Est sed enim enim ut venenatis
  <em>malesuada mus semper cong</em>ue vel. Adipiscing Aenean sed.</p>
<p class="narrow-spaced" style="text-align: center;">Lorem ipsum dolor sit
  <sup>amet</sup>consectetuer
  <sub>orci</sub>ipsum justo malesuada ut. Congue lorem Vestibulum lacinia malesuada lobortis Sed id justo purus felis. Cras Nulla lacus cursus sem euismod Nam
    <a class="simple"  href="javascript: org.ametys.uitool.ToolsManager.getInstance().openTool ('uitool-page', {id: 'page://923b9ca7-ffa6-4a31-851d-729826a9aea4'});" target="_blank"  ametys_type="page" ametys_href="page://923b9ca7-ffa6-4a31-851d-729826a9aea4">feugiat (IN A NEW WINDOW)</a>Cras ac
    <a class="external" href="http://www.google.fr" target="" ametys_href="http://www.google.fr">pretium</a>. Odio fames
    <a class="download" href="../plugins/explorer/download?id=resource%3A%2F%2F70b0dc34-8342-4904-a29a-ff5a099e4be8" target="" ametys_type="attachment-content" ametys_href="resource://70b0dc34-8342-4904-a29a-ff5a099e4be8">Curabitur</a>laoreet Quisque
    <a class="download" href="../plugins/explorer/download?id=resource%3A%2F%2F1c56ef9a-f186-4276-9fd9-132f256f817c" target="" ametys_type="explorer" ametys_href="resource://1c56ef9a-f186-4276-9fd9-132f256f817c" >facilisi</a> di ctumst eu et tristique ut. Congue nibh Phasellus pulvinar sollicitudin tortor tincidunt et adipiscing Morbi fringilla. Est sed enim enim ut venenatis malesuada mus semper congue vel. Adipiscing Aenean sed.</p>
<p class="narrow-spaced" style="text-align: center;">
</p>
<table class="data">
  <caption>this is a legend</caption>
  <tbody>
    <tr>
      <th style="text-align: right; width: 71px;">test</th>
      <th style="width: 52px;">set</th>
      <th style="width: 100px;">setset a dfsd sdfsd  sdf</th>
      <th style="width: 30px; vertical-align: bottom;">te</th>
      <th style="width: 52px;">tes</th>
      <th style="width: 53px;">tet</th>
      <th style="width: 52px;">tes</th>
    </tr>
    <tr>
      <th style="width: 71px;">set</th>
      <td style="width: 52px; text-align: right; vertical-align: top;">setset</td>
      <td style="width: 100px;">set a long long text here for several years from now</td>
      <td style="width: 30px;">sdfd sdf sdf sdf sdf</td>
      <td style="width: 52px;">setset</td>
      <td rowspan="2" style="width: 53px;">setset</td>
      <td style="width: 52px;"></td>
    </tr>
    <tr>
      <th style="width: 71px;">setse</th>
      <td style="width: 52px;"></td>
      <td style="width: 100px;"></td>
      <td style="width: 30px;">setset</td>
      <td style="width: 52px;"></td>
      <td style="width: 52px;">setset</td>
    </tr>
  </tbody>
</table>
<p class="important" style="text-align: right;">
  <img class="frame floatleft" src="../plugins/core/upload/view?id=15ab3cb4-de30-4733-a32a-be9a438f2625" alt="This is an alternative" ametys_type="temp" ametys_temp_src="15ab3cb4-de30-4733-a32a-be9a438f2625"/>Lorem ipsum dolor sit amet consectetuer orci ipsum justo malesuada ut. Congue lorem Vestibulum lacinia malesuada lobortis Sed id justo purus felis. Cras Nulla lacus cursus sem euismod Nam feugiat Cras ac pretium. Odio fames Curabitur laoreet Quisque facilisi dictumst eu et tristique ut. Congue nibh Phasellus pulvinar sollicitudin tortor tincidunt et adipiscing Morbi fringilla. Est sed enim enim ut venenatis malesuada mus semper congue vel. Adipiscing Aenean sed.</p>
<p class="important">
  <img class="invisible" src="../plugins/explorer/view?id=resource%3A%2F%2Fef75348d-8659-4aad-bb87-225136f4dcc9" alt="" title="this is a legend" ametys_type="explorer" ametys_src="resource://ef75348d-8659-4aad-bb87-225136f4dcc9"/>
</p>
<p class="important">
</p>
<p class="important">this is a list</p>
<ul class="disc">
  <li>list
  <ul class="check">
    <li>sublist with check</li>
  </ul></li>
</ul>
<ol class="decimal">
  <li>One</li>
  <li>two
  <ol class="alphaupper">
    <li>a</li>
    <li>b</li>
    <li>c </li>
  </ol></li>
</ol>
<p class="secondary" style="text-align: justify;">Lorem ipsum dolor sit amet consectetuer orci  ? ipsum justo malesuada ut. Congue lorem Vestibulum lacinia malesuada lobortis Sed id justo purus felis. Cras Nulla lacus cursus sem euismod Nam feugiat Cras ac pretium. Odio fames Curabitur laoreet Quisque facilisi dictumst eu et tristique ut. Congue nibh Phasellus pulvinar sollicitudin tortor tincidunt et adipiscing Morbi fringilla. Est sed enim enim ut venenatis malesuada mus semper congue vel. Adipiscing Aenean sed.</p>