-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
112 lines (111 loc) · 4.13 KB
/
about.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
<!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>About || 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">
<section class="about-page">
<article>
<h2>Cooking is Philosophy !
it's not a Recipe</h2>
<p>
Fresh Food is here to assist you with preparing delectable feasts with not so much pressure but rather more delight.
We offer recipes and cooking guidance for home cooks, by home cooks.
</p>
<a href="contact.html" class="btn"> contact us </a>
</article>
<!-- needs fixes -->
<img
src="https://images.unsplash.com/photo-1601226809600-3f43ad5356cf?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwcm9maWxlLXBhZ2V8MXx8fGVufDB8fHx8&w=1000&q=80"
alt="Person holding black frying Pan"
class="img about-img"
/>
</section>
<section class="featured-recipes">
<h5 class="featured-title">Take look, This Awesomeness!</h5>
<div class="recipes-list">
<!-- single recipe -->
<a href="single-recipe.html" class="recipe">
<img
src="https://imagesvc.meredithcorp.io/v3/mm/image?q=60&c=sc&poi=%5B1000%2C750%5D&w=2000&h=1000&url=https%3A%2F%2Fstatic.onecms.io%2Fwp-content%2Fuploads%2Fsites%2F19%2F2019%2F10%2F24%2Fwhitebeanalfredo-2000.jpg"
class="img recipe-img"
alt=""
/>
<h5>Creamy Pasta </h5>
<p>Prep : 10min | Cook : 5min</p>
</a>
<!-- end of single recipe -->
<!-- single recipe -->
<a href="single-recipe.html" class="recipe">
<img
src="https://insanelygoodrecipes.com/wp-content/uploads/2021/03/Homemade-Grilled-Cheese-Sandwich-with-Tomatoes.png"
class="img recipe-img"
alt=""
/>
<h5>Sandwich</h5>
<p>Prep : 15min | Cook : 5min</p>
</a>
<!-- end of single recipe -->
<!-- single recipe -->
<a href="single-recipe.html" class="recipe">
<img
src="https://cdn.apartmenttherapy.info/image/upload/f_jpg,q_auto:eco,c_fill,g_auto,w_1500,ar_1:1/k%2FEdit%2F08-2022-vegetable-soup%2Fvegetable-soup5"
class="img recipe-img"
alt=""
/>
<h5>Vegetable Soup</h5>
<p>Prep : 15min | Cook : 5min</p>
</a>
<!-- end of single recipe -->
</div>
</section>
</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>