-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththe-odin-restaurant.html
117 lines (87 loc) · 5.88 KB
/
the-odin-restaurant.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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html>
<head>
<title>The Odin Restaurant</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="recipes/the-odin-restaurant.css" />
</head>
<body>
<div id="nav-bar">
<ul id="nav-bar-list">
<li id="nav-bar-list-item"><a href="#welcome">Welcome</a></li>
<li id="nav-bar-list-item"><a href="#recipes">Recipes</a></li>
<li id="nav-bar-list-item"><a href="#footer-div">Contact</a></li>
<li id="nav-bar-list-item"><a href="#footer-div">About</a></li>
</ul>
</div>
<div id="welcome">
<h1 id="welcome-title">The Odin Restaurant</h1>
<p>from few line of code to a restaurant page</p>
</div>
<div class="recipes" id="recipes">
<h1 id="recipes-title">Recipes of The Odin Restaurant</h1>
<p id="today">Recipe of Today :</p>
<h2 id="lasagna-title">World's Best Lasagna</h2>
<img alt="World's Best Lasagna Image" src="recipes/assets/lasagna.jpg" id="lasagna-img">
<div id="ingreds-div">
<h3 id="ingreds-title">Ingredients</h3>
<ul id="ingreds-list">
<li id="ingreds-list-item">1 pound sweet Italian sausage</li>
<li id="ingreds-list-item">¾ pound lean ground beef</li>
<li id="ingreds-list-item">½ cup minced onion</li>
<li id="ingreds-list-item">2 cloves garlic, crushed</li>
<li id="ingreds-list-item">1 (28 ounce) can crushed tomatoes</li>
<li id="ingreds-list-item">2 (6 ounce) cans tomato paste</li>
<li id="ingreds-list-item">2 (6.5 ounce) cans canned tomato sauce</li>
<li id="ingreds-list-item">½ cup water</li>
<li id="ingreds-list-item">2 tablespoons white sugar</li>
<li id="ingreds-list-item">½ tablespoon dried basil leaves</li>
<li id="ingreds-list-item">½ teaspoon fennel seeds</li>
<li id="ingreds-list-item">1 teaspoons Italian seasoning</li>
<li id="ingreds-list-item">½ tablespoon salt, divided, or to taste</li>
<li id="ingreds-list-item">¼ teaspoon ground black pepper</li>
<li id="ingreds-list-item">¼ cup chopped fresh parsley</li>
<li id="ingreds-list-item">12 lasagna noodles</li>
<li id="ingreds-list-item">16 ounces ricotta cheese</li>
<li id="ingreds-list-item">1 egg</li>
<li id="ingreds-list-item"> ¾ pound mozzarella cheese, sliced</li>
<li id="ingreds-list-item">¾ cup grated Parmesan cheese</li>
</ul>
</div>
<div id="steps-div">
<h3 id="steps-title">Steps</h3>
<ol id="steps-list">
<li id="steps-list-item"><h4 class="title">Step 1</h4>
In a Dutch oven, cook sausage, ground beef, onion, and garlic over medium heat until well browned. Stir in crushed tomatoes, tomato paste, tomato sauce, and water. Season with sugar, basil, fennel seeds, Italian seasoning, 1 teaspoon salt, pepper, and 2 tablespoons parsley. Simmer, covered, for about 1 1/2 hours, stirring occasionally.
</li>
<li id="steps-list-item"><h4 class="title">Step 2</h4>
Bring a large pot of lightly salted water to a boil. Cook lasagna noodles in boiling water for 8 to 10 minutes. Drain noodles, and rinse with cold water. In a mixing bowl, combine ricotta cheese with egg, remaining parsley, and 1/2 teaspoon salt.
</li>
<li id="steps-list-item">
<h4 class="title">Step 3</h4>
Preheat oven to 375 degrees F (190 degrees C).
</li>
<li id="steps-list-item">
<h4 class="title">Step 4</h4>
To assemble, spread 1 1/2 cups of meat sauce in the bottom of a 9x13-inch baking dish. Arrange 6 noodles lengthwise over meat sauce. Spread with one half of the ricotta cheese mixture. Top with a third of mozzarella cheese slices. Spoon 1 1/2 cups meat sauce over mozzarella, and sprinkle with 1/4 cup Parmesan cheese. Repeat layers, and top with remaining mozzarella and Parmesan cheese. Cover with foil: to prevent sticking, either spray foil with cooking spray, or make sure the foil does not touch the cheese.
</li>
<li id="steps-list-item">
<h4 class="title">Step 5</h4>
Bake in preheated oven for 25 minutes. Remove foil, and bake an additional 25 minutes. Cool for 15 minutes before serving.</p>
</li>
</ol>
</div>
<div id="other-recipes-div">
<h3 id="other-recipes-title">Other Recipes!</h3>
<ul id="other-recipes-list">
<li id="other-recipes-list-item"><a href="recipes/mexican-lasagna-with-noodles.html" target="_blank">Mexican Lasagna with Noodles</a></li>
<li id="other-recipes-list-item"><a href="recipes/philly-cheesesteak-lasagna.html" target="_blank">Philly Cheesesteak Lasagna</a></li>
<li id="other-recipes-list-item"><a href="recipes/french-style-lasagna.html" target="_blank">French-Style Lasagna</a></li>
</ul>
</div>
</div>
<div id="footer-div">
<h3 id="footer-title">Made for The Odin Project by <span><a id="alishata" href="https://github.com/alishata128">Ali Shata</a></span> .Copyright 2021</h3>
</div>
</body>
</html>