Leckeres Backrezept

Mein Lieblings-Backrezept

Ein einfaches Rezept für köstlichen Kuchen.

Zutaten

250 g weiche Butter
250 g Zucker
4 Eier (Gr. M)
500 g Mehl
1 Päckchen Backpulver
125 ml Milch

Zubereitung

Backofen auf 180°C vorheizen.
Butter und Zucker schaumig schlagen.
Eier nach und nach hinzufügen.
Mehl und Backpulver mischen und abwechselnd mit der Milch unterrühren.
Teig in eine gefettete Form geben und 60 Minuten backen.

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Leckeres Backrezept</title>
  <link rel="stylesheet" href="styles.css">
   <style>
   * Grundlegende Stileinstellungen */
body {
  font-family: 'Arial', sans-serif;
  background-color: #f9f9f9;
  color: #333;
  margin: 0;
  padding: 0;
}

header {
  background-color: gray;
  text-align: center;
  padding: 20px 0;
}

h1 {
  font-size: 2.5rem;
  font-weight: bold;
  color: whitesmoke;
  margin: 0;
}

header p {
  font-size: 1.2rem;
  font-weight: semi-expanded;
  margin: 0;
  color: whitesmoke;
}

/* Zutaten */
.zutaten {
  background-color: lightcyan;
  padding: 20px;
  margin: 20px auto;
  width: 80%;
  border-radius: 10px;
}

.zutaten h2 {
  color: #d84315;
}

ul {
  list-style-type: square;
  color: #d84315;
  padding-left: 20px;
  font-size: 1.1rem;
}

/* Zubereitung */
.anleitung {
  background-color: lightblue;
  padding: 20px;
  margin: 20px auto;
  width: 80%;
  border-radius: 10px;
}

.anleitung h2 {
  color: #d84315;
}

ol {
  color: #d84315;
  font-size: 1.1rem;
  padding-left: 20px;
}

/* Footer */
footer {
  background-color: gray;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  bottom: 0;
  width: 100%;
} 
   </style
</head>

  <header>
    <h1>Mein Lieblings-Backrezept</h1>
    <p>Ein einfaches Rezept für köstlichen Kuchen.</p>
  </header>

  <body>
  <img src="https://pixabay.com/de/photos/gugelhupf-kuchen-dessert-3643259/" alt="Gugelhupf" width="300" height="200">

    <section class="zutaten">
      <h2>Zutaten</h2>
      <ul>
        <li>250 g weiche Butter</li>
        <li>250 g Zucker</li>
        <li>4 Eier (Gr. M)</li>
        <li>500 g Mehl</li>
        <li>1 Päckchen Backpulver</li>
        <li>125 ml Milch</li>
      </ul>
    </section>

    <section class="anleitung">
      <h2>Zubereitung</h2>
      <ol>
        <li>Backofen auf 180°C vorheizen.</li>
        <li>Butter und Zucker schaumig schlagen.</li>
        <li>Eier nach und nach hinzufügen.</li>
        <li>Mehl und Backpulver mischen und abwechselnd mit der Milch unterrühren.</li>
        <li>Teig in eine gefettete Form geben und 60 Minuten backen.</li>
      </ol>
    </section>
  </body>

  <footer>
  <p>Weitere Informationen unter <a href="mailto:info@example.com">info@example.com</a><p>
    <p>&copy; 2024 Mein Kuchenrezept. Alle Rechte vorbehalten.</p>
  </footer>
</html>