-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (101 loc) · 6.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="headercolor">
<h1 class="Topic">VEGETABLES AND FRUITS</h1>
<nav>
<ul>
<li><a href="Home">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="Contact">Contact</a></li>
</ul>
</nav>
<div id="head">
<img src="./img/WhatsApp Image 2021-09-26 at 8.02.06 PM.jpe" alt="Developer image" height="200">
<nav>
<p id="p1">
<h3 id="about">About Us</h3> A picture is worth a thousands word.Picture can visualize the hidden meaning and lead to realization of various concept. This website is basically a collection of fruit and vegetables that are recommend by most nutrionist
for consumption one daily basis.</p>
</div>
<div id="bdy">
<div id="imag">
<div id="imgs"><img src="./img/apples-6646745_1920.jpg" height="270px" alt="apples here">
<img src="./img/cocktail-tomatoes-6645863_1920.jpg" height="270px" alt="tomato fruit">
</div> <img src="./img/grapes-6643578_1920.jpg" height="250px" alt="grape fruit">
<img src="./img/pineapple-g3fe7dd387_1920.jpg" height="250px" alt="grape fruit here">
<img src="./img/orange-6508617_1920.jpg" height="250px" alt="orange fruit">
<p><img id="one" src="./img/spaghetti-gaa429e84c_1920.jpg" alt="" height="255px">
<br> <br><br><br> <strong>Spaghetti</strong>and tomatoes is a favourite meal that can be prepared in the shortest time possible ranging fron five to ten minutes. The recipe to make this meal does not contain many ingredients.
</p>
<p>This is meal is most prefered by young kids.Tomatoes are used to make the meal taste great as well as give a colour to the meal.Tomatoes are rich in <em>vitamin c</em>, while spaghetti are rich in cabohydates.
<br><br><br> <br><br><br><br><br><br>
</p> <img src="./img/raspberries-6634439_1920.jpg" height="240px" alt="berry fruit">
<img src="./img/tangerines-gf63a04a07_1920.jpg" height="240px" alt="strawberry">
<img src="./img/watermelon-6640124_1920.jpg" height="240px" alt="watermelon">
</div>
<div class="gallery">
<p> <br><br><br> <br><img id="pump" src="./img/pumpkin-gd3852133d_1920.jpg" alt="" height="255px"><br><br><br><br>
<strong>Pumpkin</strong> <br><br>Pumpkin is one of the most preferable food for young kind who have not yet build strong teeth to chew. They appear in different varieties and can not be grow in all habitat.<br><br><br>
<br><br><br><br><br>
<div id="img3"><img src="./img/plums-g51d31059b_1920.jpg" alt="" height="255px">
<img src="./img/strawberry-gd0cdca1cf_1920.jpg" alt="" height="255px">
<img src="./img/peppers-g01ed79706_1920.jpg" alt="" height="255px"></p>
</div>
<figure id=apple>
<!--<li><a href= gallery ></a>Gallery</li>
<li><a href= contact ></a>Contact</li>
</ul><div id= image>-->
<p><img class="n" src="./img/apples-6646745_1920.jpg" height="270" width><br><br>
<figcaption><strong>Apple</strong><br></figcaption> <br>Apples are a popular fruit, containing antioxidants, vitamins, dietary fiber, and a range of other nutrients Due to their varied nutrient content, they may help prevent several health
conditions.
</p>
<br><br><br> <br><br><br>
<div class="main" id="fav">
<img src="./img/lemon-gad6b4c555_1920.jpg" alt="" height="250px">
<img src="./img/cherries-g4a029992c_1920.jpg" alt="" height="250px">
<img src="./img/berries-g3a3a01778_1920.jpg" alt="" height="250px">
<img src="" alt="">
</div>
<div>
</figure>
</figure>
<figure>
<figure id="ap">
<img class="berry" src="./img/raspberries-6634439_1920.jpg" height=200px width="">
<p><strong>Berries</strong> <br><br>Berries are a good source of fiber, including soluble fiber. Studies show that consuming soluble fiber slows down the movement of food through your digestive tract, leading to reduced hunger and
increased feelings of fullness.</p>
</div>
<figure id="ple">
<img src="./img/watermelon-6640124_1920.jpg" height=200px>
<div>
<figcaption><strong>Melon</strong></figcaption>
<p>Melons are low in sodium, and very low in saturated fat and cholesterol. They are a good source of dietary fiber, vitamin K, potassium, and copper, and a very good source of vitamin C and vitamin B6.</p>
</div>
<img class="orange" src="./img/orange-6508617_1920.jpg" height=200px>
<div>
<figcaption><strong>Oranges</strong></figcaption>
<P>They are a good source of vitamin C, as well as several other vitamins, minerals, and antioxidants. They heals wounds and gives you smoother skin</P>
</figure>
</div>
</div>
</div>
<div id="feed">
<h2>Your feedback</h2>
<form action="action">
<label for="fname">feedback:</label><br>
<input type="text" id="fname" name="fname" value=""><br>
<input type="submit" value="Submit">
<div id="contact"><label for="contact">Contact:</label><br>
<label for="phone">+254748493380</label><br>
</div>
</form>
</div>
</body>
</html>