-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
86 lines (84 loc) · 2.89 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
<!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</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">
<section class="about-page">
<article>
<h2>Bringing you the mouth watering recipes</h2>
<p>
This recipe site provides you the accurate and precise information about various food items
that are particularly originated from india. We research on many ingredients and food items
to gives you the best possible taste and smell.
</p>
<p>
We're not only follow the taste and smell but also the health benefits of using this food items so we are take caring
of every item that we select. so hopefully you can eat them without any doubts.
</p>
<a href="contact.html" class="btn"> contact </a>
</article>
<!-- needs fixes -->
<img
src="./assets/about.jpeg"
alt="Person Pouring Salt in Bowl"
class="img about-img"
/>
</section>
<section class="featured-recipes">
<h5 class="featured-title"></h5>
<div class="recipes-list">
<!-- single recipe -->
<!-- end of single recipe -->
</div>
</section>
</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>