diff --git a/johannesbeeressig.png b/Johannesbeeressig/johannesbeeressig.png similarity index 100% rename from johannesbeeressig.png rename to Johannesbeeressig/johannesbeeressig.png diff --git a/bio.html b/bio.html index 12954a8..589b598 100644 --- a/bio.html +++ b/bio.html @@ -191,6 +191,8 @@ } } + +
@@ -224,4 +226,5 @@
Meine Geschichte - \ No newline at end of file + + \ No newline at end of file diff --git a/contact.html b/contact.html index 44512b0..fb28c4a 100644 --- a/contact.html +++ b/contact.html @@ -3,8 +3,16 @@ + + + so.mach.ich.das | Contact + + +
+
+
+ Brotbacken + +

Zutaten:

+
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
+ +

Zubereitung:

+
    +
    2. +
    3. +
    4. +
    5. +
    6. +
    7. +
    8. +
+
+ + +
+
+ + + + + + + + +
+
+ + + diff --git a/hefe-teilchen/hefeteilchen.jpeg b/hefe-teilchen/hefeteilchen.jpeg new file mode 100644 index 0000000..433a9ab Binary files /dev/null and b/hefe-teilchen/hefeteilchen.jpeg differ diff --git a/hefe-teilchen/index.html b/hefe-teilchen/index.html new file mode 100644 index 0000000..29eb1f8 --- /dev/null +++ b/hefe-teilchen/index.html @@ -0,0 +1,271 @@ + + + + + + Rezept-Seite + + + +
+
+ Gefüllte Hefeteilchen + +

Zutaten:

+
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
+ +

Zubereitung:

+
    +
    2. +
    3. +
    4. +
    5. +
    6. +
+
+ + +
+
+ + + + + + + + +
+
+ + + diff --git a/index.html b/index.html index 8897887..85b7424 100644 --- a/index.html +++ b/index.html @@ -226,10 +226,29 @@
- Johannesbeeressig + Johannesbeeressig

Johannesbeeressig

-

Verleihe deinem Salat eine außergewöhnliche Note mit selbstgemachtem Johannisbeeressig.

- See the recipe +

Verleihe deinem Salat eine außergewöhnliche Note mit selbstgemachtem Johannesbeeressig.

+ Klicke für mehr +
+
+ Hefe Teilchen +

Hefe Teilchen

+

Locker-leichte Hefeteilchen, gefüllt mit Schokocreme oder Marmelade – perfekt zum Kaffee oder Frühstück.

+ Klicke für mehr +
+
+ Lachs-Zwiebel-Dip +

Lachs-Zwiebel-Dip

+

Herzhafter Lachs-Zwiebel-Dip mit Frischkäse und Kresse – perfekt als Brotaufstrich oder Dip für Gäste.

+ Klicke für mehr +
+ +
+ fluffig krosse Johgurtbrote ohne Gehzeit +

Fluffig Krosse Johgurtbrote ohne Gehzeit

+

Locker und knusprig – Joghurtbrote ganz ohne Gehzeit.

+ Klicke für mehr
diff --git a/lachszwiebeldip/index.html b/lachszwiebeldip/index.html new file mode 100644 index 0000000..662e848 --- /dev/null +++ b/lachszwiebeldip/index.html @@ -0,0 +1,266 @@ + + + + + + Rezept-Seite + + + +
+
+
+ Lachs-Zwiebel-Dip + +

Zutaten:

+
    +
    • +
    • +
    • +
    • +
    • +
    • +
+ +

Zubereitung:

+
    +
    2. +
    3. +
+
+ +
+
+ + + + + + + + +
+
+ + + diff --git a/lachszwiebeldip/lachsdip.jpeg b/lachszwiebeldip/lachsdip.jpeg new file mode 100644 index 0000000..66ade97 Binary files /dev/null and b/lachszwiebeldip/lachsdip.jpeg differ diff --git a/recipes.html b/recipes.html index 89ba3dd..c3e8ef8 100644 --- a/recipes.html +++ b/recipes.html @@ -3,253 +3,214 @@ + + + Suche auf der Website + + /* Ladebildschirm */ + .loading-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(255, 255, 255, 0.8); + display: flex; + align-items: center; + justify-content: center; + z-index: 9999; + } + + .spinner { + width: 50px; + height: 50px; + border: 5px solid rgba(0, 0, 0, 0.1); + border-top: 5px solid black; + border-radius: 50%; + animation: spin 1s linear infinite; + } + + @keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } + } + + /* Inhalt */ + .content { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + text-align: center; + width: 100%; + max-width: 1200px; + padding: 20px; + box-sizing: border-box; + } + + .text, .image { + flex: 1; + width: 100%; + text-align: center; + } + + .image img { + max-width: 100%; + height: auto; + border-radius: 8px; + } + + .divider { + width: 100%; + height: 2px; + background-color: black; + margin: 20px 0; + } + + /* Karte */ + .card { + max-width: 300px; + background: white; + color: black; + border: 1px solid #dbdce0; + padding: 25px; + box-shadow: 8px 8px 0 rgba(32,33,37,.1); + transition: box-shadow .5s, transform .5s; + border-radius: 8px; + display: inline-block; + margin: 10px; + } + + .card:hover { + transform: translate(-2px, -4px); + box-shadow: 16px 16px 0 rgba(32,33,37,.06); + } + + .card img { + max-width: 100%; + height: auto; + } + + .card .title { + font-weight: bold; + margin-top: 1.5em; + } + + .card .description { + line-height: 1.5em; + } + + .card a { + color: #1967d2; + font-size: .8em; + font-weight: 600; + } + + /* Responsives Design */ + @media (max-width: 768px) { + header { + flex-direction: column; + align-items: center; + text-align: center; + } + + .social-links { + width: 100%; + justify-content: center; + margin-top: 10px; + } + + .content { + flex-direction: column; + align-items: center; + } + + .text, .image { + width: 100%; + } + + .card { + max-width: 90%; + margin: 10px 0; + } + } + -
- - -

so.mach.ich.das

- -
+
+ + +

so.mach.ich.das

+ +


@@ -268,10 +229,29 @@
- Johannesbeeressig + Johannesbeeressig

Johannesbeeressig

Verleihe deinem Salat eine außergewöhnliche Note mit selbstgemachtem Johannesbeeressig.

- See the recipe + Klicke für mehr +
+
+ Hefe Teilchen +

Hefe Teilchen

+

Locker-leichte Hefeteilchen, gefüllt mit Schokocreme oder Marmelade – perfekt zum Kaffee oder Frühstück.

+ Klicke für mehr +
+
+ Lachs-Zwiebel-Dip +

Lachs-Zwiebel-Dip

+

Herzhafter Lachs-Zwiebel-Dip mit Frischkäse und Kresse – perfekt als Brotaufstrich oder Dip für Gäste.

+ Klicke für mehr +
+ +
+ fluffig krosse Johgurtbrote ohne Gehzeit +

Fluffig Krosse Johgurtbrote ohne Gehzeit

+

Locker und knusprig – Joghurtbrote ganz ohne Gehzeit.

+ Klicke für mehr