Skip to content

Dev nat #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
natali-a-lvarez wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Dev nat #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
697e796
Updated Html
AlexanderEvans23 Jan 30, 2024
3b07fa0
added images and stylesheet
AlexanderEvans23 Jan 30, 2024
0342554
Merge pull request #1 from AlexanderEvans23/dev1
natali-a-lvarez Jan 30, 2024
10f75c6
adding css styles
natali-a-lvarez Jan 30, 2024
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
Binary file added images/burger.avif
View file
Open in desktop
Binary file not shown.
Binary file added images/fries.avif
View file
Open in desktop
Binary file not shown.
Binary file added images/salad.avif
View file
Open in desktop
Binary file not shown.
66 changes: 43 additions & 23 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +1,49 @@
<!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>

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


<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" />
<link rel="stylesheet" href="style.css" />
<title>Culinary Chronicles</title>
</head>
<body>
<h1 class="main-title">
Culinary Chronicles: Showcasing the Best Food in the World
</h1>
<h3 class="main-subtitle">A website by: Natalia & Alex</h3>

<div id="cuisine">
<h3 class="title">Our favorite cuisine</h3>
<ol start="1">
<li>Mexican</li>
<li>Lebanese</li>
<li>Italian</li>
<li>Korean</li>
</ol>
</div>
<div id="favorite">
<h3 class="title">Our favorite recipes</h3>
<ul>
<li>
<a href="https://www.allrecipes.com/recipe/72657/best-hamburger-ever/"
>Burger</a
>
<img src="images\burger.avif" alt="Burger" />
</li>
<li>
<a href="https://therecipecritic.com/loaded-fries/">Loaded Fries</a>
<img src="images\fries.avif" alt="Fries" />
</li>
<li>
<a href="https://www.acouplecooks.com/best-salad-recipes/">Salad</a>
<img src="images\salad.avif" alt="Salad" />
</li>
</ul>
</div>

<!-- Create a list of your favorite dishes with pictures -->




<!-- Create a list of recipes with links to sites that provide the recipe -->





</body>
</html>
</body>
</html>
30 changes: 30 additions & 0 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
body {
background-color: black;
color: white;
padding: 3rem;
}

.main-title,
.main-subtitle {
text-align: center;
}

ul {
display: flex;
list-style: none;
justify-content: space-evenly;
gap: 2rem;
}

ul a {
text-decoration: none;
color: inherit;
}

img {
width: 100%;
height: 100%;
border-radius: 10px;
aspect-ratio: 1 / 1;
margin-top: 5px;
}