Os templates vêm com imagens e efeitos?

Os modelos trazem a estrutura e efeitos (alguns já com CSS pronto), mas as imagens e o conteúdo você adiciona; há códigos CSS prontos para animações.

Quando acontece

Você importou um modelo e ele veio sem suas imagens, ou quer saber se efeitos/animações já vêm inclusos.

Causa

Os templates entregam estrutura e estilo; o conteúdo (textos e imagens) é responsabilidade sua, e parte dos efeitos depende de códigos CSS aplicados.

Solução

1. Após importar o modelo, substitua os textos e adicione suas próprias imagens (os modelos não vêm com as imagens finais).

2. Para efeitos e animações, verifique se o modelo já inclui o efeito; alguns já vêm prontos.

3. Quando precisar adicionar um efeito, use os códigos CSS prontos disponíveis na ferramenta.

4. Para gerar imagens, você pode usar IA/ferramentas externas (as aulas ensinam a produzir imagens nas medidas corretas).

5. Se você notar um 'fundo quadriculado' que dá impressão de imagem pixelada nos templates institucionais, fique tranquilo: isso é apenas um efeito de código (CSS) e é facilmente removível, bastando retirar/ajustar esse código nas configurações da página. Não se trata de defeito da imagem nem de baixa resolução.

6. Os códigos CSS de animações e efeitos são editáveis e reaproveitáveis: você pode modificar os códigos dos modelos à vontade e também usar esses códigos de forma separada/avulsa em qualquer página ou projeto, não apenas dentro do modelo onde vieram.

Exemplo do "fundo quadriculado" (para remover o efeito, basta apagar este bloco):

.fundo-quadriculado {
  background-image:
    linear-gradient(rgba(0,0,0,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,0.06) 1px, transparent 1px);
  background-size: 40px 40px;
}