-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLsingle-recipe4.html
98 lines (97 loc) · 3.46 KB
/
Lsingle-recipe4.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
<!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>
<body style="background-color:peachpuff;"></body>
<!-- nav -->
<nav class="navbar">
<div class="nav-center">
<div class="nav-header">
<a href="index.html" class="nav-logo">
<img src="./assets/logo.svg" 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"> Filters </a>
<a href="recipes.html" class="nav-link"> CookBook </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/image-L7.jpg.png"
class="img recipe-hero-img"
/>
<article class="recipe-info">
<h2>Baby Romaine and Hot Smoked Salmon Salad</h2>
<p>
The not-so-secret formula behind Sweetgreen and other DIY salad spots? And the key to making this smoked salmon recipe? It's called mise en place, or your setup. Prep the components in advance, then put it all together later.
</p>
<div class="recipe-icons">
<article>
<i class="fas fa-clock"></i>
<h5>Cook time</h5>
<p>10 mins</p>
</article>
<article>
<i class="fas fa-heartbeat"></i>
<h5>Calorie Count</h5>
<p>340 cal</p>
</article>
<article>
<i class="fas fa-user-friends"></i>
<h5>serving</h5>
<p>2 servings</p>
</article></div></article>
</section>
<!-- content -->
<section class="recipe-content">
<article>
<!-- single instruction -->
<div class="single-instruction">
<header>
<p>Link to the Recipe:</p>
</header>
<p><a href="https://www.bonappetit.com/recipe/baby-romaine-hot-smoked-salmon-salad">Visit www.bonappetit.com </a></p>
</div>
</article>
</section>
</div>
</main>
<!-- footer -->
<footer class="page-footer">
<p>
© <span id="date"></span>
<span class="footer-logo">CravingsHub</span>
</p>
</footer>
<script src="./js/app.js"></script>
</body>
</html>