-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
156 lines (126 loc) · 6.11 KB
/
index.html
File metadata and controls
156 lines (126 loc) · 6.11 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PuthSovannary_Section</title>
<style>
.Section1{
background-color:rgb(148, 32, 110);
height: 500px;
}
.Section2{
background-color: rgb(67, 67, 210);
height: 500px;
}
.Section3{
background-color: rgb(189, 85, 48);
height: 600px;
}
.Section4{
background-color:red;
height: 500px;
}
.Item{
display: flex;
list-style-type: none;
justify-content: center;
gap:50px
}
</style>
</head>
<body>
<ul class ="Item">
<li><a href="#Section1">Section1</a></li>
<li><a href="#Section2">Section2</a></li>
<li><a href="#Section3">Section3</a></li>
<li><a href="#Section4">Section4</a></li>
<a href="https://www.facebook.com/ipwettyluwary?mibextid=LQQJ4d" target="_blank">Facebook</a>
<a href="https://t.me/llry_urfavgurl" target="_blank">Telegram</a>
<a href="https://youtube.com/@4yrann?si=LXyXoR0Nu2VUhYVS" target="_blank">Youtube</a>
</ul>
<section id ="Section1" class="Section1">
<a name="Section1"></a>
<h1><b><font color="white">Section 1</font></b></h1>
<p><font color="white">
<b>Food</b> is any substance consumed by an organism for nutritional support. Food is usually of plant, animal, or fungal origin and contains essential nutrients such as carbohydrates, fats, proteins, vitamins, or minerals. <i>The substance is ingested by an <font style="background-color:yellow;" color="black">organism</font> and assimilated by the organism's cells to provide energy, maintain life, or stimulate growth.</i> Different species of animals have different feeding behaviours that satisfy the needs of their metabolisms and have evolved to fill a specific ecological niche within specific geographical contexts.
<img src="img/image4.jpg" alt="" width="25%">
<b>Omnivorous </b>humans are highly adaptable and have adapted to obtain food in many different ecosystems. <u>Humans generally use cooking to prepare food for consumption</u>. The majority of the food energy required is supplied by the industrial food industry, which produces food through intensive agriculture and distributes it through complex food processing and food distribution systems. This system of conventional agriculture relies heavily on fossil fuels, which means that the food and agricultural systems are one of the major contributors to climate change, accounting for as much as <font style="background-color:yellow;" color="black">37%</font>of total gas emissions. <sup>[1]</sup>
</font>
</section>
<section id="Section2" class ="Section2">
<a name="Section2"></a>
<h1><b><font color="white">Section 2</font></b></h1>
<img src="img/image1.jpg" alt="" width="20%">
<img src="img/image2.jpg" alt="" width="20%">
<img src="img/image3.jpg" alt="" width="20%">
</section>
<section id="Section3" class ="Section3">
<a name="Section 3"></a>
<h1><font color="white">Section 3</font></h1>
<font color ="white">
<h1 >List</h1>
<h1>1-Order List</h1>
<ol type="1">
<li>Move image by 2px</li>
<li>Learn to code
<ol type="a">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript
<ol type="i">
<li>React JS
<ol type="1">
<li>State</li>
<li>Component</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
<h1>2-Unorder List</h1>
<ul type="Square">
<li>it's raining
<ul type="Disc">
<li>Cats
<ul type="Circle">
<li>Siamese</li>
<li>Burmese</li>
<li>Persian</li>
</ul>
</li>
<li>Dogs
<ul type="Circle">
<li>Beagles</li>
<li>Poodles</li>
<li>Terriers
<ul type="None">
<li>Jack russel</li>
<li>Yorkshire</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</font>
</section>
<section id="Section4" class ="Section4">
<a name="Section4"></a>
<h1><font color="white">Section 4</font></h1>
<div>
<img src="img/Banner 1.jpg" alt="" width="100%">
</div>
<div>
<font: background color="red" ></font:>
<img src="img/food (1).jpg" alt="" width="49%">
<img src="img/food (2).jpg" alt="" width="49%">
<img src="img/food (3).jpg" alt=""width="49%">
<img src="img/food (4).jpg" alt="" width="49%">
</div>
</section>
</body>
</html>