diff --git a/Nutella-Crepes-500x500.jpg b/Nutella-Crepes-500x500.jpg new file mode 100644 index 0000000..3486ca9 Binary files /dev/null and b/Nutella-Crepes-500x500.jpg differ diff --git a/yssa-item.html b/yssa-item.html new file mode 100644 index 0000000..dbf6f49 --- /dev/null +++ b/yssa-item.html @@ -0,0 +1,71 @@ + + + + + + Die Leidenschaft für Crêpes + + + + + +
+

Crêpes: Leidenschaft, Handwerk und Tradition

+

Eine Hommage an die französische Küche im Frühling

+
+
+ Frisch gebackene französische Crêpes +
+
+

Die Leidenschaft für Crêpes

+

Crêpes sind mehr als nur ein Dessert – sie sind ein Ausdruck von Leidenschaft. In Paris, wo die Straßen nach frisch gebackenen Crêpes duften, wird diese Leidenschaft von Generation zu Generation weitergegeben. Der Moment, wenn der Teig in der Pfanne zischt und der Duft von Butter und Zucker die Luft erfüllt, ist pure Magie.

+
+ +
+

Handwerk und Tradition

+

Das Handwerk der Crêpes-Herstellung ist eine Kunst, die Präzision und Geduld erfordert. Traditionell werden Crêpes in Frankreich mit einfachen Zutaten zubereitet: Mehl, Eier, Milch und Butter. Die Technik des Schwungs, um den Teig dünn zu verteilen, erfordert Übung und Liebe zum Detail. Diese Tradition verbindet uns mit der französischen Kultur und dem Geist von Paris.

+
+ +
+

Paris und die französische Seele

+

Paris im Frühling ist der perfekte Rahmen für Crêpes. Die Stadt erwacht mit blühenden Blumen und milden Temperaturen. Crêpes-Verkäufer säumen die Seine, und der Eiffelturm im Hintergrund symbolisiert die Eleganz Frankreichs. Crêpes sind ein Stück dieser modern-traditionellen Kultur – zeitlos und doch immer frisch.

+
+ +
+

Ein einfaches Crêpes-Rezept zum Nachkochen

+

Zutaten (für ca. 8 Crêpes):

+ +

Zubereitung:

+
    +
  1. Mehl, Salz und Zucker in einer Schüssel vermischen.
    2. +
  2. Eier hinzufügen und verrühren.
    3. +
  3. Langsam die Milch zugießen und rühren, bis ein glatter Teig entsteht.
    4. +
  4. Geschmolzene Butter unterrühren.
    5. +
  5. Teig 30 Minuten ruhen lassen.
    6. +
  6. Eine Pfanne erhitzen, etwas Butter darin schmelzen.
    7. +
  7. Eine Schöpfkelle Teig in die Pfanne geben und schwenken, um einen dünnen Teigfilm zu bilden.
    8. +
  8. 1-2 Minuten backen, wenden und weitere Minute backen.
    9. +
  9. Mit Lieblingsbelägen servieren – z.B. Nutella, Obst oder Ahornsirup.
    10. +
+

Bon appétit! Genießen Sie Ihre Crêpes im Frühlingssonnenschein.

+
+ + + + \ No newline at end of file diff --git a/yssa-style.css b/yssa-style.css new file mode 100644 index 0000000..5170e7e --- /dev/null +++ b/yssa-style.css @@ -0,0 +1,150 @@ +/* Grundlayout */ + +body { + margin: 0; + font-family: 'Roboto', sans-serif; + background-color: #fff7f9; + color: #4a3f3f; + line-height: 1.6; +} + +/* Header */ + +header { + background: linear-gradient(135deg, #ffd6e0, #ffeef3); + text-align: center; + padding: 60px 20px; +} + +header h1 { + font-family: 'Playfair Display', serif; + font-size: 2.8rem; + margin-bottom: 10px; + color: #c94f7c; +} + +header p { + font-size: 1.2rem; + color: #7a5a65; +} + +/* Sections */ + +section { + max-width: 800px; + margin: 40px auto; + padding: 30px; + background: white; + border-radius: 12px; + box-shadow: 0 6px 15px rgba(0,0,0,0.05); +} + +/* Section Titel */ + +section h2 { + font-family: 'Playfair Display', serif; + color: #d45c8c; + margin-bottom: 15px; +} + +section h3 { + margin-top: 25px; + color: #b94b76; +} + +/* Listen */ + +ul, ol { + padding-left: 20px; +} + +li { + margin-bottom: 8px; +} + +/* Rezeptbereich */ + +#rezept { + background: #fff0f5; + border-left: 6px solid #f6a5c0; +} + +/* Footer */ + +footer { + text-align: center; + padding: 20px; + margin-top: 40px; + background-color: #ffd6e0; + color: #6b4a53; + font-size: 0.9rem; +} + +/* Hover Effekt für moderne Note */ + +section:hover { + transform: translateY(-3px); + transition: 0.3s ease; + box-shadow: 0 10px 20px rgba(0,0,0,0.08); +} + +/* Responsive Design */ + +@media (max-width: 768px) { + header h1 { + font-size: 2rem; + } + + section { + margin: 20px; + padding: 20px; + } +} + +.hero-image { + display: flex; + justify-content: center; + margin: 60px auto; +} + +.hero-image img { + width: 100%; + max-width: 650px; + height: auto; + border-radius: 18px; + box-shadow: 0 12px 30px rgba(0,0,0,0.15); +} + +.hero-image img:hover { + transform: scale(1.02); + transition: 0.3s ease; +} + +/* Navigation */ + +.main-nav { + background: white; + padding: 15px 0; + box-shadow: 0 2px 8px rgba(0,0,0,0.05); +} + +.main-nav ul { + list-style: none; + display: flex; + justify-content: center; + gap: 40px; + margin: 0; + padding: 0; +} + +.main-nav a { + text-decoration: none; + font-family: 'Playfair Display', serif; + color: #c94f7c; + font-size: 1.1rem; + transition: 0.3s; +} + +.main-nav a:hover { + color: #ff7aa8; +} \ No newline at end of file