-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (59 loc) · 2.39 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!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>Odin Recipes</title>
<link rel="icon" type="image/x-icon" href="./images/favicon.png">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main>
<h1>Odin Recipes</h1>
<figure>
<img src="images/tagine.jpg" alt="tagine">
<figcaption>
<h2>The Moroccan Tagine</h2>
</figcaption>
</figure>
<p id="description">Tagine is a traditional Moroccan pot made from clay and consists of a circular base unit and a large cone cover that sits on the base during cooking. The cover is designed to turn all condensation to the bottom and keeps the dish moist as it slowly stews. In this project, I've chosen three of the most traditional Moroccan tagine recipes hope you like them.</p>
<div id="menu">
<figure>
<div class="overlay">
<img src="images/recipe-1.png" alt="couscous tagine">
<div class="middle">
<a href="recipes/couscous-tagine.html">Go to recipe</a>
</div>
</div>
<figcaption>
<a href="recipes/couscous-tagine.html">Couscous Tagine</a>
</figcaption>
</figure>
<figure>
<div class="overlay">
<img src="images/recipe-2.png" alt="sweet tagine">
<div class="middle">
<a href="recipes/sweet-tagine.html">Go to recipe</a>
</div>
</div>
<figcaption>
<a href="recipes/sweet-tagine.html">Sweet Tagine</a>
</figcaption>
</figure>
<figure >
<div class="overlay">
<img src="images/recipe-3.jpg" alt="chicken tagine">
<div class="middle">
<a href="recipes/chicken-tagine.html">Go to recipe</a>
</div>
</div>
<figcaption>
<a href="recipes/chicken-tagine.html">Chicken Tagine</a>
</figcaption>
</figure>
</div>
<p id="credit">Copyright © <a href="https://www.theodinproject.com/lessons/foundations-recipes" target="_blank">The Odin Recipes</a> Project 2023</p>
</main>
</body>
</html>