-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
100 lines (88 loc) · 5.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<title>About Hydroponics</title>
</head>
<body>
<header class="text-gray-600 body-font">
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
<nav class="flex lg:w-2/5 flex-wrap items-center text-base md:ml-auto">
<a href="index.html" class="mr-5 hover:text-gray-900">Home</a>
<a href="about.html" class="mr-5 hover:text-gray-900">About</a>
<a href="team.html" class="mr-5 hover:text-gray-900">Our Team</a>
<a href="contact.html" class="hover:text-gray-900">Contact Us</a>
</nav>
<a class="flex order-first lg:order-none lg:w-1/5 title-font font-medium items-center text-gray-900 lg:items-center lg:justify-center mb-4 md:mb-0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-10 h-10 text-white p-2 bg-indigo-500 rounded-full" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
</svg>
<span class="ml-3 text-xl">Hydroponics</span>
</a>
<div class="lg:w-2/5 inline-flex lg:justify-end ml-5 lg:ml-0">
<a href="#.html"><button class="inline-flex items-center bg-gray-100 border-0 py-1 px-3 focus:outline-none hover:bg-gray-200 rounded text-base mt-4 md:mt-0">#
</a>
</button>
</div>
</div>
</header>
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto flex flex-col">
<div class="lg:w-4/6 mx-auto">
<div class="flex flex-col sm:flex-row mt-10">
<div class="sm:w-2/3 text-center sm:pr-8 sm:py-8">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="Hydroponics" class="object-cover object-center h-full w-full" src="./images/USDAImaged2795-1Hydroponics.jpg">
</div>
<div class="flex flex-col items-center text-center justify-center">
<h2 class="font-medium title-font mt-4 text-gray-900 text-lg">Hydroponics</h2>
</div>
</div>
<div class="sm:w-2/3 sm:pl-8 sm:py-8 sm:border-l border-gray-200 sm:border-t-0 border-t mt-4 pt-4 sm:mt-0 text-center sm:text-left">
<p class="leading-relaxed text-lg mb-4">Hydroponics is the technique of growing plants using a water-based nutrient solution rather than soil, and can include an aggregate substrate, or growing media, such as vermiculite, coconut coir, or perlite. Hydroponic production systems are used by small farmers, hobbyists, and commercial enterprises. <br /><br /><br />
According to USDA: "Growing plants in water culture or sand culture without soil are procedures that have been used by physiologists studying plant nutrition and by other plant scientists for more than a century." (Growing Crops Without Soil. Beltsville, MD: USDA, rev 1965.)</p>
</div>
</div>
</div>
</div>
</section>
<section class="text-gray-600 body-font">
<h1 class="title-font sm:text-4xl text-3xl font-medium text-gray-900 text-center">Click on the Images for more info...</h1>
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-wrap -m-4">
<div class="lg:w-1/3 lg:mb-0 mb-6 p-4">
<a href="https://archive.org/details/yoa1947/page/n369/mode/2up">
<div class="h-full text-center">
<div class="rounded-lg h-64 overflow-hidden p-4">
<img alt="Hydroponics" class="object-cover object-center h-full w-full" src="./images/about1.jpg">
</div>
<p class="leading-relaxed">Stuart, Neil W. "About Hydroponics," In: Science in Farming: The Yearbook of Agriculture 1943-1947. USDA. U.S. Government Printing Office, 1947.</p>
</div>
</a>
</div>
<div class="lg:w-1/3 lg:mb-0 mb-6 p-4">
<a href="https://archive.org/details/CAT10679018/mode/2up">
<div class="h-full text-center">
<div class="rounded-lg h-64 overflow-hidden p-4">
<img alt="Hydroponics" class="object-cover object-center h-full w-full" src="./images/about2.jpg">
</div>
<p class="leading-relaxed">Beltsville, MD: USDA, revised 1965. History Collection. Series II. Box 2/21. Folder: "Hydroponics. 1965-1979." Special Collections, USDA National Agricultural Library.</p>
</div>
</a>
</div>
<div class="lg:w-1/3 lg:mb-0 p-4">
<a href="https://www.nal.usda.gov/main/sites/default/files/card-image/DunsReviewGeneralMillsImage.jpg">
<div class="h-full text-center">
<div class="rounded-lg h-64 overflow-hidden p-4">
<img alt="Hydroponics" class="object-cover object-center h-full w-full" src="./images/about3.jpg">
</div>
<p class="leading-relaxed">Image of "General Mills' Big Gamble on Indoor Farming." Dun' Review. 1979. History Collection. Series II. Box 2/21. Folder: "Hydroponics. 1965-1979." Special Collections, USDA National Agricultural Library.</p>
</div></a>
</div>
</div>
</div>
</section>
</body>
</html>