-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
94 lines (93 loc) · 3.3 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
<!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 || TasteNest</title>
<!-- 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/logo.png" alt="simply recipes" height="30px" width="80px" style="margin-top: -5px;"/>
</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="recipes.html" class="nav-link"> recipes </a>
<a href="events.html" class="nav-link"> events </a>
<div class="nav-link contact-link">
<a id="loginLink" href="login.html" class="btn"> login </a>
<a id="profileLink" href="profile.html" class="btn"> profile </a>
</div>
</div>
</div>
</nav>
<!-- end of nav -->
<main class="page">
<section class="about-page">
<article>
<h2>Discover, Share, and Savor!</h2>
<p>
Join the Ultimate Food Recipe Online Sharing Community!
</p>
<p>
Welcome to TasteNest, your premier destination for culinary inspiration and community connection. Our platform brings together passionate home cooks, professional chefs, and food enthusiasts from all walks of life to share their favorite recipes and culinary tips.
</p>
<a href="login.html" class="btn"> Join </a>
<a href="recipes.html" class="btn"> Explore </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">Look At This Awesomesouce!</h5>
<div class="recipes-list" id="feature-recipe">
<!-- single recipe -->
<!-- <a href="single-recipe.html" class="recipe">
<img
src="./assets/recipes/recipe-1.jpeg"
class="img recipe-img"
alt=""
/>
<h5>Carne Asada</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">TasteNest</span>
Customized by
<a href="https://www.linkedin.com/in/mohammad-elias/">Elias</a>
</p>
</footer>
<script src="./js/app.js"></script>
<script src="./js/is_logged.js"></script>
<script src="./js/feature.js"></script>
</body>
</html>