Postagem teste2
H1 Minha Primeira Postagem no Blogspot
Data: 20 de fevereiro de 2025
H2 Introdução
Bem-vindo ao meu blog! Este é um espaço onde compartilho minhas ideias, pensamentos e conhecimentos. Vamos explorar juntos!
H3 Parágrafo de Texto
Este é um parágrafo de texto simples. Você pode usar este espaço para expressar seus pensamentos, compartilhar histórias ou fornecer informações valiosas.
H4 Citação
"A vida é o que acontece enquanto você está ocupado fazendo outros planos." - John Lennon
H5 Lista Ordenada
- Primeiro item
- Segundo item
- Terceiro item
H5 Lista Não Ordenada
- Item um
- Item dois
- Item três
H6 Imagem
H6 Vídeo
H6 Link
Para saber mais sobre blogspot, visite o Blogspot Help Center.
H6 Tabela
| Nome | Idade | Cidade |
|---|---|---|
| Ana | 30 | São Paulo |
| Bruno | 25 | Rio de Janeiro |
| Carolina | 28 | Belo Horizonte |
H6 Botão de Chamada para Ação
Rodapé: Obrigado por visitar meu blog. Espero que você tenha encontrado algo interessante e útil aqui. Volte sempre!
:root {
/* Cores */
--primary-color: #4CAF50;
--secondary-color: #ffffff;
--background-color: #f0f0f0;
--font-color: #333333;
--link-color: #1a0dab;
--border-color: #dddddd;
/* Fontes */
--font-family: Arial, sans-serif;
--heading-font-family: Georgia, serif;
--font-size: 16px;
--heading-font-size: 2em;
--subheading-font-size: 1.5em;
--paragraph-font-size: 1em;
/* Espaçamento */
--margin: 20px;
--padding: 10px;
--button-padding: 10px 20px;
/* Bordas */
--border-radius: 5px;
--table-border-radius: 0;
--button-border-radius: 5px;
/* Tabelas */
--table-header-background: #4CAF50;
--table-header-color: #ffffff;
--table-cell-padding: 10px;
/* Botões */
--button-background-color: #4CAF50;
--button-hover-background-color: #45a049;
--button-text-color: #ffffff;
/* Bloquotes */
--blockquote-border-color: #4CAF50;
--blockquote-background-color: #f9f9f9;
--blockquote-text-color: #555555;
}
body {
font-family: var(--font-family);
font-size: var(--font-size);
color: var(--font-color);
background-color: var(--secondary-color);
margin: 0;
padding: 20px;
}
h1, h2, h3, h4, h5, h6 {
color: var(--primary-color);
}
button {
background-color: var(--primary-color);
color: var(--secondary-color);
padding: var(--button-padding);
border: none;
border-radius: var(--border-radius);
cursor: pointer;
}
button:hover {
background-color: darken(var(--primary-color), 10%);
}
blockquote {
font-style: italic;
color: var(--font-color);
border-left: 4px solid var(--primary-color);
margin: 20px 0;
padding-left: 20px;
}
table {
width: 100%;
border-collapse: collapse;
}
table, th, td {
border: 1px solid var(--font-color);
}
th, td {
padding: 10px;
text-align: left;
}
th {
background-color: var(--primary-color);
color: var(--secondary-color);
}
