-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
366 lines (349 loc) · 17.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
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
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Full Automatización</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="icon" type="image/ico" href="favicon.ico">
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="bower_components/Ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-purple sidebar-mini">
<div class="wrapper">
<!--
|---------------------------------------------------------|
| SKINS | skin-blue |
| | skin-black |
| | skin-purple |
| | skin-yellow |
| | skin-red |
| | skin-green |
|---------------------------------------------------------|
|LAYOUT OPTIONS | fixed |
| | layout-boxed |
| | layout-top-nav |
| | sidebar-collapse |
| | sidebar-mini |
|---------------------------------------------------------|
-->
<header class="main-header">
<!-- Logo -->
<a href="index.html" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>F</b>A</span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>Full</b>Automatización</span>
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<li class="user-menu">
<a href="login.html" class="button" data-toggle="dropdown">
<img src="dist/img/FA.png" class="user-image" alt="User Image">
<span class="hidden-xs">INICIAR SESIÓN</span>
</a>
<ul class="dropdown-menu">
<!-- User image -->
<li class="user-header">
<img src="dist/img/FA.png" class="img-circle" alt="User Image">
<p>Full Automatización</p>
</li>
<li class="user-footer">
<div class="pull-center">
<a href="login.html" class="btn btn-default btn-flat">Iniciar Sesión</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<ul class="sidebar-menu" data-widget="tree">
<li class="header">MAIN</li>
<li class="active treeview">
<a href="#">
<i class="fa fa-dashboard"></i> <span>Sistema Realizados</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li class="active"><a href="login.html"><i class="fa fa-glass"></i> Ingreso Vides</a></li>
<li class="active"><a href="login.html"><i class="fa fa-video-camera"></i> Ingreso Ganadería</a></li>
<li class="active"><a href="login.html"><i class="fa fa-thermometer-empty"></i> Ingreso Invernadero</a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-users"></i> <span>Nuestros Clientes</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li class="active"><a href="#"><i class="fa fa-user"></i> Tres porotos por 1 kilo</a></li>
</ul>
</li>
<li><a href="#Contacto"><i class="fa fa-book"></i> <span>Contacto</span></a></li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Bienvenido a
<small>FullAutomatización</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li class="active">Dashboard</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- Small boxes (Stat box) -->
<div class="row">
<div class="col-lg-3 col-xs-6">
<!-- small box -->
<div class="small-box bg-aqua">
<div class="inner">
<h3>Ganadería</h3>
<p>Vigilancia y monitoreo</p>
</div>
<div class="icon">
<i class="icon ion-videocamera"></i>
</div>
<a href="#" class="small-box-footer">Más Información <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-3 col-xs-6">
<!-- small box -->
<div class="small-box bg-green">
<div class="inner">
<h3>Invernadero</h3>
<p>Control de Total</p>
</div>
<div class="icon">
<i class="icon ion-thermometer"></i>
</div>
<a href="#" class="small-box-footer">Más Información <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<div class="col-lg-3 col-xs-6">
<div class="small-box bg-red">
<div class="inner">
<h3>Vides</h3>
<p>Analisis de Terreno</p>
</div>
<div class="icon">
<i class="icon ion-wineglass"></i>
</div>
<a href="#" class="small-box-footer">Más Información <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
</div>
<div class="row">
<div class="col-md-6">
<!-- Box Comment -->
<div class="box box-widget">
<div class="box-header with-border">
<div class="user-block">
<img class="img-circle" src="../dist/img/user-Seba.jpg" alt="User Image">
<span class="username"><a href="#">Sebastian - Equipo Vides.</a></span>
<span class="description">Publicación Agosto 2018</span>
</div>
<!-- /.user-block -->
<div class="box-tools">
<button type="button" class="btn btn-box-tool" data-toggle="tooltip" title="" data-original-title="Mark as read">
<i class="fa fa-circle-o"></i></button>
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<img class="img-responsive pad" src="../dist/img/vides1.jpg" alt="Photo">
<p>Hasta 200 fotografías pueden ser tomadas en un vuelo de tan sólo 10 minutos. Las comunicaciones entre el dron (así como el resto de dispositivos conectados de la bodega) y los ordenadores o tablets de los cuidadores se producen a través de la tecnología LoRa, uno de los estándares del Internet de la Cosas. Se trata de una solución de bajo consumo que permite mantener una monitorización constante del territorio sin que ello suponga la ruina económica.
</p>
</div>
</div>
</div>
<div class="col-md-6">
<!-- Box Comment -->
<div class="box box-widget">
<div class="box-header with-border">
<div class="user-block">
<img class="img-circle" src="../dist/img/user-paty.jpg" alt="User Image">
<span class="username"><a href="#">Patricia - Equipo Ganadería.</a></span>
<span class="description">Publicación Agosto 2018</span>
</div>
<!-- /.user-block -->
<div class="box-tools">
<button type="button" class="btn btn-box-tool" data-toggle="tooltip" title="" data-original-title="Mark as read">
<i class="fa fa-circle-o"></i></button>
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<img class="img-responsive pad" src="../dist/img/ganaderia.jpg" alt="Photo">
<p>
<strong>El sistema de Aero vigilancia</strong> mediante globos aerostáticos está compuesto de un globo llenado con gas Helio que está sujeto a su tráiler de transporte por medio de un güinche. El globo es equipado con una cámara de alta resolución con visión diurna y nocturna (modalidad térmica) giro estabilizada y todo esto es controlado por una estación de control portátil o PGCS.
</p>
</div>
</div>
</div>
<div class="col-md-6">
<!-- Box Comment -->
<div class="box box-widget">
<div class="box-header with-border">
<div class="user-block">
<img class="img-circle" src="../dist/img/avatar5.png" alt="User Image">
<span class="username"><a href="#">Nicolas - Equipo Invernadero.</a></span>
<span class="description">Publicación Octubre 2018</span>
</div>
<!-- /.user-block -->
<div class="box-tools">
<button type="button" class="btn btn-box-tool" data-toggle="tooltip" title="" data-original-title="Mark as read">
<i class="fa fa-circle-o"></i></button>
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<img class="img-responsive pad" src="../dist/img/invernadero.jpg" alt="Photo">
<p>Uso de equipos automatizables para detectar las condiciones actuales de un invernadero en especifico, y la comunicación con estos será inalámbrica. El usuario seria capaz de poder gestionar el comportamiento de los equipos automatizables, y accionar mecanismos de manera remota, en caso de emergencia.
</p>
</div>
</div>
</div>
<div class="col-md-6">
<!-- Box Comment -->
<div class="box box-widget">
<div class="box-header with-border">
<div class="user-block">
<img class="img-circle" src="../dist/img/user-benjamin.jpg" alt="User Image">
<span class="username"><a href="#">Benjamin Mora - Equipo Vides.</a></span>
<span class="description">Publicación Noviembre 2018</span>
</div>
<!-- /.user-block -->
<div class="box-tools">
<button type="button" class="btn btn-box-tool" data-toggle="tooltip" title="" data-original-title="Mark as read">
<i class="fa fa-circle-o"></i></button>
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<img class="img-responsive pad" src="../dist/img/vides.jpg" alt="Photo">
<p>
<strong>Hoy en chile</strong> el uso de drones se ha masificado
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="box box-info" id="Contacto">
<form action="contact.php" method="POST">
<div class="box-header">
<i class="fa fa-envelope"></i>
<h3 class="box-title">Contacto</h3>
<!-- tools box -->
<div class="pull-right box-tools">
<button type="button" class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove">
<i class="fa fa-times"></i></button>
</div>
<!-- /. tools -->
</div>
<div class="box-body">
<div class="form-group">
<input type="email" class="form-control" name="txtCorreo" placeholder="Tu Correo" required="">
</div>
<div class="form-group">
<input type="text" class="form-control" name="txtAsunto" placeholder="Asunto" required="">
</div>
<div>
<textarea class="textarea" name="txtMensaje" placeholder="Mensaje" required="" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
</div>
</div>
<div class="box-footer clearfix">
<button type="submit" class="pull-right btn btn-default" name="opcion" value="Enviar" id="Enviar Mensaje"> Enviar Mensaje
<i class="fa fa-arrow-circle-right"></i>
</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Versión</b> 2018
</div>
<strong>Copyright © 2018 <a href="index.html">Full Automatización</a>.</strong>
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
</ul>
</aside>
<div class="control-sidebar-bg"></div>
</div>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script>
$.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.7 -->
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<script src="dist/js/adminlte.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>
</body>
</html>