kochwelt/index.html at main · PaulGrossDev/kochwelt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" href="assets/img/icons/favicon.png" />
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="stylesheet" href="./css/header.css" />
    <link rel="stylesheet" href="./css/start.css" />
    <link rel="stylesheet" href="./css/footer.css" />

    <title>Kochwelt - Startseite</title>
  </head>

  <body onload="includeHTML()">
    <header w3-include-html="./partials/header.html"></header>

    <section>
      <div class="hero-content">
        <div class="hero-image">
          <img src="./assets/img/food/lasagne-min.jpg" alt="Lasagne Bolognese" />
        </div>
        <div class="hero-text">
          <h2 class="hero-title">Lasagna Bolognese</h2>
          <p class="hero-description">
            Mit diesem Lasagne-Rezept bringt man die kulinarischen Highlights
            Italiens direkt auf den Tisch. Sobald der Duft aus dem Ofen strömt,
            wächst die Vorfreude. Lasagne kommt bei Jung und Alt gleichermaßen
            gut an! Die Zubereitung von Lasagne ist einfacher, als viele denken.
            Dank meiner Anleitung gelingt das Schichten und Backen auch
            Kochanfängern problemlos. Perfekt, um Familie und Freunde zu
            verwöhnen.
          </p>
          <a href="./pages/lagnase-bolognese.html">
            <button class="btn">Rezept öffnen</button>
          </a>
        </div>
      </div>
    </section>

    <section>
      <div class="new-recipes-content">
        <h2>Lust auf was neues?</h2>
        <div class="new-recipies-images">
          <div class="new-recipie-box">
            <a href="./pages/tortellini.html"
              ><img
                class="recipie-img"
                src="./assets/img/food/tortellini-min.jpg"
                alt="Tortellini"
            /></a>
            <h3>Tortellini</h3>
          </div>
          <div class="new-recipie-box">
            <a href="./pages/spaghetti-aglio-e-olio.html"
              ><img
                class="recipie-img"
                src="./assets/img/food/pasta-aglio-min.jpg"
                alt="Spaghetti aglio e olio"
            /></a>
            <h3>Spaghetti aglio e olio</h3>
          </div>
          <div class="new-recipie-box">
            <a href="./pages/spaghetti-carbonara.html"
              ><img
                class="recipie-img"
                src="./assets/img/food/spaghetti-carbonara-min.jpg"
                alt="Spaghetti Carbonara"
            /></a>
            <h3>Spaghetti Carbonara</h3>
          </div>
        </div>
      </div>
    </section>

    <section>
      <div class="blog-content">
        <h2>Küchenmesser schärfen - so geht's richtig</h2>
        <div class="blog-body">
          <p class="blog-text">
            Kein Messer bleibt ewig scharf. Ein geeignetes Schleifmittel und ein
            regelmäßiger Nachschliff sind zwingend notwendig, um die Schärfe der
            Klinge zu erhalten. In diesem kleinen Ratgeber möchten wir die Frage
            beantworten, was Sie zum Messer schärfen brauchen und welche
            handwerklichen Voraussetzungen Sie mitbringen müssen. Sie erfahren
            mehr über den richtigen Umgang mit Schleifstein, Wetzstab oder
            Messerschärfer.
          </p>
          <div class="blog-image">
            <img src="./assets/img/picture/knife.jpg" alt="Messer" />
          </div>
        </div>
      </div>
    </section>

    <footer w3-include-html="./partials/footer.html"></footer>
  </body>

  <script src="./js/main.js"></script>
  <script src="./js/header.js"></script>
</html>