Repositório Códigos HTML

<p class="headline headline-v1">Textov1</p>
<p class="headline headline-v2">Textov2</p>
<p class="headline headline-v3">Textov3</p>
<p class="headline headline-v1"><i class="fas fa-folder-open"></i>textov1 com ícone</p>
<p class="headline headline-v2"><i class="fas fa-folder-open"></i> textov2 com ícone</p>
<p class="headline headline-v3"><i class="fas fa-folder-open"></i> textov3 com ícone</p>

O trecho em verde determina o modelo da headline.

Para começar outro texto abaixo da headline, utilize sempre o código para parágrafo <p> após o modelo.

O trecho em azul claro insere um ícone dentro da headline e o trecho em rosa identifica o modelo do ícone.