Skip to content

Instantly share code, notes, and snippets.

@JorgeMadson
Created September 17, 2024 14:27
Show Gist options
  • Save JorgeMadson/36ada3e3e1850d1c27928b0943eaf54a to your computer and use it in GitHub Desktop.
Save JorgeMadson/36ada3e3e1850d1c27928b0943eaf54a to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Receitas do(a) (seu nome)</title>
<style>
body {
margin: 0;
padding: 0;
display: grid;
height: 100vh;
grid-template-rows: auto 1fr auto;
}
header {
background: lightpink;
padding: 2rem;
}
main {
background: coral;
padding: 2rem;
}
footer {
background: wheat;
padding: 2rem;
text-align: center;
}
body {
font-family: system-ui, sans-serif;
}
.ingredients, .instructions {
}
</style>
</head>
<body>
<header>
<h1>Receitas do(a) (seu nome)</h1>
</header>
<main>
<section>
<h2>Bolo de Chocolate</h2>
<p>Este bolo de chocolate é perfeito para qualquer ocasião, fácil de fazer e delicioso!</p>
<img src="https://i.ytimg.com/vi/jOqo_xRiZ4g/maxresdefault.jpg" alt="foto do bolo de chocolate" style="height: 150px;">
<div class="ingredients">
<h3>Ingredientes:</h3>
<ul>
<li>2 xícaras de farinha de trigo</li>
<li>1 xícara de açúcar</li>
<li>1 xícara de chocolate em pó</li>
<li>1 colher de sopa de fermento em pó</li>
<li>3 ovos</li>
<li>1 xícara de leite</li>
<li>1/2 xícara de óleo</li>
</ul>
</div>
<div class="instructions">
<h3>Modo de Preparo:</h3>
<ol>
<li>Preaqueça o forno a 180ºC.</li>
<li>Misture a farinha, o açúcar, o chocolate e o fermento em uma tigela grande.</li>
<li>Adicione os ovos, o leite e o óleo, misturando bem até formar uma massa homogênea.</li>
<li>Despeje a massa em uma forma untada e leve ao forno por cerca de 35 minutos ou até que o palito saia limpo.</li>
<li>Deixe esfriar antes de desenformar e servir.</li>
</ol>
</div>
</section>
</main>
<footer>Site de receitas feito em 17-09-2024</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment