Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
Binary file added imgs/Chicken-Kebab.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added imgs/Pan-Seared-Steak.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added imgs/butter-chicken.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
75 changes: 55 additions & 20 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,29 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Culinary Chronicles </title>
</head>
<body>
<h1>Culinary Chronicles: Showcasing the Best Food in the World</h1>
<h3>A website by: PARTNER 1 & PARTNER 2</h3>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Culinary Chronicles</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div class="heading">
<h1>Culinary Chronicles: Showcasing the Best Food in the World</h1>
<h3>A website by: Tatiana, Ibrahim, and Evan</h3>
</div>

<!-- Create a list of your favorite cuisines and pictures -->



<div class="fav-cuisines">
<h4>Our Favorite Cuisines</h4>
<ol>
<li>Dominican/Latin</li>
<li>Arab Food</li>
<li>American?</li>
</ol>
</div>
<!-- Create a list of your favorite dishes with pictures -->
<div class="fav-dishes">
<h4>Our Favorite Dishes</h4>



<ol>
<li>Butter Chicken</li>
<img src="./imgs/butter-chicken.jpeg" alt="butter chicken" />
<li>Chicken Kebab</li>
<img src="./imgs/Chicken-Kebab.jpg" alt="kebab" />
<li>Pan Seared Steak</li>
<img src="./imgs/Pan-Seared-Steak.jpg" alt="steak" />
</ol>
</div>

<!-- Create a list of recipes with links to sites that provide the recipe -->
<div class="recipes">
<h4>Recipes</h4>





</body>
</html>
<ul>
<li>
<a
href="https://www.indianhealthyrecipes.com/butter-chicken/#wprm-recipe-container-38378"
>Butter Chicken</a
>
</li>
<li>
<a
href="https://www.onceuponachef.com/recipes/middle-eastern-chicken-kabobs.html"
>Kebab</a
>
</li>
<li>
<a href="https://natashaskitchen.com/pan-seared-steak/"
>Pan Seared Steak</a
>
</li>
</ul>
</div>
</body>
</html>
30 changes: 30 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
.heading {
color: rgb(0, 170, 255);
text-align: center;
text-shadow: #fc0 1px 0 10px;
font-size: 24;
box-shadow: inset;
text-decoration: underline;
}

div {
font-size: 16;
color: black;
}
.fav-cuisines {
background-color: aquamarine;
}

.fav-dishes {
background-color: beige;
}
.recipes {
background-color: brown;
}

img {
width: 300px;
border-radius: 2rem;
opacity: 101;
box-shadow: 10px 5px 5px lightgrey;
}