-
Notifications
You must be signed in to change notification settings - Fork 0
/
food.html
105 lines (100 loc) · 3.47 KB
/
food.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="food.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
</head>
<body>
<nav>
<div class="menu">
<div class="logo">
<a href="#">Centroid</a>
</div>
<ul>
<li><a href="Home_Page.html">Home</a></li>
<li><a href="#Aboutus">About Us</a></li>
<li><a href="foodDform.html">Join us</a></li>
<li><a href="#footer">Contact</a></li>
</ul>
</div>
</nav>
<div class="img"></div>
<div class="center">
<div class="title">Feed the needy</div>
<div class="sub_title">“The war against hunger is truly mankind’s war of liberation.”</div>
<a href="#Aboutus"><button class="service1">About Us</button></a>
<a href="foodDform.html" target="_blank"><button class="service2">Join Us</button></a>
</div>
<!------aboutus------------------>
<br>
<hr>
<br>
<br>
<h1>About Us</h1>
<section class="Aboutus" id=Aboutus>
<div class="background">
<div class="transbox">
<p>Centroid is a non-profit, food rescue organisation that bridges the gap between hunger and excess food. We connect the restaurants with a NGO.
The restaurant can now contact the ngo and donate the leftover food, which will be delivered to the needy and hungry.We aim to bring benefits across the spectrum of society and help provide access to food to those who don’t have adequate means to access it. To bring a social change in every individual in-order to reduce food waste and to make the World Hunger Free.</p>
</div>
</div>
<br>
<br>
<br>
<h1 id="Howitworks">How it works</h1>
<br>
<div class="row">
<div class="Aboutus-col">
<img src="foodDimages/join.png">
<h3>Step 1</h3>
<p><b>Donate food by clicking the "Join us" button,
in order to get connected with<br> ngo.</b></p>
</div>
<div class="Aboutus-col">
<img src="foodDimages/formss.png">
<h3>Step 2</h3>
<p><b>Register with us.<br> Fill all required fields carefully and submit the form.</b></p>
</div>
<div class="Aboutus-col">
<img src="foodDimages/email.png">
<h3>Step 3</h3>
<p><b>Get connected with NGO<br>Partnered ngos will get in touch with you.</b></p>
</div>
</div>
</section>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<!----------footer------------------>
<footer>
<section class="flex-container">
<section class="ASA">
<h2>Centroid</h2>
<p class="tag">Together We Can Change The Society</p>
</section>
<div class="vl"></div>
<section class="section4">
<h3>Report Complaint</h3>
<p>About Us</p>
<p>How It Works?</p>
</section>
<section class="section5">
<h3>Food Donation</h3>
<p class="link"><a href="#Aboutus">About Us </a> </p>
<p class="link"><a href="#Howitworks">How it works </a> </p>
</section>
<section class="section6" id="footer">
<h3>Contact Us</h3>
<p>98****12</p>
<p>xyz123abc@gmail.com</p>
</section>
</section>
</footer>
</body>
</html>