-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathair.html
209 lines (194 loc) · 10.2 KB
/
air.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Air farms</title>
<!-- MDB icon -->
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<!-- Google Fonts Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Material Design Bootstrap -->
<link rel="stylesheet" href="css/mdb.min.css">
<!-- Your custom styles (optional) -->
<link rel="stylesheet" href="css/product.css">
<!-- <link rel="stylesheet" href="home.css"> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body >
<!-- Start your project here-->
<section id="nav-1" class="mb-3">
<!--Navbar -->
<nav class="navbar navbar-1 navbar-expand-lg navbar-light fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">
<div>
<img class="logo" src="img/Logo with Side Text - White.png"></div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent-4" aria-controls="navbarSupportedContent-4"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent-4">
<ul class="navbar-nav ml-auto nav-items">
<li class="nav-item">
<a class="nav-link m-1" href="team.html" style="color: #78b122;font-weight: 500;">
<p class="m-1">TEAM</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link m-1" href="vision.html" style="color: #78b122;font-weight: 500;">
<p class="m-1">VISION</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link m-1" href="product.html" style="color: #78b122;font-weight: 500;">
<p class="m-1">PRODUCTS</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link m-1" href="services.html" style="color: #78b122;font-weight: 500;">
<p class="m-1">SERVICE</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link m-1" href="index.html" style="color: #78b122;font-weight: 500;">
<p class="m-1">CONTACT</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link">
<img src="img/cart5.png">
</a>
</li>
</ul>
</div>
</div>
</nav>
<!--/.Navbar -->
</section>
<section id="head" class="mb-5">
<div class="row py-5">
</div>
<div class="container">
<div class="row">
<!--Start Welcome Image-->
<div class="col-sm-6">
<div class="">
<center><img src="img/air2.png" class="mx-auto welcome-img5 img-responsive" alt="Image"></center>
</div>
</div>
<!--End Welcome Image-->
<!--Start Welcome Content-->
<div class="col-sm-6 air-pdt">
<div class="air-prod" style="margin-top: auto;font-size: 20px;">
<h2 class="text-center air-heading mb-sm-3 ">Agrivator Air farm</h2>
<p class="mt-5"> Agrivator air farm uses Aeroponics technique to grow plants inside it. The roots of the
plants are suspended in air. Water containing nutrients for the plant is supplied to the
roots with the help of a pump. The growth of the plants are accelerated due to the nutrients
directly reaching the roots. This system can be installed on terrace, kitchen garden balcony
or even in door. Various types of plants can be grown in this system. A single tower can
hold 32 plants. The cost of one unit is 7500 Rs which includes installation and all the
accessories required for the plant growth.</p>
<!-- <a href="#" class="mx-auto">
<button type="button" class="btn section-button1"
style="background-color: #78b122;border-radius: 50px;">Buy Now</button>
</a> -->
</div>
</div>
<!--End Welcome Content-->
</div>
<div class="row mt-sm-5" >
<!--Start Welcome Image-->
<!--End Welcome Image-->
<!--Start Welcome Content-->
<div class="col-sm-6 air-prod air-pdt">
<div class=" mx-auto p-sm-5 p-3 z-depth-1-half" style="margin-top: auto;font-size: 20px;">
<p>Agrivator air farm uses Aeroponics technique to grow plants inside it. The roots of the
plants are suspended in air. Water containing nutrients for the plant is supplied to the
roots with the help of a pump. The growth of the plants are accelerated due to the nutrients
directly reaching the roots.<br>A Completely automated aeroponics system which
could easily fit in any balcony or kitchen garden, Agrivator Air Farms removes the hastle of
gardening. Upto 32 plants can be grown in a single unit which makes the utilisation of space
to the optimum.</p>
<a href="#" class="mx-auto">
</a>
</div>
</div>
<div class="col-sm-5 mx-auto">
<div class="ml-3">
<center><img class="welcome-img2" src="img/Aerospring+Products.png" class="img-responsive" alt="Image"></center>
</div>
</div>
<!--End Welcome Content-->
</div>
</div>
</section>
<section style="overflow-y: hidden;">
<div class="footer mb-5" style="position: relative; top: 50px; width: 100%;">
<footer class="text-center">
<a class="up-arrow" href="#nav-1" data-toggle="tooltip" title="TO TOP">
<i class="fas fa-angle-up"></i> </a><br><br>
<p> <a href="team.html" data-toggle="tooltip" title="Visit team page">Team</a></p>
<p><a href="product.html" data-toggle="tooltip" title="Visit products page">Products </a></p>
<p><a href="services.html" data-toggle="tooltip" title="Visit services page">Services </a></p>
<p> <a href="vision.html" data-toggle="tooltip" title="Visit vision page">Vision</a></p>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Social buttons -->
<ul class="list-unstyled list-inline text-center">
<li class="list-inline-item">
<a class="btn-floating btn-fb mx-1">
<i class="fab fa-facebook-f"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-tw mx-1">
<i class="fab fa-twitter"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-gplus mx-1">
<i class="fab fa-google-plus-g"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-li mx-1">
<i class="fab fa-linkedin-in"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-dribbble mx-1">
<i class="fab fa-dribbble"> </i>
</a>
</li>
</ul>
<!-- Social buttons -->
</footer>
</div>
</section>
<!-- End your project here-->
<!-- Development version -->
<script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.js"></script>
<!-- Production version -->
<script src="https://unpkg.com/@popperjs/core@2"></script>
<!-- jQuery -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- Your custom scripts (optional) -->
<script type="text/javascript"></script>
</body>
</html>