-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLsingle-recipe3.1.html
98 lines (97 loc) · 3.61 KB
/
Lsingle-recipe3.1.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-L6.jpg"
class="img recipe-hero-img"
/>
<article class="recipe-info">
<h2>Cottage Cheese Breakfast Bowls</h2>
<p>
Here’s a healthy gluten free lunch idea that’s a bit unexpected, but surprisingly satisfying…Cottage Cheese Bowls! Sure, cottage cheese and pineapple or melon seems a little retro. So let’s dust off the concept and make a modern way to lunch. Top this high protein cheese with fresh berries or apple, cinnamon and drizzle of honey. Or, top with savory toppings like smoked salmon or chickpeas and tomatoes
</p>
<div class="recipe-icons">
<article>
<i class="fas fa-clock"></i>
<h5>Cook time</h5>
<p>5 min.</p>
</article>
<article>
<i class="fas fa-heartbeat"></i>
<h5>Calorie Count</h5>
<p>234 cal</p>
</article>
<article>
<i class="fas fa-user-friends"></i>
<h5>serving</h5>
<p>1 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.acouplecooks.com/cottage-cheese-breakfast/">Visit www.acouplecooks.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>