-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
pagina feijoada
- Loading branch information
Showing
2 changed files
with
174 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,101 @@ | ||
/* Resetando alguns estilos padrões */ | ||
* { | ||
margin: 0; | ||
padding: 0; | ||
box-sizing: border-box; | ||
} | ||
|
||
/* Estilo geral do corpo da página */ | ||
body { | ||
font-family: 'Arial', sans-serif; | ||
background-color: #f4f4f9; | ||
color: #333; | ||
} | ||
|
||
/* Cabeçalho */ | ||
header { | ||
background-color: #3e2a47; | ||
color: white; | ||
text-align: center; | ||
padding: 20px 0; | ||
} | ||
|
||
header h1 { | ||
margin: 0; | ||
font-size: 2.5rem; | ||
} | ||
|
||
/* Navegação */ | ||
nav { | ||
text-align: center; | ||
background-color: #6a4e77; | ||
padding: 10px; | ||
} | ||
|
||
nav a { | ||
color: white; | ||
text-decoration: none; | ||
padding: 10px 15px; | ||
margin: 0 10px; | ||
border-radius: 5px; | ||
font-size: 1.1rem; | ||
} | ||
|
||
nav a:hover { | ||
background-color: #5a3d62; | ||
} | ||
|
||
/* Estilos das seções */ | ||
section { | ||
padding: 30px 10%; | ||
max-width: 1200px; | ||
margin: 0 auto; | ||
} | ||
|
||
section h2 { | ||
color: #3e2a47; | ||
font-size: 2rem; | ||
margin-bottom: 20px; | ||
} | ||
|
||
/* Conteúdo textual */ | ||
.conteudo { | ||
line-height: 1.6; | ||
} | ||
|
||
.imagem-principal { | ||
width: 100%; | ||
height: auto; | ||
border-radius: 10px; | ||
margin-bottom: 20px; | ||
} | ||
|
||
/* Estilos para a lista de ingredientes e variações */ | ||
.ingredientes, .variacoes { | ||
display: grid; | ||
grid-template-columns: 1fr 1fr; | ||
gap: 20px; | ||
} | ||
|
||
.ingredientes ul, .variacoes ul { | ||
list-style-type: none; | ||
padding: 0; | ||
} | ||
|
||
.ingredientes li, .variacoes li { | ||
background-color: #e9d9e0; | ||
border-radius: 5px; | ||
padding: 8px; | ||
margin: 5px 0; | ||
} | ||
|
||
/* Rodapé */ | ||
footer { | ||
background-color: #3e2a47; | ||
color: white; | ||
text-align: center; | ||
padding: 15px 0; | ||
position: fixed; | ||
width: 100%; | ||
bottom: 0; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,73 @@ | ||
<!DOCTYPE html> | ||
<html lang="pt-BR"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Feijoada - A Tradição Brasileira</title> | ||
<link rel="stylesheet" href="leodair.css"> | ||
</head> | ||
<body> | ||
|
||
<header> | ||
<h1>Feijoada: O Sabor Tradicional do Brasil</h1> | ||
</header> | ||
|
||
<nav> | ||
<a href="#origem">Origem</a> | ||
<a href="#ingredientes">Ingredientes</a> | ||
<a href="#preparo">Preparo</a> | ||
<a href="#variacoes">Variedades Regionais</a> | ||
</nav> | ||
|
||
<section id="origem"> | ||
<h2>Origem da Feijoada</h2> | ||
<div class="conteudo"> | ||
<p>A feijoada é um prato tradicionalmente brasileiro, com influências africanas e portuguesas. Acredita-se que os escravizados, com poucos recursos, criaram esse prato utilizando restos de carne, como pés e rabos de porco, misturados com feijão preto e temperos locais. Com o tempo, a feijoada foi se tornando cada vez mais popular e hoje é consumida com grande frequência em festas e eventos especiais.</p> | ||
<img src="imagem de feijoda" alt="Feijoada" class="imagem-principal"> | ||
</div> | ||
</section> | ||
|
||
<section id="ingredientes"> | ||
<h2>Ingredientes Principais</h2> | ||
<div class="ingredientes"> | ||
<ul> | ||
<li>Feijão preto</li> | ||
<li>Costelinha de porco</li> | ||
<li>Lombo de porco</li> | ||
<li>Paio e linguiça</li> | ||
<li>Carne seca</li> | ||
<li>Temperos: alho, cebola, louro e pimenta</li> | ||
<li>Arroz branco</li> | ||
<li>Farofa</li> | ||
<li>Couve refogada</li> | ||
<li>Laranja em rodelas</li> | ||
</ul> | ||
<p>A mistura de carnes e feijão cria uma combinação única de sabor que é a base dessa deliciosa iguaria brasileira.</p> | ||
</div> | ||
</section> | ||
|
||
<section id="preparo"> | ||
<h2>Como Preparar a Feijoada</h2> | ||
<div class="conteudo"> | ||
<p>O preparo da feijoada exige tempo e paciência. O feijão preto deve ser cozido junto com as carnes em uma panela grande e resistente, preferencialmente de barro. O tempero deve ser adicionado aos poucos, e o cozimento deve ser lento, para que os sabores se misturem bem. Em geral, o prato leva de 3 a 4 horas para ficar pronto. A feijoada é servida com arroz branco, farofa, couve e laranja para equilibrar o sabor.</p> | ||
</div> | ||
</section> | ||
|
||
<section id="variacoes"> | ||
<h2>Variedades Regionais</h2> | ||
<div class="variacoes"> | ||
<ul> | ||
<li><strong>Feijoada Carioca:</strong> É a versão mais popular, com carnes de porco e acompanhamentos como arroz, couve e laranja.</li> | ||
<li><strong>Feijoada Baiana:</strong> Inclui mais ingredientes típicos da Bahia, como o dendê e o arroz de coco.</li> | ||
<li><strong>Feijoada Mineira:</strong> Leva carne de sol e uma combinação de feijão preto e feijão vermelho.</li> | ||
<li><strong>Feijoada Pernambucana:</strong> Geralmente é mais picante, com adição de pimentas e outros temperos fortes.</li> | ||
</ul> | ||
</div> | ||
</section> | ||
|
||
<footer> | ||
<p>© 2024 Feijoada.</p> | ||
</footer> | ||
|
||
</body> | ||
</html> |