-
Notifications
You must be signed in to change notification settings - Fork 0
/
fourth-recipe.html
180 lines (179 loc) · 6.64 KB
/
fourth-recipe.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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!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>Single Recipe || Final</title>
<!-- favicon -->
<link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon" />
<!-- normalize -->
<link rel="stylesheet" href="./css/normalize.css" />
<!-- font-awesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
/>
<!-- main css -->
<link rel="stylesheet" href="./css/main.css" />
</head>
<body>
<!-- nav -->
<nav class="navbar">
<div class="nav-center">
<div class="nav-header">
<a href="index.html" class="nav-logo">
<img src="./assets/ll.jpeg" alt="simply recipes" />
</a>
<button class="nav-btn btn">
<i class="fas fa-align-justify"></i>
</button>
</div>
<div class="nav-links">
<a href="index.html" class="nav-link"> home </a>
<a href="about.html" class="nav-link"> about </a>
<a href="tags.html" class="nav-link"> tags </a>
<a href="recipes.html" class="nav-link"> recipes </a>
<div class="nav-link contact-link">
<a href="contact.html" class="btn"> contact </a>
</div>
</div>
</div>
</nav>
<!-- end of nav -->
<main class="page">
<div class="recipe-page">
<section class="recipe-hero">
<img
src="./assets/recipes/recipe-4.jpeg"
class="img recipe-hero-img"
/>
<article class="recipe-info">
<h2>RAVA DOSA</h2>
<p>
dosa recipes are staple breakfast for many south indians. there are myriad ways to make
these crepe and can be made with different ingredients and seasoning including different
type of dry spices and vegetable. one such crispy and flaky dosa recipe is onion rava dosa
or suji dosa known for its thin and porous texture.
</p>
<div class="recipe-icons">
<article>
<i class="fas fa-clock"></i>
<h5>prep time</h5>
<p>5 min</p>
</article>
<article>
<i class="far fa-clock"></i>
<h5>cook time</h5>
<p>30 min</p>
</article>
<article>
<i class="fas fa-user-friends"></i>
<h5>serving</h5>
<p>1 serving</p>
</article>
</div>
<p class="recipe-tags">
Tags : <a href="Biryani.html">Biryani</a>
<a href="Breakfast.html">breakfast</a>
<a href="Desserts.html">Desserts</a>
<a href="tag-template.html">food</a>
</p>
</article>
</section>
<!-- content -->
<section class="recipe-content">
<article>
<h4>instructions</h4>
<!-- single instruction -->
<div class="single-instruction">
<header>
<p>step 1</p>
<div></div>
</header>
<p>
firstly, in a large mixing bowl take ½ cup rava, ½ cup rice flour and ¼ cup maida.
also add 1 tbsp curd, 1 tsp salt and 2½ cup water.
whisk and mix well making sure there are no lumps.
</p>
</div>
<!-- end of single instruction -->
<!-- single instruction -->
<div class="single-instruction">
<header>
<p>step 2</p>
<div></div>
</header>
<p>
further add 1 chilli, 1 inch ginger, ½ tsp pepper, 1 tsp cumin, few curry leaves, 2 tbsp coriander and 1 onion.
add 1½ cup water and prepare a watery consistency batter.
rest the batter for 20 minutes making sure the rava has absorbed water.
</p>
</div>
<!-- end of single instruction -->
<!-- single instruction -->
<div class="single-instruction">
<header>
<p>step 3</p>
<div></div>
</header>
<p>
mix well making sure the batter is thin watery consistency.
now carefully pour the dosa batter over very hot tawa.
lower the flame and cook until the dosa turns golden and crisp.
</p>
</div>
<div class="single-instruction">
<header>
<p>step 4</p>
<div></div>
</header>
<p>
finally, fold the dosa and serve rava dosa immediately with tomato chutney or coconut chutney.
</p>
</div>
<!-- end of single instruction -->
</article>
<article class="second-column">
<div>
<h4>ingredients</h4>
<p class="single-ingredient">
½ cup rava / semolina / suji (coarse)<br>
½ cup rice flour (fine)<br>
¼ cup maida / all purpose flour<br>
1 tbsp curd / yogurt (optional)<br>
1 tsp salt<br>
2½ cup water<br>
1 chilli (finely chopped)<br>
1 inch ginger (grated)<br>
½ tsp pepper (crushed)<br>
1 tsp cumin / jeera<br>
few curry leaves (finely chopped)<br>
2 tbsp coriander (finely chopped)<br>
1 onion (finely chopped)<br>
1½ water<br>
oil (for roasting)
</p>
</div>
<div>
<h4>tools</h4>
<p class="single-tool">Hand Blender</p>
<p class="single-tool">Large Heavy Pot With Lid</p>
<p class="single-tool">Measuring Spoons</p>
<p class="single-tool">Measuring Cups</p>
</div>
</article>
</section>
</div>
</main>
<!-- footer -->
<footer class="page-footer">
<p>
© <span id="date"></span>
<span class="footer-logo">AwesomeRecipes</span> Built by
<a href="">Venkata Hemanth</a>
</p>
</footer>
<script src="./js/app.js"></script>
</body>
</html>