diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/img/beef.png b/img/beef.png new file mode 100644 index 0000000..222cb3e Binary files /dev/null and b/img/beef.png differ diff --git a/img/couscous.png b/img/couscous.png new file mode 100644 index 0000000..ff4d7cf Binary files /dev/null and b/img/couscous.png differ diff --git a/img/french-cuisine.png b/img/french-cuisine.png new file mode 100644 index 0000000..5b30423 Binary files /dev/null and b/img/french-cuisine.png differ diff --git a/img/italian-cuisine.png b/img/italian-cuisine.png new file mode 100644 index 0000000..2108ee1 Binary files /dev/null and b/img/italian-cuisine.png differ diff --git a/img/north-african.png b/img/north-african.png new file mode 100644 index 0000000..fab3b42 Binary files /dev/null and b/img/north-african.png differ diff --git a/img/pizza.png b/img/pizza.png new file mode 100644 index 0000000..ac86926 Binary files /dev/null and b/img/pizza.png differ diff --git a/index.html b/index.html index 4271881..3c9a91b 100644 --- a/index.html +++ b/index.html @@ -4,26 +4,121 @@ + Culinary Chronicles -

Culinary Chronicles: Showcasing the Best Food in the World

-

A website by: PARTNER 1 & PARTNER 2

+

Culinary Chronicles: Showcasing the Best Food in the World

+

A website by: Mahdi & Adrian

+
+
+
+

Favorite Cuisines

+
    +
    +
  • North African cuisine
    • + +
    + +
    +
  • Italian cuisine
    • + +
    + +
    +
  • French Cuisine
    • + +
    + +
+ +
+ +
+ + +
+ +
+ +

Favorite dishes

+ + +
+ +
+ + + + +
+
+

Favorite dishes

+ +
+ - - - - - - - - - - - - - \ No newline at end of file +
+

Couscous

+ +

+ A versatile grain used in many North African dishes. + Typically made from semolina and steamed. + Often served with meat, vegetables, and a flavorful sauce. + A healthy and nutritious grain. + +

+
+ +
+

Pizza

+ +

+ A delicious, cheesy, and customizable treat. + The perfect comfort food for any occasion. + A versatile dish with endless topping possibilities. + A classic Italian creation enjoyed worldwide. + +

+
+
+

Beef bourguignon

+

+ Brown beef cubes. + Sauté onions, carrots, garlic. + Add flour, red wine, broth, tomato paste, herbs. + Simmer until tender. + Add mushrooms, thicken with butter-flour mixture. +

+
+ + +
+ +
+ + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..441d36b --- /dev/null +++ b/style.css @@ -0,0 +1,68 @@ +*{ + text-decoration: none; + background-color: beige; +} +body{ +display: block; +align-items: center; +justify-content: center; +text-align: center; +} + +img{ + width: 400px; + height: 400px; + border-radius: 10%; + border: solid 3px black; +} + +.container{ + display: flex; + flex-direction: column; + justify-content: space-between +} + +.fav-dishes{ + display: flex; + + justify-content: space-between +} +.fav-cuisine{ + display: flex; + justify-content: space-between; +} +.recipes{ + display: flex; + justify-content: space-between; + align-items: center; +} + +ul { + list-style-type: none; + } +li{ + font-size: 2rem; + padding: 1rem; + +} +article{ + width: 400px; + height: 400px; + border-left:solid 3px saddlebrown; + text-align: center; + padding: 1rem; + line-height: 2.5rem; + font-size: 2rem; + border-radius: 15%; + background-image: linear-gradient(to right, #f5f5dc, white) +} +section{ + margin-bottom: 3rem; +} +.title{ + background-image: linear-gradient(to right, white, #ff6600, white); + padding: 1rem; +} +h3{ + margin: 1rem; +} \ No newline at end of file