Aqui já estamos tratando de conteúdo. Este é um parágrafo comum mas ele contém um link. Fora isso, apenas texto de marcação. Contudo, é um texto longo para que precise ter muitas linhas e sirva exatamente de exemplo. Isso é algo comum que veremos no site todo o tempo.
Às vezes, teremos que utilizar citações de pessoas. Por isso a seguir há uma citação de um usuário:
“É isso que os usuários pensam quando eles querem dizer algo que não tenha tanta relevância assim”
Por isso, achamos tudo muito legal mas, para melhorar. Podemos pensar formas de destacar ainda mais frases, por isso há um segundo componente próprio para isso.
“Há ainda esta segunda forma de citação, que é a citação destacada”
Autor da citação
Precisaremos iniciar um novo capítulo.
Capítulo 2: isso é um título secundário H2
Este capítulo será dividido em pequenas ramificações como. Este capítulo não trará tanto texto quanto o capítulo anterior, mas ao menos se dará ao trabalho de apresentar um mínimo de conteúdo.
Título de terceiro nível, conhecido como H3
Vê-se que há alguma distinção, mas não estou tão seguro assim quanto aos níveis de texto. Claro que não vou utilizar mais do que quatro estilos, então formatar apenas quatro me parece o suficiente. Me refiro mais a aparência dar a entender que se trata de um título.
Já este é um título de quarto nível
Você consegue perceber diferença entre eles? Veja na lista numerada:
- Eles deveriam ter tamanhos distintos
- Eles deveriam parecer subníveis uns dos outros
- Talvez o espaçamento entre linhas também ajude na separação
- Mais um elemento para verificar isso
- O quinto dos elementos
Contudo, há ainda pontos que nos explicam onde pode ter dado errado:
- Este não é o ponto que explica isso
- Nem este
- Este aqui talvez seja o tópico que aborda o que você quer
- Uma lista como essa pode ter subníveis
- Mas não é muito usual
- Às vezes até dois subníveis, acredite
- Que loucura
- Esperamos que não tenha
- Sim, esperamos que não
- Mas é importante testar os recuos
Olha, outro link aqui! A diferença é que dessa vez estamos tratando de algo que contém um link enorme que com certeza ultrapassará a linha e pegará diversas linhas.
Caso precise escrever um código, assim ele será formatado, mas isso sabemos que é raro e pouco relevante.
Não sei exatamente o que é um texto pré-formatado. Mas aqui está inserido um. Talvez esse seja um texto com mais destaque?!
| Cabeçalho 1 | Cabeçalho 2 | Cabeçalho 3 |
|---|---|---|
| Linha 1 | Linha 1 | Linha 1 |
| Linha 2 | Valor 1 | Valor 4 |
| Linha 3 | Valor 2 | Valor 5 |
| Linha 4 | Valor 3 | Valor 6 |
| Rodapé 1 | Rodapé 2 | Rodapé 3 |
Agora inseriremos um acordeão:
Este é ele fechado
Aqui fica o conteúdo que foi suprimido.
Há mais um acordeão aqui
Aqui fica o conteúdo que foi suprimido.
Mais um pouco de texto para simular algo mais próximo da realidade, afinal nem só de imagem vivem os cases. Mais um pouco de texto para simular algo mais próximo da realidade, afinal nem só de imagem vivem os cases.
Assim fica se adicionarmos texto sobre a imagem. Não vejo um uso prático disso no momento.
Contudo é uma possibilidade que ainda não pode ser descartada. Pois para transmitir algo rico, pode ser necessário encaixar diversos elementos distintos.
Às vezes também pode ser necessário incorporar conteúdos diversos como vídeos e tweets. Veremos:
Também podemos ter que incorporar vídeos:
E ainda podemos ter que adicionar outras coisas como:
Neste componente estou disponibilizando arquivos para download:
Também temos mais coisas possíveis como:
Uma foto com um texto posicionado ao lado. Não é exatamente um descritivo, mas uma informação relacionada à foto.
Eu não entendi nada o que essa galeria fez de especial, só sei que eu não gosto muito dela. Por isso os próximos elementos utilizam componentes baseados em plugins:
Estamos usando plugins da Gustlider Blocks. Este é o static:
Já este é o flexible deles:
Photo carousel:
Antes e depois Before After:
Esse é bem legal ,né?
