-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
230 lines (196 loc) · 11.4 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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
<link href="https://fonts.googleapis.com/css?family=Sulphur+Point&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cookie|Great+Vibes|Mr+Dafoe|Rock+Salt|Sacramento&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css\style.css">
<link rel="stylesheet" href="cdn\bootstrap.min.css">
<link rel="stylesheet" href="cdn\fonts.css">
<title>Title</title>
</head>
<body>
<!-- nav -->
<nav class="navbar navbar-expand-lg" style=" box-shadow: 0 1px 8px #333;">
<div class="container text-uppercase p-2">
<a class="navbar-brand" href="index.html" id="brnd2">Vinegar Food's</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto"">
<li class="nav-item2 active ">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item2">
<a class="nav-link" href="about.html">About us</a>
</li>
<li class="nav-item2">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item2">
<a class="nav-link" href="#myModal" data-toggle="modal" role="button">Contact us</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="abousec" style="padding: 60px;">
<h1 class="abouh1 text-center">About Us</h1>
<div class="botm"></div>
<div class="container">
<div class="row">
<!-- <div class="col-md-6">
<div class="imgta">
<img src="">
</div>
</div> -->
<!-- <div class="col-md-6"> -->
<blockquote>Food is any substance[1] consumed to provide nutritional support for an organism. It is usually of plant or animal origin, and contains essential nutrients, such as carbohydrates, fats, proteins, vitamins, or minerals. The substance is ingested by an organism and assimilated by the organism's cells to provide energy, maintain life, or stimulate growth.
Historically, humans secured food through two methods: hunting and gathering and agriculture. Today, the majority of the food energy required by the ever increasing population of the world is supplied by the food industry.
Food safety and food security are monitored by agencies like the International Association for Food Protection, World Resources Institute, World Food Programme, Food and Agriculture Organization, and International Food Information Council. They address issues such as sustainability, biological diversity, climate change, nutritional economics, population growth, water supply, and access to food.
The right to food is a human right derived from the International Covenant on Economic, Social and Cultural Rights (ICESCR), recognizing the "right to an adequate standard of living, including adequate food", as well as the "fundamental right to be free from hunger".
Most food has its origin in plants. Some food is obtained directly from plants; but even animals that are used as food sources are raised by feeding them food derived from plants. Cereal grain is a staple food that provides more food energy worldwide than any other type of crop.[2] Corn (maize), wheat, and rice – in all of their varieties – account for 87% of all grain production worldwide.[3][4][5] Most of the grain that is produced worldwide is fed to livestock.
Some foods not from animal or plant sources include various edible fungi, especially mushrooms. Fungi and ambient bacteria are used in the preparation of fermented and pickled foods like leavened bread, alcoholic drinks, cheese, pickles, kombucha, and yogurt. Another example is blue-green algae such as Spirulina.[6] Inorganic substances such as salt, baking soda and cream of tartar are used to preserve or chemically alter an ingredient.Diet food (or "dietetic food") refers to any food or beverage whose recipe is altered to reduce fat, carbohydrates, abhor/adhore sugar in order to make it part of a weight loss program or diet. Such foods are usually intended to assist in weight loss or a change in body type, although bodybuilding supplements are designed to aid in gaining weight or muscle.
The process of making a diet version of a food usually requires finding an acceptable low-food-energy substitute for some high-food-energy ingredient.[16] This can be as simple as replacing some or all of the food's sugar with a sugar substitute as is common with diet soft drinks such as Coca-Cola (for example Diet Coke). In some snacks, the food may be baked instead of fried thus reducing the food energy. In other cases, low-fat ingredients may be used as replacements.
In whole grain foods, the higher fiber content effectively displaces some of the starch component of the flour. Since certain fibers have no food energy, this results in a modest energy reduction. Another technique relies on the intentional addition of other reduced-food-energy ingredients, such as resistant starch or dietary fiber, to replace part of the flour and achieve a more significant energy reduction.</blockquote>
<!-- </div> -->
</div>
</div>
</section>
<section class="aboord">
<div class="ordeaobo">
<div class="card w-75 text-center">
<div class="card-body">
<h1 class="abouh1 text-center">Order now</h1>
<div class="botm"></div>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="order.html" class="btn btn-primary align-items-center">Order now</a>
</div>
</div>
</div>
</section>
</section class="mapsec" id="mapsc">
<h1 class="abouh1 text-center">Where Are We</h1>
<div class="botm"></div>
<div class="arrow">
<img class="ar1" src="images\arrow.png"> <img class="ar2" src="images\arrow.png" height="30px" width="40px">
</div>
<center>
<div class="address_mail_footer_grids">
<iframe src="https://maps.google.com/maps?q=rizvia&t=k&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
</div>
</center>
</section>
<!-- Footer -->
<footer class="page-footer font-small">
<!-- Footer Links -->
<div class="container">
<!-- Grid row-->
<div class="row text-center d-flex justify-content-center pt-5 mb-3">
<!-- Grid column -->
<div class="col-md-2 mb-3">
<h6 class="text-uppercase text-white font-weight-bold">
<a href="#!">About us</a>
</h6>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-2 mb-3">
<h6 class="text-uppercase font-weight-bold">
<a href="#!">Products</a>
</h6>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-2 mb-3">
<h6 class="text-uppercase font-weight-bold">
<a href="#!">Awards</a>
</h6>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-2 mb-3">
<h6 class="text-uppercase font-weight-bold">
<a href="#!">Help</a>
</h6>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-2 mb-3">
<h6 class="text-uppercase font-weight-bold">
<a href="#!">Contact</a>
</h6>
</div>
<!-- Grid column -->
</div>
<!-- Grid row-->
<hr class="clearfix d-md-none rgba-white-light" style="margin: 10% 15% 5%;">
<!-- Grid row-->
<div class="row pb-3">
<!-- Grid column -->
<div class="col-md-12">
<div class="mb-5">
<!-- Facebook -->
<a class="fb-ic">
<i class="fab fa-facebook-f fa-lg mr-4"> </i>
</a>
<!-- Twitter -->
<a class="tw-ic">
<i class="fab fa-twitter fa-lg white-text mr-4"> </i>
</a>
<!-- Google +-->
<a class="gplus-ic">
<i class="fab fa-google-plus-g fa-lg white-text mr-4"> </i>
</a>
<!--Instagram-->
<a class="ins-ic">
<i class="fab fa-instagram fa-lg white-text mr-4"> </i>
</a>
<!--Pinterest-->
<a class="pin-ic">
<i class="fab fa-pinterest fa-lg white-text"> </i>
</a>
</div>
</div>
</div>
</div>
<div class="footer-copyright text-center py-3">© 2018 Copyright:
<a href="https://strom.netlify.com">[email protected]</a>
</div>
<div class="scrolltop float-right">
<i class="fa fa-arrow-up" onclick="topFunction()" id="mybtn"></i>
</div>
</footer>
<!-- Footer -->
<!--Modal: Login / Register Form-->
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="padding-right: 150px;">x</button>
<h2 id="myModalLabel text-center" class="text-center" style=" margin-right: 140px;">Contact Us</h2>
</div>
<div class="modal-body">
<form class="form-horizontal col-sm-12">
<div class="form-group"><label>Name</label><input class="form-control required" placeholder="Your name" data-placement="top" data-trigger="manual" data-content="Must be at least 3 characters long, and must only contain letters." type="text"></div>
<div class="form-group"><label>Message</label><textarea class="form-control" placeholder="Your message here.." data-placement="top" data-trigger="manual"></textarea></div>
<div class="form-group"><label>E-Mail</label><input class="form-control email" placeholder="[email protected] (so that we can contact you)" data-placement="top" data-trigger="manual" data-content="Must be a valid e-mail address ([email protected])" type="text"></div>
<div class="form-group"><label>Phone</label><input class="form-control phone" placeholder="999-999-9999" data-placement="top" data-trigger="manual" data-content="Must be a valid phone number (999-999-9999)" type="text"></div>
<div class="form-group"><button type="submit" class="btn btn-success pull-right">Send It!</button> <p class="help-block pull-left text-danger hide" id="form-error"> The form is not valid. </p></div>
</form>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>