-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·252 lines (190 loc) · 12.4 KB
/
index.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
<!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 name="description" content="Inicio pagina">
<meta name="author" content="MDH">
<title>TechnofarmAu</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/carousel/">
<!-- Bootstrap core CSS -->
<link href="./public/css/bootstrap.css" rel="stylesheet"><!-- header Bootstrap CSS -->
<link href="./public/css/carousel.css" rel="stylesheet"><!-- advertising under header Bootstrap core CSS -->
<link href="./footer.css" rel="stylesheet"><!-- footer style css -->
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'><!-- fotter socialmedia icons -->
<!-- slides running script -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../assets/js/vendor/jquery.slim.min.js"><\/script>')</script>
<script src="./public/js/bootstrap.bundle.js"></script><!-- action button responsive -->
<!-- Custom styles for this template header -->
</head>
<body >
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-success">
<img class="d-block mx-auto mb-4" src="./public/img/svg/logo.svg" alt="" width="62" height="42">
<a class="navbar-brand" href="index.html" >TechnofarmAu</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button><!-- Responsive button on the header -->
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="./pages/pricing/pricing.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/about/company.html">About us</a>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
<p><a class="btn btn-lg btn-primary" href="./pages/Usuarios/login.html" role="button">Login </a></p>
</form>
</div>
</nav>
</header>
<!-- advertising under header -->
<main role="main">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<div class="carousel-inner">
<!-- items advertising -->
<div class="carousel-item active">
<img src="./public/img/consumidores.jpg" width="640" height="640" focusable="false">
<div class="container">
<div class="carousel-caption text-left">
<h1>Technology at the service of your harvest 🌾🚁 Discover our revolutionary agricultural drone services! </h1>
<p> Precise Monitoring: Our drones equipped with advanced technology provide detailed insights into your crops,
enabling data-driven and real-time decision-making</p>
<p><a class="btn btn-lg btn-primary" href="./pages/pricing/pricing.html" role="button">Find out more </a></p>
</div>
</div>
</div>
<!-- advertising 2-->
<div class="carousel-item">
<img src="./public/img/serviciosadvertising.jpg" width="640" height="640" focusable="false">
<div class="container">
<div class="carousel-caption">
<h1>Early Pest and Disease Detection</h1>
<p>Our drones can identify health problems in your crops before they spread, enabling quick and preventive actions.</p>
<p><a class="btn btn-lg btn-primary" href="./pages/pricing/pricing.html" role="button">Find out more </a></p>
</div>
</div>
</div>
<!-- advertising 3-->
<div class="carousel-item">
<img src="./public/img/agtech.jpg" />
<div class="container">
<div class="carousel-caption text-right">
<h1>Resource Optimization</h1>
<p>Optimize water, fertilizers, and pesticides usage, saving costs and protecting the environment. Our drones offer intelligent and efficient land management</p>
<p><a class="btn btn-lg btn-primary" href="#" role="button">Find out more</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="container marketing">
<!-- START THE FEATURETTES Marketing body page-->
<hr class="featurette-divider"><!-- FIRST BLOQUE INFORMATION-->
<div class="row featurette">
<div class="col-md-7"><!-- FIRST BLOQUE INFORMATION TEXT-->
<h2 class="featurette-heading">Crop Mapping and Monitoring <span class="text-muted"> </span></h2>
<p class="lead">Utilize drones equipped with multispectral or hyperspectral cameras to capture detailed field images.
These images can help identify problematic areas such as diseases, water stress, or nutrient deficiencies.</p>
<p><a class="btn btn-lg btn-primary" href="./pages/pricing/pricing.html" role="button">Find out more</a></p>
</div>
<div class="col-md-5">
<img src="./public/img/portada2.jpg" width="500" height="500"><!-- PTHOTO FIRST BLOQUE INFORMATION-->
</div>
</div>
<hr class="featurette-divider"><!-- SECOND BLOQUE INFORMATION-->
<div class="row featurette">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">Precise Input Application<span class="text-muted">,MORE REVENUE.</span>
</h2>
<p class="lead">Integrate drones with spraying systems to apply pesticides or fertilizers more accurately and efficiently, reducing chemical overuse and associated costs</p>
<p class="lead"><a class="btn btn-lg btn-primary" href="./pages/pricing/pricing.html" role="button">Find out more </a></p>
</div>
<div class="col-md-5 order-md-1"><!-- SECOND PHOTO SEGMENT INFORMATION-->
<img src="./public/img/conectar.jpg" width="400" height="400">
</div>
</div>
<hr class="featurette-divider"><!-- TIRHD BLOQUE INFORMATION-->
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Early Detection of Diseases and Pests </h2>
<p class="lead">Monitor your crops closely with drones to detect early signs of diseases or pest infestations. This enables you to take preventive measures and limit damage
</p>
<p class="lead"><a class="btn btn-lg btn-primary" href="#" role="button">Find out more </a></p>
</div>
<div class="col-md-5">
<img src="./public/img/colomfarm.jpg" width="500" height="500">
</div>
</div>
<hr class="featurette-divider"><!-- BLOQUE INFORMATION-->
<div class="row featurette">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">Crop Growth Tracking
</h2>
<p class="lead">Schedule regular drone flights to capture aerial images and create time-lapses of your crop growth. This allows you to analyze development over time and make necessary adjustments.</p>
<p class="lead"><a class="btn btn-lg btn-primary" href="./pages/pricing/pricing.html" role="button">Find out more </a></p>
</div>
<div class="col-md-5 order-md-1"><!-- SECOND PHOTO SEGMENT INFORMATION-->
<img src="./public/img/renta.jpg" width="400" height="400">
</div>
</div>
<hr class="featurette-divider"><!-- ending BLOQUE INFORMATION-->
<!-- /END THE FEATURETTES -->
</div><!-- /.container mARKETING -->
</main> <!-- ending main page index-->
<!-- FOOTER -->
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-md-3 item">
<h3>Services</h3>
<ul>
<li><a href="#">Crop Mapping and Monitoring</a></li>
<li><a href="#">Precise Input Application</a></li>
<li><a href="#">Early Detection of Diseases and Pests</a></li>
</ul>
</div>
<div class="col-md-3 item">
<h3>Services</h3>
<ul>
<li><a href="#">Monitoring crop</a></li>
<li><a href="#">Development technology</a></li>
</ul>
</div>
<div class="col-md-3 item">
<h3>About</h3>
<ul>
<li><a href="./pages/about/company.html">Company</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Location </a></li>
</ul>
</div>
<div class="col-md-3 item text">
<h3>TechnofarmAu</h3>
<p>allow your business to take off.</p>
</div>
<div class="col item social"><a href="https://www.facebook.com" target="_blank"><i class="fa fa-facebook"></i></a><a href="facebook.com"><i class="fa fa-twitter"></i></a><a href="https://www.youtube.com/channel/UCvtdDeOQfDnX3HxRXxrspHQ" target="_blank"> <i class="fa fa-youtube"></i></a><a href="youtube.com"><i class="fa fa-instagram"></i></a><a href="instagram.com"><i class="fa fa-google"></i></a></div>
</div>
<p class="copyright">Technofarm Australia </p>
</div>
</footer>
</div>
</body>
</html>