-
Notifications
You must be signed in to change notification settings - Fork 0
/
food.html
109 lines (84 loc) · 4.37 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
106
107
108
109
<!DOCTYPE html>
<html>
<head>
<link rel ="stylesheet" type = "text/css" href="ThinkLfyCSS.css">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>ThinkLfy</title>
<style>
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="https://dannyceron94.github.io/ThinkLfy/">ThinkLfy</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link center" href="https://dannyceron94.github.io/ThinkLfy"> Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"></a>
</li>
</ul>
</div>
</nav>
<!--*******************************************End of nav*********************************************************-->
<div class="container-fluid">
<!-- row 1 -->
<div class="row" >
<div class ="col">
<h1>Food</h1>
<div class="rowCenText">
<p>
Every living animal takes in food, metabolizes it to extract energy and nutrients, and discharges wastes.
Almost all
of the food for humans comes either from agriculture or from harvesting animals from the oceans. Currently agriculture occupies about 35 percent
of the Earth’s land surface (Wijkman and Rockström 2012, 52).
</p>
<p>
green revolution introduced the technology of industrial agriculture,
with chemical fertilizers, pesticides, irrigation, and hybrid seeds. While the green revolution improved yields
and ended the specter of mass famines, it came with environmental costs, and it did not end the problem of
hunger. Since the green revolution, food production in developing countries has
increased, doubling or tripling in many places. However, because population has also nearly doubled, the
amount of food produced per person has remained nearly unchanged in most parts of the world.
</p>
</div>
<div class="row"></div>
<h2>Farming Methods</h2>
<div class "col">Organic Farms</div>
<div class "col">Small- and Mid-Level Farms</div>
<div class "col">Industrialized Farms</div>
<div class "col">Factory Farms</div>
<div class "col">Aquaculture</div>
<div class "col">Genetic Engineering</div>
</div>
<div class ="col">
<a href="https://enterpriseclojure.com/clojure/1-ecosystem.html#/the_clojure_ecosystem">
<img src="https://enterpriseclojure.com/img/ecosystem.jpg" alt="HTML tutorial" style="width:100%;height:600px;border:0;">
</a>
</div>
</div>
<!-- row 2 -->
<div class="row CenText">
<p>Much of the pressure on land, water, air, and climate comes not from food consumed but from food that is
wasted. A study by the FAO estimates that about a third of all food produced is lost or wasted (Schutter 2014,
10);</p>
<p>
</p>
</div>
</div>
<!-- end of containner fuild -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>