-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.ejs
78 lines (69 loc) · 3.31 KB
/
about.ejs
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="about.css">
<title>About Food Donation</title>
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar">
<a href="/" class="logo">
<img src="food.jpg" height="60px" width="140px" alt="Logo">
</a>
<div class="menu">
<a href="/">Home</a>
<a href="/about" class="active">About</a>
<a href="/service">Services</a>
<a href="/contact">Contact</a>
</div>
</nav>
<!-- Page Content -->
<section class="about-section">
<div class="header">
<h1>Making a Difference Through Food Donation</h1>
<p>Together, we can fight hunger and reduce food waste in our communities. Every donation counts towards
creating a better future for those in need.</p>
</div>
<div class="stats">
<div class="stat-item">
<div class="stat-number">1.3B</div>
<div class="stat-label">Tons of Food Wasted Annually</div>
</div>
<div class="stat-item">
<div class="stat-number">820M</div>
<div class="stat-label">People Facing Hunger</div>
</div>
<div class="stat-item">
<div class="stat-number">40%</div>
<div class="stat-label">Food Goes to Waste</div>
</div>
</div>
<div class="content-grid">
<div class="info-card">
<img src="https://img.freepik.com/free-photo/volunteers-collecting-food-donations-medium-shot_23-2149182021.jpg"
alt="Food Collection">
<h3>How We Collect</h3>
<p>We partner with local restaurants, grocery stores, and farms to collect surplus food that would
otherwise go to waste. Our dedicated volunteers ensure that food is collected and distributed safely
and efficiently.</p>
</div>
<div class="info-card">
<img src="https://png.pngtree.com/thumb_back/fh260/background/20221104/pngtree-teenage-female-volunteers-in-protective-gear-distribute-food-to-impoverished-individuals-photo-image_40184786.jpg"
alt="Food Distribution">
<h3>How We Distribute</h3>
<p>Through our network of food banks and community centers, we ensure that donated food reaches those
who need it most. We maintain strict quality controls and follow all food safety guidelines.</p>
</div>
<div class="info-card">
<img src="https://thumbs.dreamstime.com/b/diverse-volunteers-collecting-food-clothes-donations-warehouse-multi-ethnic-team-holding-boxes-large-putting-197542099.jpg"
alt="Community Impact">
<h3>Our Impact</h3>
<p>Every month, we help feed thousands of families in need. Our efforts not only fight hunger but also
reduce food waste, making our communities more sustainable and resilient.</p>
</div>
</div>
</section>
</body>
</html>