-
Notifications
You must be signed in to change notification settings - Fork 0
/
HowFresh.html
55 lines (50 loc) · 2.15 KB
/
HowFresh.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
<!DOCTYPE html>
<html>
<head>
<title>HowFresh</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="styles.css"/>
</head>
<body>
<nav class="navigation-bar">
<ul role="menubar">
<li><a href="index.html">Home</a></li>
<li><a href="Bio.html">Bio</a></li>
<li class="actived"><a href="portfolio.html">Portfolio</a></li>
</ul>
</nav>
<main>
<div class="subheader">
<a href="portfolio.html"><h2>Portfolio</h2></a>
</div>
<div class="subsubheader">
<h3>HowFresh</h3>
</div>
<div id="HowFreshinfo">
<div id="hfoverview">
<img id="Overviewimg" src="images/HowFresh.png" alt="HowFresh project image">
<div id="hfdis">
<p>Food waste has been an ongoing issue in the United States for a few decades; numerous food, ingredients, and beverages are tossed away every day by the society. So, HowFresh is an app aims to help users keep track of their food expiration date, remind users when their food is about to be expired, and help minimize the on-going food waste issue.</p>
</div>
</div>
<div id="motivation">
<h4>Motivation:</h4>
<p>According to the Natural Resources Defense Council (NRDC), around 40 percent of the food in the United States is never eaten. The reasons for this may vary. However, the most prominent reason for this is because people forget they buy the food and do not keep track of their expiration date that they end up throwing them away. </p>
</div>
<div id="description">
<h4>Description:</h4>
<p>Our target user base is college students who have little to no time to keep track of their food expiration date due to their busy college lives and activities. And our key features include:</p>
<ul>
<li>Login, logout or create new account</li>
<li>Browse, filter, and sort food pantry</li>
<li>Add and delete new food to the pantry</li>
<li>View and edit food information</li>
<li>Set up the notification reminder</li>
<li>Manage the app settings</li>
</ul>
</div>
<img id="hfshow" src="images/Howfreshshow.png" alt="HowFresh functions display">
</div>
</main>
</body>
</html>