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/README.md b/README.md index 1752194..422bff1 100644 --- a/README.md +++ b/README.md @@ -34,4 +34,8 @@ Additionally, you will style this page to ensure that it entices users to read a - Give your images a border - Give your page a background image - Create a navigation bar at the top of your page. Style this navigation bar using CSS. -- Check out pseudo-elements like `::before` and `::after` to try to animate your links. \ No newline at end of file +- Check out pseudo-elements like `::before` and `::after` to try to animate your links. +// links +https://downshiftology.com/recipes/chicken-fajitas/ (fajitas) +red wine recipe https://www.spendwithpennies.com/beef-stew-recipe/ +pasta https://www.modernhoney.com/fettuccine-alfredo/ \ No newline at end of file diff --git a/bowl.jpg b/bowl.jpg new file mode 100644 index 0000000..46cd2fe Binary files /dev/null and b/bowl.jpg differ diff --git a/coffee.jpg b/coffee.jpg new file mode 100644 index 0000000..f0ea1ff Binary files /dev/null and b/coffee.jpg differ diff --git a/hamburger.jpg b/hamburger.jpg new file mode 100644 index 0000000..88eb12b Binary files /dev/null and b/hamburger.jpg differ diff --git a/index.html b/index.html index 4271881..d6ff618 100644 --- a/index.html +++ b/index.html @@ -4,26 +4,62 @@ - Culinary Chronicles + Culinary Chronicles with Rasheem and Justin +

Culinary Chronicles: Showcasing the Best Food in the World

-

A website by: PARTNER 1 & PARTNER 2

+

A website by: Justin & Rasheem

+

Here are our favorite 3 foods!

+
+
    +

    1. Hamburger

    + Hamburger +
    - +

    2. Tacos

    + Tacos +
    +

    3. Steak

    + Steak +
+
- - - - - - +

Here are our favorite Dishes!

+
+
    +

    1. Bowl

    + Bowl +
    +

    2. Plate

    + Plate +
    +

    3. Coffee Cup

    + Coffee Cup +
+
+

Here are our 3 favorite recipes!

+
+
    +

    1. Fajitas

    +

    View Fajita Recipe!

    +
    + +

    2. Beef Stew

    +

    View Beef Stew Recipe!

    +
    + +

    3. Fettuccini Alfredo

    +

    View Fettuccini Alfredo Recipe!

    + +
+ \ No newline at end of file diff --git a/plate.jpg b/plate.jpg new file mode 100644 index 0000000..9fdaee4 Binary files /dev/null and b/plate.jpg differ diff --git a/steak.jpg b/steak.jpg new file mode 100644 index 0000000..2b18d1a Binary files /dev/null and b/steak.jpg differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..d030cd9 --- /dev/null +++ b/style.css @@ -0,0 +1,69 @@ +@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); + +body { + font-family: "Monsteratt"; + background-color: blanchedalmond; + color: #333; + text-align: center; +} + +h1 { + color: black; + padding: 5%; + font-size: 2em; + border-radius: 10px; +} + +h3 { + color: black; + font-size: 1.5em +} + +h4 { + color: black; + font-size: 1.5em; +} + +#list1 { + background-color: aqua; + padding: 5%; + border-radius: 10px; + box-shadow: 0px 4px 6px rgba(red, green, blue, alpha); + display: inline-block; + margin: 20px; +} +#list2 { + background-color: aqua; + padding: 5%; + border-radius: 10px; + box-shadow: 0px 4px 6px rgba(red, green, blue, alpha); + display: inline-block; + margin: 20px; +} +#list3 { + background-color: aqua; + padding: 5%; + border-radius: 10px; + box-shadow: 0px 4px 6px rgba(red, green, blue, alpha); + display: inline-block; + margin: 20px; +} + +.lists{ + margin: 0 auto; + max-width: 800px; + +} +a:hover{ + text-decoration: wavy; + text-shadow: #333; +} +img { +width: 100px; +border-radius: 10px; +opacity: 0.9; +transition: opacity 0.3s; +} +img:hover { + opacity: 1; +} \ No newline at end of file diff --git a/tacos.jpg b/tacos.jpg new file mode 100644 index 0000000..824e3cd Binary files /dev/null and b/tacos.jpg differ