-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathAgriculture.html
299 lines (252 loc) · 12.7 KB
/
Agriculture.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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Agriculture Technology</title>
</head>
<body>
<!--Nav bar-->
<div class="container-fluid">
<div class="navbar navbar-expand-lg bg-body-tertiary">
<a href="#" class="navbar-brand">
<img src="img/logo.jpg" alt="logo" class="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item"><a href="index.html#home" class="nav-link">Home</a></li>
<li class="nav-item"><a href="index.html#about" class="nav-link">About Us</a></li>
<li><a href="description.html">Services</a></li>
<li class="nav-item"><a href="index.html#portfolio" class="nav-link">Projects/Portfolio</a></li>
<li class="nav-item"><a href="index.html#blog" class="nav-link">Blog</a></li>
<li><a href="prometheusapm.html">PrometheusAPM</a></li>
<li class="nav-item"><a href="index.html#contact" class="nav-link">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="container py-5">
<div class="hero-background">
<img class="background-image" src="img/bgagriculture.jpg" alt="iotbg">
<h2>Agriculture Technology</h2>
<div class="circle"></div>
</div>
<p><strong>Welcome to AtonixCorp's Agriculture Technology Solutions</strong></p>
<p>At AtonixCorp, we are dedicated to driving sustainability and efficiency in agriculture through our innovative technology solutions. Our goal is to empower farmers with the tools and insights they need to enhance productivity, optimize resource use, and promote sustainable farming practices.</p>
<p><strong>What is Agriculture Technology?</strong></p>
<p>Agriculture technology, or agtech, encompasses a wide range of technologies and solutions aimed at improving the efficiency and sustainability of agricultural practices. From precision farming tools to advanced data analytics, agtech innovations help farmers make informed decisions, reduce waste, and increase crop yields.</p>
<br>
<br>
<p class="text-center mb-4"><strong>Our Agriculture Technology Solutions</strong></p>
<p class="text-center mb-4">At AtonixCorp, we offer a comprehensive suite of agriculture technology solutions designed to address the unique challenges faced by modern farmers:</p>
<img class="img-center mb-4 d-block mx-auto w-50" src="img/sideagri.jpg" alt="agriculture">
<p><strong>1. Precision Irrigation:</strong> <br> precision irrigation systems utilize advanced sensors and IoT technology to monitor soil moisture levels in real-time. By providing precise data on when and where water is needed, our solutions help farmers optimize irrigation schedules, conserve water, and improve crop health. This leads to significant water savings and higher crop yields.</p>
<p><strong>2. Fertigation Systems:</strong><br> Fertigation is the process of delivering fertilizers through irrigation systems. Our fertigation solutions integrate seamlessly with our precision irrigation technology, ensuring that nutrients are delivered efficiently and accurately to crops. This not only enhances nutrient uptake and crop growth but also reduces fertilizer runoff and environmental impact.</p>
<p><strong>3. Solar-Powered Solutions:</strong><br> We are committed to promoting renewable energy in agriculture. Our solar-powered irrigation and monitoring systems provide a sustainable and cost-effective alternative to traditional energy sources. By harnessing the power of the sun, farmers can reduce their energy costs and carbon footprint while maintaining reliable operations.</p>
<p><strong>4. Crop Monitoring and Analytics:</strong><br> Our advanced crop monitoring solutions utilize drones, satellites, and ground-based sensors to collect data on crop health, growth patterns, and pest activity. This data is analyzed using AI and machine learning algorithms to provide actionable insights. Farmers can use these insights to make informed decisions about planting, harvesting, and pest management, leading to improved crop yields and reduced losses.</p>
<p><strong>5. Sustainable Farming Practices:</strong> <br>AtonixCorp is dedicated to promoting sustainable farming practices. Our technology solutions support practices such as conservation tillage, cover cropping, and integrated pest management. By adopting these practices, farmers can improve soil health, reduce erosion, and minimize the use of chemical inputs, contributing to a healthier and more sustainable agricultural ecosystem.</p>
<br>
<br>
<img class="img-fluid d-block mx-auto mb-2 w-50" src="img/sideagri1.jpg" alt="agriculture">
<br>
<div class="text-center"><b>
<p class="quote">"At AtonixCorp, we’re not just about providing services; we’re about making a meaningful impact. Join us in exploring our comprehensive solutions and see how we can work together to achieve excellence and innovation."</p>
</b> </div>
</div>
<div class="footer">
<div class="footer-content container">
<div class="footer-section">
<h3>About Us</h3>
<p style="font-weight: bold;">
AtonixCorp </p>
<p>
<i>Pioneering data analytics and technology solutions.<br>
Explore our innovations in IoT, agriculture, oil, AI, and media.<br>
Join us in shaping the future of technology.</i>
</p>
</div>
<div class="footer-section">
<h3>Contact Us</h3>
<p style="font-weight: bold;">Email: [email protected]</p>
<p style="font-weight: bold;">Phone: +123 456 7890</p><br>
<p style="font-weight: bold;">Office address: <a href="https://www.google.com/maps?q=70+W+Madison+St,+Chicago,+IL+60602,+United+States" target="_blank">70 W Madison St, Chicago, IL 60602, United States</a></p>
</div>
<div class="footer-section">
<h3>Follow Us</h3>
<div class="social-icons">
<a href="https://www.linkedin.com/company/atonixcorp/" aria-label="LinkedIn"><img src="animation/icons8-linkedin-circled.gif" alt="linkedin" class="gif-icon"></a>
<a href="https://twitter.com/ofidohub" aria-label="Twitter"><img src="animation/icons8-twitter.gif" alt="twitter" class="gif-icon">
</a>
<a href="https://www.instagram.com/ofidohub/" aria-label="Instagram"><img src="animation/icons8-instagram.gif" alt="instagram" class="gif-icon">
</a>
</div>
</div>
<div class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="index.html#home">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="description.html">Services</a></li>
<li><a href="index.html#contact">Contact</a></li>
</ul>
</div>
</div>
<p>© 2024 AtonixCorp</p>
</div>
<script src="script.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.hero-background {
position: relative;
height: 100vh; /* Full viewport height */
display: flex;
align-items: center;
justify-content: center;
}
.hero-background .background-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* Ensure the image covers the container */
z-index: 0; /* Ensure the image is below the text */
}
.hero-background h2 {
background-color: rgba(112, 8, 8, 0); /* Semi-transparent background color */
color: #ffffff;
font-size: 5rem;
font-weight: 900;
text-transform: capitalize;
text-align: center;
z-index: 1; /* Ensure text is above the background */
margin: 0; /* Remove default margin */
cursor: default;
z-index: 1;
transition: color 0.3s ease, text-shadow 0.3s ease; /* Smooth transition for hover effects */
}
h2:hover {
color: #ff2200; /* Change text color on hover */
text-shadow: 0 0 10px rgba(255, 0, 0, 0.7), /* Red glow effect */
0 0 20px rgba(255, 0, 0, 0.5),
0 0 30px rgba(255, 0, 0, 0.3);
transform: scale(1); /* Slightly scale up the text on hover */
}
.circle {
width: 10px;
height: 10px;
background-color: #144e5496;
border-radius: 50%;
position: absolute;
mix-blend-mode: difference;
transition: all 0.1s ease-out;
pointer-events: none;
transform: scale(1); /* Initial scale */
z-index: 0;
}
h2:hover + .circle {
transform: scale(70); /* Scale up on hover */
}
p {
margin: 1rem 0;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.hero-background h2 {
font-size: 3rem; /* Smaller font size on smaller screens */
}
.circle {
width: 10px; /* Smaller circles on smaller screens */
height: 10px; /* Smaller circles on smaller screens */
}
}
@media (max-width: 480px) {
.hero-background h2 {
font-size: 2rem; /* Even smaller font size on very small screens */
}
.circle {
width: 5px; /* Even smaller circles on very small screens */
height: 5px; /* Even smaller circles on very small screens */
}
}
/* Footer container */
.footer {
background-image: url(img/footer.jpg); /* Dark background color */
color: #ffffff; /* black text color */
padding: 40px 0; /* Top and bottom padding */
text-align: center; /* Center text */
}
/* Footer content container */
.footer-content {
display: flex;
flex-wrap: wrap; /* Allows sections to wrap to the next line if needed */
justify-content: center; /* Center the footer sections horizontally */
gap: 20px; /* Space between sections */
}
/* Individual footer sections */
.footer-section {
flex: 1 1 200px; /* Grow and shrink with a base width of 200px */
padding: 0 15px; /* Horizontal padding for sections */
}
.footer-section h3 {
color: #ffffff;
margin-bottom: 15px; /* Space below the heading */
font-size: 30px; /* Font size for headings */
}
.footer-section p, .footer-section ul {
margin: 0; /* Remove default margin */
font-weight: 100;
color: #f6f4f4;
font-size: 20px; /* Font size for paragraphs and list items */
}
.footer-section ul {
list-style-type: none; /* Remove bullet points */
padding: 0; /* Remove default padding */
}
.footer-section ul li {
margin-bottom: 10px; /* Space between list items */
}
.footer-section ul li a {
color: #ffffff; /* White text color for links */
text-decoration: none; /* Remove underline from links */
}
.footer-section ul li a:hover {
text-decoration: underline; /* Underline on hover */
}
.social-icons a {
margin: 0 10px; /* Space between social icons */
display: inline-block; /* Align icons horizontally */
}
.social-icons img {
width: 30px; /* Size of social icons */
height: 30px; /* Size of social icons */
}
/* Responsive footer */
@media (max-width: 768px) {
.footer-section {
flex: 1 1 100%; /* Full width on smaller screens */
padding: 10px 0; /* Vertical padding for sections */
}}
@media (max-width: 768px) {
.hero-background {
height: 50vh; /* Adjusted height for smaller screens */
}
.hero-content h2 {
font-size: 20px; /* Adjust font size for smaller screens */
}
}
</style>