generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathrecipes.html
151 lines (143 loc) · 6.4 KB
/
recipes.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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!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">
<meta name="description" content="Recipes page for food Blog for foodie people">
<!-- favicon links -->
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon_io/favicon-16x16.png">
<link rel="stylesheet" href="assets/css/style.css">
<title>Recipes</title>
</head>
<body>
<header>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<div id="logo">
<a href="index.html"> <img src="assets/image/logo.webp" alt="logo" width="280" height="120"></a>
</div>
<nav>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="index.html#about-me">About me</a>
</li>
<li>
<a href="index.html#recipe-section">Recipes</a>
</li>
<li>
<a href="contact.html">Contact me</a>
</li>
</ul>
</nav>
</header>
<section>
<div class="title-recipe"> Ramen</div>
<div class="recipe-container" id="recipe-1">
<div class="ingrdient-side">
<h3 class="head-3">Ingredients</h3>
<ol>
<li>2 (3 oz) packs dried ramen noodles optional: fresh jalapeño or chili slices, for serving</li>
<li>2 chicken breasts (boneless, skin-on)</li>
<li>kosher salt and freshly-ground black pepper, to season</li>
<li>1 Tbsp unsalted butter and 2 tsp sesame or vegetable oil</li>
<li>1 oz dried shitake mushrooms (or 1/2 cup fresh)</li>
</ol>
</div>
<div class="instruction-side">
<h3 class="head-3">instructions</h3>
<ol>
<li>Preheat the oven to 375℉. Season the chicken generously with salt and pepper.</li>
<li>Heat the oil in a large pot over medium heat until shimmering.</li>
<li>Add the soy sauce and mirin, and stir to combine. Cook for another minute.</li>
<li>Meanwhile, chop the scallions and jalapeño (if using). Slice the chicken into thin pieces.Set aside. </li>
<li>Fill a pot with enough water to cover the eggs, and bring to a boil.</li>
</ol>
</div>
</div>
</section>
<section>
<div class="title-recipe">Homemade Oats</div>
<div class="recipe-container" id="recipe-2">
<div class="ingrdient-side">
<h3 class="head-3">Ingredients</h3>
<ol>
<li>2 tablespoons unsalted butter or extra-virgin olive oil*</li>
<li>¼ cup mayonnaise</li>
<li>3 ½ cups corn kernels (16 ounces frozen or from about 5 fresh cobs)</li>
<li>½ teaspoon fine salt</li>
<li>2 medium cloves garlic, pressed or minced</li>
</ol>
</div>
<div class="instruction-side">
<h3 class="head-3">instructions</h3>
<ol>
<li>2 tablespoons unsalted butter or extra-virgin olive oil*</li>
<li>¼ cup mayonnaise</li>
<li>3 ½ cups corn kernels (16 ounces frozen or from about 5 fresh cobs)</li>
<li>½ teaspoon fine salt</li>
<li>2 medium cloves garlic, pressed or minced</li>
</ol>
</div>
</div>
</section>
<section>
<div class="title-recipe"> Hawaiian Poke</div>
<div class="recipe-container" id="recipe-3">
<div class="ingrdient-side">
<h3 class="head-3">Ingredients</h3>
<ol>
<li>Poke</li>
<li>Seasoned white rice! </li>
<li>arious other toppings of your choice: pickled ginger,
cucumber salad, avocado, mango, furikake, seaweed salad are all excellent add-ons!</li>
<li>Mayonnaise and Wasabi paste</li>
<li>Lemon juice and Sesame oil</li>
</ol>
</div>
<div class="instruction-side">
<h3 class="head-3">instructions</h3>
<ol>
<li>Make white rice: Rinse the rice and simmer it, covered, for 18 minutes</li>
<li>Make the salmon and ahi poke! Gently stir together the cubed, raw ahi tuna and salmon with soy sauce.</li>
<li>Make the cucumber salad. Stir sliced cucumber with a simple dressing of rice vinegar, sugar, salt, red pepper flakes, and sesame oil.</li>
<li>Make the wasabi citrus sauce!</li>
<li>divide the rice between 4 bowls, top with poke, cucumber salad and any of the desired toppings.</li>
</ol>
</div>
</div>
</section>
<!-- the code has been taken from Love Running project -->
<footer>
<!-- <div> -->
<ol class="icons">
<li>
<a href="https://facebook.com" target="_blank" rel="noopener"
aria-label="visit my facebook page">
<i class="fab fa-facebook"></i>
</a>
</li>
<li>
<a href="https://instagram.com" target="_blank" rel="noopener"
aria-label="visit my instagram page">
<i class="fab fa-instagram"></i>
</a>
</li>
<li>
<a href="https://www.pinterest.com/" target="_blank" rel="noopener"
aria-label="visit my pinterest page">
<i class="fab fa-pinterest"></i>
</a>
</li>
</ol>
</footer>
<!-- font awesome script -->
<script src="https://kit.fontawesome.com/c7dbda0798.js" crossorigin="anonymous"></script>
</body>
</html>