-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (105 loc) · 4.76 KB
/
index.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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Food4Need</title>
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<header>
<a href="#" class="brand">Food4Need</a>
<div class="menu">
<a href="#food">Food Insecurity</a>
<a href="#waste">Restaurant waste</a>
<a href="#sol">Solution</a>
<a href="#participate">Participate</a>
</div>
</header>
<section class="section-main">
<div class="image">
<h1 class="caption">CHANGE A CHILD'S FUTURE</h1>
</div>
</section>
<section class="section-two">
<div class="row adjust" id="food">
<div class="col">
<h2>Food Insecurity in the United States</h2>
<p>Food security is a measure of a household's ability to provide adequate food that is nutritionally valuable
and sufficient. During 2020,10.5% (13.8 million) of U.S households were food insecure,meaning the quality and
desirability of the food provided decreased. 3.9% (5.1) million U.S. households had very low food security
indicating disrupted eating patterns and reduced food intake. Due to the hardships of Covid, an already
difficult and urgent issue became more dire. Families that were living paycheck to paycheck are most at
risk and many faced employment complications due to the pandemic. Food insecurity rates are the highest
for single mothers and families below the poverty line.
</p>
<p>
For information about food security in the U.S please visit <a
href="https://www.ers.usda.gov/topics/food-nutrition-assistance/food-security-in-the-us/key-statistics-graphics.aspx">ers.usda.gov</a>
</p>
</div>
<div class="food-insecurity">
<img class="img-size" src="./images/trends.png" alt="trend">
</div>
</div>
<div class="row-reverse adjust" id="waste">
<div class="col">
<h2>Restaurant waste</h2>
<p>Food Waste refers to food that completes the food supply chain to the finished product but does not get
purchased.
In 2010, 133 billion pounds of food was wasted, with 31% being lost at the retail and consumer level. In a
year
each
restaurant can be expected to lose between 25,000 and 75,000 pounds of food. Oftentimes, restaurants will
throw
away
food that is ordered but not picked up, along with food that is created but not purchased.
For more information about food waste in the U.S please visit <a
href="https://pos.toasttab.com/blog/on-the-line/restaurant-waste-statistics">pos.toasttab.com</a>
</div>
<div class="food-wastage">
<img class="img-size" src="./images/food waste.jpeg" alt="food-wastage">
</div>
</div>
<div class="row">
<div class="col">
<h2>How does waste contribute to climate change?</h2>
<p>When organic waste decomposes, carbon dioxide and methane gas is created.<>
Methane is created when there is no air present while carbon dioxide is the natural product when
anything rots
in air.
Both carbon dioxide and methane are greenhouse gases, which contribute to global warming and climate
change.
</p>
</div>
<div class="fwcc">
<img class="img-size" src="./images/earth.jpeg" alt="earth">
</div>
</div>
<div class="col mw adjust" id="sol">
<h2>The Solution</h2>
<p> Food4Need is a service that connects food insecure families with restaurants for the purpose of
providing nutritional meals to the families and decreasing food waste that occurs in restaurants. This is
done
by creating a website where donors can create postings regarding excessive meals providing their company
name,
location, and description of meal. The meal postings from various restaurants are then visible to the
recipients
who in turn reserve individual meals and proceed to pick it up. This includes but is not limited to food
that was
ordered online but not picked up by the customer and meals that were cooked, but not purchased by any
consumer.
</p>
</div>
<div class="col adjust" id=" participate">
<h2 class="margin" id="participate">Please Participate Below</h2>
<div class="row">
<button class="btns" onclick="window.location.href='./pages/fooddonor.html'">Donate Food</button>
<button class="btns" onclick="window.location.href='./pages/recieve.html'">Recieve Food</button></a>
</div>
</div>
</section>
<script src="./js/index.js">
</script>
</body>
</html>