-
Notifications
You must be signed in to change notification settings - Fork 0
/
second-recipe.html
165 lines (161 loc) · 6.45 KB
/
second-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
<!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>Second Recipe|| FF</title>
<!-- favicon -->
<link rel="shortcut icon" href="fresh food favicaon.jpg" 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="11061151_47902.jpg" alt="Fresh Food" />
</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 us </a>
</div>
</div>
</div>
</nav>
<!-- end of nav -->
<main class="page">
<div class="recipe-page">
<section class="recipe-hero">
<img
src="https://www.dontgobaconmyheart.co.uk/wp-content/uploads/2019/04/cream-cheese-pasta.jpg"
class="img recipe-hero-img"
/>
<article class="recipe-info">
<h2>Creamy Pasta</h2>
<p>
Wake up on the right side of the bed with a stack of sweet, cozy, and simple creamy pasta.
This top-rated creamy pasta recipe is easy to make and it comes together in just 15 minutes,
so you don't have to wake up early to enjoy a satisfying breakfast.
Learn how to make, store, and serve the best creamy pasta ever. .
</p>
<div class="recipe-icons">
<article>
<i class="fas fa-clock"></i>
<h5>prep time</h5>
<p>30 min.</p>
</article>
<article>
<i class="far fa-clock"></i>
<h5>cook time</h5>
<p>15 min.</p>
</article>
<article>
<i class="fas fa-user-friends"></i>
<h5>serving</h5>
<p>6 servings</p>
</article>
</div>
<p class="recipe-tags">
Tags : <a href="tag-template.html">pasta</a>
<a href="tag-template.html">breakfast</a>
<a href="tag-template.html">creamy pasta</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: Mix </p>
<div></div>
</header>
</p>
Combine your dry ingredients (flour, milk, cream, pepper)
in one bowl and your wet ingredients (egg, milk, chesse, Pasta) in another bowl.
Add the dry ingredients to the bowl with the wet ingredients, then stir until they're incorporated.
It's OK if your batter is slightly lumpy.
</p>
</div>
<!-- end of single instruction -->
<!-- single instruction -->
<div class="single-instruction">
<header>
<p>step 2: cook</p>
<div></div>
</header>
<p>
Cook the pasta according to the package instructions until it is al dente. Drain and set.
In a large saucepan or skillet, melt the butter over medium heat. Add the minced garlic and sauté for about 1 minute until fragrant.
Pour in the heavy cream and stir until it comes to a simmer. Reduce the heat to low and let it cook for 5-10 minutes, stirring occasionally, until it thickens slightly.
Add the grated Parmesan cheese and stir until it has melted and combined with the cream. If the sauce seems too thick, you can add a splash of milk or pasta water to thin it out.
Season the sauce with salt and pepper to taste.
</p>
</div>
<!-- end of single instruction -->
<!-- single instruction -->
<div class="single-instruction">
<header>
<p>step 3: serve</p>
<div></div>
</header>
<p>
Serve your creamy Pasta immediately. They're delicious alone or with your favorite creamy pasta toppings.
</p>
</div>
<!-- end of single instruction -->
</article>
<article class="second-column">
<div>
<h4>ingredients</h4>
<p class="single-ingredient">8 oz pasta (such as fettuccine, linguine, or spaghetti)</p>
<p class="single-ingredient">2 tbsp butter</p>
<p class="single-ingredient">2 cloves garlic, minced</p>
<p class="single-ingredient">1 cup heavy cream</p>
<p class="single-ingredient">1/2 cup grated Parmesan cheese</p>
<p class="single-ingredient">Salt and pepper to taste</p>
<p class="single-ingredient">Fresh parsley or basil, chopped (optional)</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">Fresh Food</span> Built by
<a href="https://csddd.my.canva.site/">Create-Station</a>
</p>
</footer>
<script src="./js/app.js"></script>
</body>
</html>