-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
256 lines (250 loc) · 9.63 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
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
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="css/fontawesome.css" rel="stylesheet">
<link href="css/fontawesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="http://path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="thestart" id="thestart"> <!--the start of my page have logo and links-->
<div class="container"> <!-- container for each section-->
<div class="logo">
<img src="g.webp">
<p>Healthy Food</p>
</div>
<div class="links">
<ul>
<li><a href="#thestart">Home</a></li>
<li><a href="#photo_text">Sign in</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#about">About As</a></li>
<li><a href="#contact">Cotact us</a></li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
<div class="main_img" id="main_img">
<div class="container">
<div class="model-parent">
<div class="model">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<span class="x">×</span>
</div>
</div>
<div class="setting"><i class="fa fa-gear fa-spin"></i></div>
<div class="menu">
<h3>Colors</h3>
<ul class="firstset">
<li id="c1" data-color= "#93a6b7"></li>
<li id="c2" data-color= "#c599bc"></li>
<li id="c3" data-color= "#f6f95e"></li>
<li id="c4" data-color= "#80ff71"></li>
<li id="c5" data-color= "#000"></li>
</ul><br>
<h3>Images</h3>
<ul class="secondset">
<li id="thebut"></li>
</ul>
</div>
<h1 id="move"></h1>
<p> I hope you enjoy my page that aims to clarify the healthy and unhealthy</p>
<button class="learn">Learn More</button>
</div>
</div>
<div class="clear"></div>
<div class="photo_text" id="photo_text">
<div class="container">
<div class="first">
<img src="ssr.webp">
</div>
<div class="second">
<h2> How to Differentiate Between Healthy and Unhealthy Foods? </h2>
<p> Now we will learn how to balance the healthy and unhealthy foods.
Have you ever asked yourself which foods are useful and give nutritional values
good for Vitamins and minerals read this article and you will understand </P>
</div>
<div class="theard">
<h4>More topic ..</h4>
<ul>
<li><a href="#">Food Type </a></li>
<li><a href="#"> Calories</a></li>
<li><a href="#">Food Pyramid</a></li>
<li><a href="#">Healthy Drinks</a></li>
<li><a href="#">Vitamins in Food</a></li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
<div class="info">
<div class="container">
<h1>We will Talk about this Three main Topic</h1>
<div class="topic" >
<div class="to" id="o1">
<p><h2>The Healthy food</h2>Having a healthy life with vegetables,fruits and meat</p>
</div>
<div class="to" id="o2">
<p><h2>The Unhealthy food</h2>Avoid harmful foods such as fried and greasy foods</p>
</div>
<div class="to" id="o3">
<p><h2>The Result</h2>The result when you protect yourself with good food</p>
</div>
</div>
</div>
</div>
<div class="ph1">
<div class="container">
<h2>tasty food</h2>
<p>
Who doesn’t want to eat tasty food, But while enjoying your tasty food, you forget about the kind of your food. Different foods contain various types of healthy and unhealthy fats, you need to choose the food option which is good for your health.
When ordering food in a restaurant, most people think about the taste of their meal and not high value of the food coming their way.<br> You should be aware of healthy and unhealthy food choices.
But still, if you give preference to the taste and neglect the nutritional value, you’re asking for trouble or a health risk. This is because unhealthy food options like junk food may be too delicious but it contains bad fats that will adversely affect your overall health in the long run.
Before finding out the reason why some foods are considered healthy and others unhealthy, let’s find out what is healthy food and unhealthy food.
.</p>
<img src="1.jpg">
</div>
</div>
<div class="someimg">
<div class="container">
<div class="i1"><img src="ddds.jpg"></div>
<div class="i2"><img src="rrrt.jpg"></div>
<div class="i3"><img src="fff.jpg"></div>
<div class="i4"><img src="sdssd.jpg"></div>
</div>
</div>
<div class="ph2">
<div class="container">
<h3>Having a healthy life with vegetables,fruits and meat</h3>
<p>Fruit and vegetables should be an important part every day. They are naturally good and contain vitamins and minerals that can help to keep you healthy. They can also help protect against some diseases.
active lifestyle. There are many varieties of fruit and vegetables available and many ways to prepare, cook and serve them.
You should eat at least five serves of vegetables and two serves of fruit each day. Choose different colours and varieties.
Fruits and vegetables are low in fat, salt and sugar. They are a good source of dietary fibre. As part of a balanced food, active lifestyle, a high intake of fruit and vegetables can help you to:
<ul>
<li>Reduce obesity and maintain a healthy weight</li>
<li>Lower your cholesterol</li>
<li>Lower your blood pressure</li>
<li>Help Your Skin</li>
<li>Reduce the Risk of Chronic Disease</li>
</ul>
</p>
</div>
</div>
<div class="slider">
<div id="slidenum" class="slidenum"></div>
<img src="ddds.jpg">
<img src="ok.jfif">
<img src="fffu.jfif">
<img src="gop.jfif">
</div>
<div class="controls">
<span id ="prev" class="prev">Previous</span>
<span id ="indicators" class="indicators">
</span>
<span id ="next" class="next">Next</span>
</div>
<div class="clear"></div>
<div class= "ph3">
<div class="container">
<h2> what is the effects of greasy food on your body</h2>
<p>Most foods that are fried or cooked with excess oils are considered greasy. They include french fries, potato chips, onion rings, cheeseburgers, and doughnuts.
These items have a high calories, fat, salt, and refined carbs but low in fiber, vitamins, and minerals. Greasy foods negatively affect your body and health in both the short and long term.</p>
<ul>
<li>cause bloating, stomach pain, and diarrhea</li>
<li>lead to weight gain and obesity</li>
<li>raise your risk of diabetes</li>
<li>increase your risk of heart disease and stroke</li>
<li>impair brain function</li>
<li>May cause acne</li>
</ul>
</div>
</div>
<div class="ask">
<div class="container">
<p>I hope you have fun and the information you need </p>
<button>Learn More</button>
<div class="images"></div>
<p id="fo">Fried Food</p>
</div>
</div>
<div class="ph4">
<div class="container">
<h2>The result when you protect yourself with good food</h2>
<p>The healthy food result a good thing on your body</p>
<ul>
<li>Heart health</li>
<li>Strong bones and teeth</li>
<li>have a perfect body and weight</li>
<li>Reduced cancer risk</li>
<li> Better mood</li>
<li>Diabetes management</li>
<li>Improved memory</li>
</ul>
</div>
</div>
<div class="imgimg2">
<h1>Look At All Pages</h1>
<button id="fdf">Discover More</button>
</div>
<div class="imgimg"></div>
<div class="referance">
<div class="container">
<h3>Offering</h3>
<h2>Our Basic Topic</h2>
<div class="topics">
<div class="topic1"><i class="fa fa-utensils"></i><h2>Healthy Food</h2><p>Fruit and vegetables should be an important part every day They are naturally good and contain vitamins and minerals</p></div>
<div class="topic1"><i class="fa fa-utensils"></i><h2>Fast Food</h2><p>Fruit and vegetables should be an important part every day They are naturally good and contain vitamins and minerals</p></div>
<div class="topic1"><i class="fa fa-utensils"></i><h2>Healthy Food</h2><p>Fruit and vegetables should be an important part every day They are naturally good and contain vitamins and minerals</p></div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="about" id="about">
<div class="container">
<div class="about1">
<h2>About As</h2>
<p>I make this website to help you have knowledge
about healty food I work hard to improve my website everyday to meet your need. thank you for visit my website.</p>
</div>
<div class="about2"><img src="k.webp"></div>
<button><a href="#thestart">TOP</a></button>
</div>
</div>
<div class="clear"></div>
<div class="contact" id="contact">
<div class="container">
<h2>Contacts Us</h2>
<p>tell us about your needs or just say hellow!</p>
<form>
<input type="text" placeholder="Name">
<input type="text" placeholder="Your Email">
<textarea type="text" placeholder="Your message...."></textarea>
<input type="submit" value="Submit">
</form>
<button><a href="#thestart">TOP</a></button>
</div>
</div>
<footer>
<div class="container">
<p><i class="fa fa-facebook"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-home" ></i>
<i class="fa fa-envelope"></i></p>
<p> ©Heba Shaheen Website 2021 Feb 2021 </p>
</div>
</footer>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script src="food.js"></script>
</body>
</html>