Blocos HTML
BLOCO 1 - Apresentação ou Seção
APRESENTAÇÃO
Código:
<hr /><hr />
<div class="outstanding-header tile-content"> <h3 style="text-align: justify; ">APRESENTAÇÃO</h3> </div>
BLOCO 2 - Textos parágrafos
Texto do parágrafo...
Código:
<p style="text-align: justify; "><span style="padding-left: 30px; ">Texto do parágrafo...</span></p>
<p> </p>
BLOCO 3 - Subseção
TÍTULO DA SUBSEÇÃO
Código:
<hr />
<div class="outstanding-header tile-content">
<h3 style="text-align: justify; ">TÍTULO DA SUBSEÇÃO</h3>
</div>
<p> </p>
BLOCO 4 - Grupos de botões simples 3x1
Código:
<div class="row">
<div align="center" class="cell width-5 position-0 tile-default " data-panel=" ">
<div class="outstanding-header tile-content">
<table class="listing">
<tbody>
<tr>
<td>
<h4 align="center" class=" "><a class="external-link" href="link da página a ser aberta" target="_self" title="">NO<br />NONO<br />NONONO<br />NONONONO<br />______________________</a></h4>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div align="center" class="cell width-5 position-5 tile-default " data-panel=" ">
<div class="outstanding-header tile-content">
<table class="listing">
<tbody>
<tr>
<td>
<h4 align="center" class=" "><a class="external-link" href="link da página a ser aberta" target="_self" title="">NO<br />NONO<br />NONONO<br />NONONONO<br />______________________</a></h4>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div align="center" class="cell width-5 position-10 tile-default " data-panel=" ">
<div class="outstanding-header tile-content">
<table class="listing">
<tbody>
<tr>
<td>
<h4 align="center" class=" "><a class="external-link" href="https://ode-dash.herokuapp.com/home" target="_self" title="">NO<br />NONO<br />NONONO<br />NONONONO<br />______________________</a></h4>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
BLOCO 5 - Grupos de botões simples 2x1
Código:
<div class="row">
<div align="center" class="cell width-5 position-2 tile-default " data-panel=" ">
<div class="outstanding-header tile-content">
<table class="listing">
<tbody>
<tr>
<td>
<h4 align="center" class=" "><a class="external-link" href="INSERIR LINK EXTERNO AQUI" target="_self" title=""><br />NONO<br />NONONO<br />NONONONO<br />______________________</a></h4>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div align="center" class="cell width-5 position-8 tile-default " data-panel=" ">
<div class="outstanding-header tile-content">
<table class="listing">
<tbody>
<tr>
<td>
<h4 align="center" class=" "><br /><a class="external-link" href="INSERIR LINK EXTERNO AQUI" target="_self" title="">NONO<br />NONONO<br />NONONONO<br />______________________</a></h4>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p> </p>
BLOCO 6 - Botão simples 1
Código:
<p> </p>
<div class="row">
<div align="center" class="cell width-5 position-5 tile-default " data-panel=" ">
<div class="outstanding-header tile-content">
<table class="listing">
<tbody>
<tr>
<td>
<h4 align="center" class=" "><a class="external-link" href="INSERIR LINK EXTERNO AQUI" target="_self" title=""><br />NONO<br />NONONO<br />NONONONO<br />______________________</a></h4>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p> </p>
BLOCO 7 - Botão simples 1 + texto
|
Texto noonononon onono nono non ono nono nonononono nonononon ononononon ononononono nono nonon onon onononoono nonononono nononon onononononononono nononono no. |
Código:
<div class="row">
<div align="center" class="cell width-5 position-0 tile-default " data-panel=" ">
<div class="outstanding-header tile-content">
<table class="listing">
<tbody>
<tr>
<td>
<h4 align="center" class=" "><a class="external-link" href="link da página a ser aberta" target="_self" title="">NO<br />NONO<br />NONONO<br />NONONONO<br />______________________</a></h4>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div align="center" class="cell width-10 position-5 tile-default " data-panel=" ">
<div class="outstanding-header tile-content">
<table class="invisible">
<tbody>
<tr>
<td>
<p style="text-align: justify; "><span>Texto noonononon onono nono non ono nono nonononono nonononon ononononon ononononono nono nonon onon onononoono nonononono nononon onononononononono nononono no.</span></p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p> </p>
BLOCO 8 - Rodapé
UNIVERSIDADE FEDERAL DA PARAÍBA - UFPB
Campus I - Cidade Universitária - João Pessoa - PB - Brasil - CEP: 58051-900 - Fone: +55 (83) 3216-7200 - Mapa
Código:
<hr /><hr />
<p align="center"><a class="external-link" href="https://www.ufpb.br/" target="_self" title="">UNIVERSIDADE FEDERAL DA PARAÍBA - UFPB</a><br /><span class="discreet"><em>Campus I - Cidade Universitária - João Pessoa - PB - Brasil - CEP: 58051-900 - Fone: +55 (83) 3216-7200 - <a class="external-link" href="https://goo.gl/maps/TuVWxx3u38u5nnqj6" target="_self" title="">Mapa</a></em></span></p>
<p style="text-align: center; "><a class="external-link" href="https://www.ufpb.br/" target="_self" title=""><img class="external-image image-inline" height="107" src="https://www.ufpb.br/acessoainformacao/contents/imagens/icones-de-apoio/ufpb-qr-code.png" width="120" /></a></p>
<p> </p>
BLOCO 9 - Ícone "ir para página"
Texto do link
Código:
<p style="text-align: justify; "><span style="padding-left: 30px; "><img class="image-inline external-image" src="https://www.ufpb.br/acessoainformacao/contents/imagens/icones-de-apoio/ir-para-pagina-16px.png" /> Texto do link</span></p>