Repositório Códigos HTML
17. Headline
Headline-v1 Sample Heading
Headline-v2 Sample Heading
Headline-v3 Sample Heading
Headline-v1 Heading and Icon
Headline-v2 Heading and Icon
Headline-v3 Heading and Icon
Veja a seguir o código HTML comentado.
<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.
Os trechos em salmão são os títulos. Aqui basta substituir pelo título relativo ao seu conteúdo