-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
955 lines (848 loc) · 47 KB
/
index.html
File metadata and controls
955 lines (848 loc) · 47 KB
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
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Raíces Urbanas</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177058050-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-177058050-1');
</script>
<!-- Validacion formulario-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqBootstrapValidation/1.3.6/jqBootstrapValidation.js"></script>
<!-- CSS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" />
<link rel="stylesheet" href="assets/css/animate.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/media-queries.css" />
<!-- Favicon and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png" />
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png" />
</head>
<body>
<!-- Top menu -->
<nav class="navbar navbar-dark fixed-top navbar-expand-md navbar-no-bg">
<div class="container">
<a class="navbar-brand" href="index.html">Raíces</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 ml-auto">
<li class="nav-item">
<a class="nav-link scroll-link" href="#about-us">Nuestras Raíces</a>
</li>
<li class="nav-item">
<a class="nav-link scroll-link" href="#talleres">Talleres</a>
</li>
<li class="nav-item">
<a class="nav-link scroll-link" href="#recursos">Recursos</a>
</li>
<li class="nav-item">
<a class="nav-link scroll-link" href="#productos">Productos</a>
</li>
<li class="nav-item">
<a class="nav-link scroll-link" href="#voluntarios">Voluntarixs</a>
</li>
<li class="nav-item">
<a class="nav-link scroll-link" href="#contacto">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.facebook.com/RUrbanas" target="_blank"><i
class="fab fa-facebook-f"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.instagram.com/raices.urbanas" target="_blank"><i
class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Top content -->
<div class="top-content">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2 text">
<h1 class="wow fadeInLeftBig">Un oasís en la ciudad</h1>
<div style="font-size: 20px" class="description wow fadeInLeftBig">
<p>
En medio del cemento y el ruido, nuestra huerta urbana surge como un oasis donde poder percibir la globalidad de la naturaleza, en la que todo está vinculado y forma parte de un sistema mayor. ¡Veni a conocernos!
</p>
</div>
</div>
</div>
</div>
</div>
<!-- About us -->
<div class="about-us-container section-container">
<div class="container">
<div class="row">
<div class="col-lg-12 about-us-box wow fadeInUp">
<div class="">
<h2>Nuestras Raíces</h2>
<p class="medium-paragraph">
Raíces Urbanas es una organización integrada por personas unidas por la misma motivación: la recuperación y conservación del ambiente, la preservación de los recursos naturales y el desarrollo sustentable. En nuestro espacio, una huerta urbana agroecológica y comunitaria localizada en una terraza del barrio de Almagro, utilizamos a la huerta urbana como un instrumento de educación ambiental para la sensibilización y concientización de la población en problemáticas socioambientales.
</p>
<div class="row">
<div class="col-lg-4 pilar fadeInUp">
<img src="assets/img/about/icon-01.png" alt="">
<h3>Agroecología</h3>
<p>
¿Quién dijo que en las ciudades no se pueden producir alimentos de forma sana, segura y soberana? Retomamos los saberes ancestrales para pensar en una agricultura respetuosa con el ambiente que fomente la biodiversidad, conserve el agua y mejore la fertilidad del suelo y la salud de las plantas. La agroecología nos invita a cuestionar nuestros hábitos y la forma en la que nos vinculamos con el ambiente.
</p>
</div>
<div class="col-lg-4 pilar fadeInUp">
<img src="assets/img/about/icon-02.png" alt="">
<h3>Desarrollo Sustentable</h3>
<p>Comprar-Usar-Tirar: Un desarrollo basado en una economía lineal que utiliza los recursos de forma infinita en un planeta finito. El concepto de “basura” no existe en la naturaleza, allí todo se transforma para ser nuevamente parte del sistema. En nuestra huerta intentamos imitarla transformando los residuos en recursos para la construcción de los insumos necesarios para el cultivo de nuestras plantas. ¿Ya viste nuestras fotos?</p>
</div>
<div class="col-lg-4 pilar fadeInUp">
<img src="assets/img/about/icon-03.png" alt="">
<h3>Educación Ambiental</h3>
<p>Las huertas urbanas poseen un gran potencial como herramienta de educación ambiental desde donde abordar diversos conceptos como la biodiversidad, la gestión de residuos y la soberanía alimentaria. A su vez, tienen el poder de reconectarnos con el entorno que nos rodea, comprender sus ciclos y procesos. Creemos que esto es vital para la construcción de una ciudadanía comprometida con la sociedad y su ambiente. </p>
</div>
</div>
<p style="font-weight: bold;">
Sembremos nuestras semillas, ¡que crezcan nuestras raíces!
</p>
</div>
</div>
</div>
</div>
</div>
<!--- Talleres -->
<div class="talleres-container section-container">
<div class="container">
<div class="row">
<div class="col services section-description wow fadeIn">
<h2>Talleres</h2>
<p>Nuestros talleres tienen una modalidad teórico-práctica. Creemos que la mejor forma de aprender es haciendo, por lo que independientemente de la temática aprovechamos nuestra huerta a modo de experimentación y como espacio donde aplicar los conceptos aprendidos.</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 services-box wow fadeInUp">
<div class="row" data-toggle="modal" data-target="#tallerModal1">
<div class="col-md-12">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/Talleres/introhuerta.jpg" alt="" />
<div class="overlay">
<div style="cursor: pointer">
<h2>Intro a la Huerta</h2>
<p>¿Querés iniciar tu huerta y no sabés por dónde empezar? ¿Ya tenés algunas plantas y querés saber cómo mejorar su rendimiento? Mediante clases teórico-prácticas te contamos todo lo que tenés que saber para iniciar una huerta en tu patio, terraza, balcón o jardín. Dónde, cómo y qué sembrar según el espacio que tengas y los materiales con los que cuentes. ¡Lo único que necesitas es creatividad!
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 services-box wow fadeInUp">
<div class="row" data-toggle="modal" data-target="#tallerModal3">
<div class="col-md-12">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/Talleres/compost.jpg" alt="" />
<div class="overlay">
<div style="cursor: pointer">
<h2>Compost Domiciliario</h2>
<p>El 50% de nuestros residuos corresponden a materiales orgánicos, con el compostaje domiciliario no solo ayudas a reducir tus desechos sino que además obtenés abono fértil para tus plantas, garantizando todos los requerimientos nutricionales necesarios para su crecimiento y desarrollo. En este taller te enseñamos cómo y dónde hacerlo para no fallar en el intento.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 services-box wow fadeInUp">
<div class="row" data-toggle="modal" data-target="#tallerModal4">
<div class="col-md-12">
<div class="hovereffect">
<img class="img-responsive" src="/assets/img/Talleres/medicinales.jpg" alt="" />
<div class="overlay">
<div style="cursor: pointer">
<h2>Plantas Medicinales</h2>
<p>Las plantas medicinales son aquellas que poseen principios activos que pueden utilizarse para el tratamiento o prevención de diversas enfermedades, el conocerlas nos otorga mayor protagonismo a la hora de pensar nuestra salud. En la huerta encontramos muchas de ellas, te contamos cuáles son y cómo se usan. ¡Plantá el remedio!</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 services-box wow fadeInDown">
<div class="row" data-toggle="modal" data-target="#tallerModal5">
<div class="col-md-12">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/Talleres/plagas.jpg" alt="" />
<div class="overlay">
<div style="cursor: pointer">
<h2>Control de plagas</h2>
<p>El control ecológico de una plaga no intenta eliminarla, sino bajar sus niveles de población por debajo del daño, ya que la presencia de diversidad de insectos y animales forma parte del equilibrio de un agrosistema. En este taller aprenderemos a observar a la naturaleza de modo de actuar imitando y respetando sus procesos.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 services-box wow fadeInUp">
<div class="row" data-toggle="modal" data-target="#tallerModal6">
<div class="col-md-12">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/Talleres/hidroponia.jpg" alt="" />
<div class="overlay">
<div style="cursor: pointer">
<h2>Hidroponia</h2>
<p>La hidroponía es una forma de cultivo que no utiliza suelo como sustrato sino materiales inertes y/o agua potable con agregado de nutrientes. En este taller vemos los conceptos básicos para iniciar un cultivo hidropónico casero mediante la reutilización de materiales de desecho.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 services-box wow fadeInDown">
<div class="row" data-toggle="modal" data-target="#tallerModal2">
<div class="col-md-12">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/Talleres/semillas.jpg" alt="" />
<div class="overlay">
<div style="cursor: pointer">
<h2>Brotes de Cambio</h2>
<p>¿Hay naturaleza en la ciudad? ¿Cómo nos vinculamos con ella? A partir de un recorrido sensorial por la huerta, una obra de títeres y muchas sorpresas más iremos respondiendo éstas y otras preguntas mientras reflexionamos sobre la importancia de la biodiversidad, el origen de nuestros alimentos, la reutilización de residuos y el cuidado del ambiente.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Recursos -->
<div class="recursos-container section-container">
<div class="container">
<div class="row">
<div class="col productos section-description wow fadeIn">
<h2>Residuos como Recursos</h2>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInDown">
<div id="contenedor-slider" class="contenedor-slider">
<div id="slider" class="slider">
<section class="slider__section"><img src="assets/img/recursos/recursos01.jpg" class="slider__img"></section>
<section class="slider__section"><img src="assets/img/recursos/recursos02.jpg" class="slider__img"></section>
<section class="slider__section"><img src="assets/img/recursos/recursos03.jpg" class="slider__img"></section>
<section class="slider__section"><img src="assets/img/recursos/recursos04.jpg" class="slider__img"></section>
<section class="slider__section"><img src="assets/img/recursos/recursos05.jpg" class="slider__img"></section>
</div>
<div id="btn-prev" class="btn-prev"><</div>
<div id="btn-next" class="btn-next">></div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 services-box wow fadeInDown">
<h3>Reutilización de residuos</h3>
<p>Si observamos la naturaleza, no existe “algo que no sirva”, cada componente cumple un rol vital dentro de un sistema mayor. Sin embargo, los seres humanos creamos el concepto de “basura” para denominar a aquellas cosas frente a las cuales no hemos encontrado utilidad. Lo positivo es que está en nuestras mentes y en nuestras manos dejar de generarla.</p>
<p>El mejor residuo es el que no se genera. De todas formas, te compartimos algunas ideas para reutilizarlos en la huerta: neumáticos que se convierten en macetas, pallets de madera transformados en cómodos sillones, frascos de mermelada que almacenan semillas, cds viejos para ahuyentar pájaros y botellas de plástico que protegen las plantas del frío… existen cientos de ejemplos para reutilizar nuestros residuos cotidianos, ¡el límite está en nuestra mente!</p>
<a href="https://www.youtube.com/channel/UCliYzczCZCH1U4su-ORcxGA" target="_blank" class="btn btn-sumate">¡Seguínos en YouTube!</a>
</div>
</div>
</div>
</div>
<!-- Productos -->
<div class="productos-container section-container section-container-image-bg">
<div class="container">
<div class="row">
<div class="col productos section-description wow fadeIn">
<h2>Productos</h2>
<p>Los productos que ofrecemos son una alternativa natural para comenzar tu huerta. Bajo un enfoque agroecológico, cada plantin y cada semilla son producidos con sustratos de alta calidad para garantizar un crecimiento sano y equilibrado. Durante su desarrollo utilizamos fertilizantes y preparados naturales a base de insumos que no dañan la salud ni el ambiente. </p>
</div>
</div>
<div class="row">
<div class="col-md-10 offset-md-1 producto-list wow fadeInUp">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
<div class="producto-image">
<img src="assets/img/productos/huerta.jpg" alt="producto-huerta"
data-at2x="assets/img/productos/huerta.jpg" />
</div>
<div class="producto-text">
<h3>Hortalizas de estación</h3>
<p>Las estaciones del año, además de brindarnos días más cálidos en verano y fríos en invierno, dan las condiciones necesarias para el crecimiento y desarrollo de determinadas frutas y verduras. Estas hortalizas de estación nos garantizan todo el aporte nutricional necesario para atravesar esas condiciones. No te prives de vivir la experiencia de cosechar tu propio alimento, consultá por nuestra variedad de plantines disponibles.
</p>
</div>
</div>
<div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
<div class="producto-image">
<img src="assets/img/productos/medicinales.jpg" alt="producto-medicinales"
data-at2x="assets/img/productos/medicinales.jpg" />
</div>
<div class="producto-text">
<h3>Plantas Medicinales</h3>
<p>Muchas de las plantas presentes en la huerta poseen propiedades medicinales que, gracias a sus principios activos, tienen el poder de tratar o prevenir diversas molestias o enfermedades. Recuperar estos saberes ancestrales nos da la posibilidad de tener una actitud más proactiva a la hora de cuidar nuestra salud. Animate a tener tu propio botiquín huertero en la comodidad de tu casa.</p>
</div>
</div>
<div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="tab3-tab">
<div class="producto-image">
<img src="assets/img/productos/aromaticas.jpg" alt="producto-aromaticas"
data-at2x="assets/img/productos/aromaticas.jpg" />
</div>
<div class="producto-text">
<h3>Plantas Aromáticas</h3>
<p>Las plantas aromáticas tienen un rol esencial en la huerta agroecológica: atraen polinizadores favoreciendo la biodiversidad; sus aromas alejan a insectos perjudiciales; perfuman el ambiente con su esencia, creando un lugar agradable para el trabajo con la naturaleza; y proveen del material necesario para realizar preparados naturales para el control de aquellos insectos que desequilibran nuestro sistema.</p>
</div>
</div>
<div class="tab-pane fade" id="tab4" role="tabpanel" aria-labelledby="tab4-tab">
<div class="producto-image">
<img src="assets/img/productos/nativas.jpg" alt="producto-semillas" data-at2x="assets/img/productos/nativas.jpg" />
</div>
<div class="producto-text">
<h3>Plantas Nativas</h3>
<p>Las plantas nativas son aquellas originarias de cada región, adaptadas a las condiciones físicas, químicas y climáticas de cada sector. Son la base a partir de la cual se conforman las redes que unen a la flora y la fauna, y además dan identidad a cada ambiente. Estas plantas proveen de alimento y lugares propicios de reproducción a insectos nativos, como diversas especies de mariposas.</p>
</div>
</div>
<div class="tab-pane fade" id="tab5" role="tabpanel" aria-labelledby="tab5-tab">
<div class="producto-image">
<img src="assets/img/productos/semillas.jpg" alt="producto-semillas" data-at2x="assets/img/productos/semillas.jpg" />
</div>
<div class="producto-text">
<h3>Semillas</h3>
<p>El actual modelo de producción de alimentos reduce día a día la diversidad de hortalizas que llegan a nuestra mesa, atentando contra la biodiversidad y la identidad de las comunidades. La gran variedad de plantas presentes en nuestra huerta es posible gracias al intercambio y la autoproducción de semillas. El preservarlas e intercambiarlas es una forma de proteger la biodiversidad como aporte a la soberanía alimentaria. Consultá por nuestras semillas disponibles.</p>
</div>
</div>
</div>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="tab1-tab" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1"
aria-selected="true"></a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab2-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2"
aria-selected="false"></a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab3-tab" data-toggle="tab" href="#tab3" role="tab" aria-controls="tab3"
aria-selected="false"></a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab4-tab" data-toggle="tab" href="#tab4" role="tab" aria-controls="tab4"
aria-selected="false"></a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab4-tab" data-toggle="tab" href="#tab5" role="tab" aria-controls="tab5"
aria-selected="false"></a>
</li>
</ul>
</br>
<a href="#contacto" class="btn btn-success">¡Reservar ya!</a>
</div>
</div>
</div>
</div>
<!--#portfolio novedades
<div class="portfolio-container section-container">
<div class="container">
<div class="row">
<div class="col portfolio section-description wow fadeIn">
<h2>Voluntarixs</h2>
<div class="divider-1 wow fadeInUp"><span></span></div>
<p>
Te ofrecemos en nuestra huerta un programa de voluntariado, un espacio de experimentación conjunta, aprendizaje y difusión que potencian el trabajo en equipo y las acciones de impacto ambiental y social.
</p>
</div>
</div>
<div class="row">
<div class="col-md-6 portfolio-box wow fadeInUp">
<div class="portfolio-box-image">
<img
src="assets/img/portfolio/1.jpg"
alt=""
data-at2x="assets/img/portfolio/1.jpg"
/>
</div>
<h3>
<a href="#">Convocatoria: Carrefour Solidario 2019</a>
<i class="fas fa-angle-right"></i>
</h3>
<div class="portfolio-box-date">
<i class="far fa-calendar"></i> March 2018
</div>
<p>
Queremos construir huertas en 5 escuelas de barrios vulnerables de
CABA para cambiar la alimentación de más de 500 alumnos, ¡Ayudanos
con tu voto!
</p>
</div>
<div class="col-md-6 portfolio-box wow fadeInUp">
<div class="portfolio-box-image">
<img
src="assets/img/portfolio/1.jpg"
alt=""
data-at2x="assets/img/portfolio/1.jpg"
/>
</div>
<h3>
<a href="#">Convocatoria: Carrefour Solidario 2019</a>
<i class="fas fa-angle-right"></i>
</h3>
<div class="portfolio-box-date">
<i class="far fa-calendar"></i> March 2018
</div>
<p>
Queremos construir huertas en 5 escuelas de barrios vulnerables de
CABA para cambiar la alimentación de más de 500 alumnos, ¡Ayudanos
con tu voto!
</p>
</div>
<div class="col-md-6 portfolio-box wow fadeInUp">
<div class="portfolio-box-image">
<img
src="assets/img/portfolio/3.jpg"
alt=""
data-at2x="assets/img/portfolio/3.jpg"
/>
</div>
<h3>
<a href="#">Created 150 flyers</a>
<i class="fas fa-angle-right"></i>
</h3>
<div class="portfolio-box-date">
<i class="far fa-calendar"></i> January 2018
</div>
<p></p>
</div>
</div>
</div>
</div>-->
<!-- Voluntarios-->
<div class="voluntarios-container section-container">
<div class="container">
<div class="row">
<div class="col services section-description wow fadeIn">
<h2>Voluntarixs</h2>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-7 voluntarios-box wow fadeInLeft">
<div class="about-us-box-text">
<h3 style="font-weight:bold">¿Querés ser voluntarix?</h3>
<p class="medium-paragraph">Nuestro proyecto se sustenta gracias al aporte y compromiso de todas las personas que día a día hacen posible que esto suceda, y nuestra mayor satisfacción es ver la llegada de nuevxs integrantes comprometidxs con la preservación del ambiente en pos de construir una sociedad más consciente y respetuosa con la vida que nos rodea. </p>
<p>Si te movilizan las problemáticas socioambientales y te sentís identificadx con nuestro mensaje, tenemos un lugar para vos. En nuestra huerta te ofrecemos un espacio de aprendizaje y experimentación contínua, un entorno confortable de trabajo en equipo donde compartir y desarrollarse en pos del bien común, porque la salida es en conjunto. ¿Te interesa saber más?</p>
<a href="#contacto" class="btn btn-sumate"> ¡Escribinos!</a>
</div>
</div>
<div class="col-12 col-lg-5 portfolio-box wow fadeInUp">
<div class="portfolio-box-image">
<img src="assets/img/voluntarios/voluntarios01.jpg" alt="about" data-at2x="assets/img/about/1.jpg" />
</div>
</div>
</div>
</div>
</div>
<!-- Contacto -->
<div class="contacto-container section-container section-container-lightgreen-bg">
<div class="container">
<div class="col contacto section-description wow fadeIn">
<h2>Contacto</h2>
<p>Si te interesa conocer más sobre nuestro proyecto, te quedaste con alguna duda o simplemente querés contactarte con nosotrxs, acá te dejamos un espacio para que nos escribas. ¡Respondemos cada uno de los mensajes que nos llegan!</p>
</div>
<!--
<section id="contacto">
<div class="contenedor-contacto wow fadeInLeft">
<form id="contactForm" name="sentMessage" novalidate="novalidate">
<input id="name" type="text" placeholder="Nombre">
<input id="email" type="email" placeholder="Mail">
<datalist id="opcion">
<option value="Ser voluntario">
<option value="Comprar plantines">
<option value="Conocer la huerta">
<option value="Inscribirme a un taller">
<option value="Otro motivo">
</datalist>
<input list="opcion" placeholder="Quiero...">
<textarea id="message" name="" id="" cols="30" rows="10" placeholder="Mensaje"></textarea>
<button id="sendMessageButton" class="btn btn-sumate btn-xl text-uppercase" type="submit">Enviar</button>
<div class="data">
<p><strong>Dirección: </strong>Tte. Gral. Perón 3638, Almagro, CABA</p>
<p><strong>Email:</strong>info@raicesurbanas.com.ar</p>
</div>
</form>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13135.564851246776!2d-58.417872!3d-34.6069123!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xa05a81686d04fcfc!2sRaices%20Urbanas!5e0!3m2!1ses-419!2sar!4v1590091882779!5m2!1ses-419!2sar" allowfullscreen=""></iframe>
</div>
</section> -->
<section id="contacto">
<div class="contenedor-contacto wow fadeInLeft">
<form action="contact_me.php" method="post" id="contactForm" name="sentMessage" novalidate="novalidate">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<input class="form-control" name="name" id="name" type="text" placeholder="Tu nombre *" required="required" data-validation-required-message="Ingresa tu nombre.">
<!--<p class="help-block text-danger"></p>-->
</div>
<div class="form-group">
<input class="form-control" name="email" id="email" type="email" placeholder="Tu email *" required="required" data-validation-required-message="Ingresa una direccion de email.">
<!--<p class="help-block text-danger"></p>-->
</div>
<div class="form-group">
<input class="form-control" list="opcion" name="option" id="option" type="" placeholder="Quiero..." data-validation-required-message="Ingresa una opción.">
<datalist id="opcion">
<option value="Ser voluntario">
<option value="Comprar plantines">
<option value="Conocer la huerta">
<option value="Inscribirme a un taller">
<option value="Otro motivo">
</datalist>
<!--<p class="help-block text-danger"></p>-->
</div>
<div class="form-group">
<textarea class="form-control" name="message" id="message" placeholder="Tu mensaje *" required="required" data-validation-required-message="Ingresa un mensaje."></textarea>
<!--<p class="help-block text-danger"></p>-->
</div>
<div class="clearfix">
</div>
<div id="success">
</div>
<button id="sendMessageButton" class="btn btn-sumate btn-xl text-uppercase" type="submit">Enviar Mensaje</button>
</div>
<address class="col-md-12 col-sm-12 address">
<div class="info">
<i class="fas fa-map-marker-alt"></i>
<p>Tte. Gral. Perón 3638, Almagro, CABA</p>
</div>
<div class="info"><i class="fas fa-envelope"></i>
<p>info@raicesurbanas.com.ar</p>
</div>
<!--<div class="info"><i class="fas fa-mobile-alt"></i>
<p>+54 9 351 - 355-1352</p>
</div>
<div class="info"><i class="fas fa-clock"></i><p>9 a 18hs</p></div>-->
</address>
</div>
</form>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13135.564851246776!2d-58.417872!3d-34.6069123!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xa05a81686d04fcfc!2sRaices%20Urbanas!5e0!3m2!1ses-419!2sar!4v1590091882779!5m2!1ses-419!2sar" allowfullscreen=""></iframe>
</div>
</section>
</div>
</div>
<!-- Blog
<div class="blog-container section-container section-container-lightgreen-bg">
<div class="container">
<div class="row">
<div class="col blog section-description wow fadeIn">
<h2>Contacto</h2>
<div class="divider-1 wow fadeInUp"><span></span></div>
</div>
</div>
<div class="row">
<div class="col-md-6 blog-box wow fadeInLeft">
<div class="row">
<div class="col-md-9">
<div class="contenedor-contacto">
<form >
<input type="text" id="nombre" placeholder="Nombre" aria-describedby="emailHelp">
<input type="email" id="email" placeholder="Mail" aria-describedby="emailHelp">
<datalist id="opcion">
<option value="Ser voluntario">
<option value="Comprar plantines">
<option value="Conocer la huerta">
<option value="Inscribirme a un taller">
<option value="Otro motivo">
</datalist>
<textarea class="form-control" id="exampleFormControlTextarea1" cols="30" rows="20" placeholder="Mensaje" ></textarea>
<div class="form-check">
<input type="checkbox">
<label class="form-check-label" for="exampleCheck1">Deseo recibir el newslatter con información</label>
</div>
<button type="submit" class="btn btn-success">Enviar</button>
</form>
</div>
<div class="row">
<p><strong>Dirección: </strong></p>
<p>Tte. Gral. Perón 3638, Almagro, CABA</p>
<p><strong>Email</strong></p>
<p>info@raicesurbanas.com.ar</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 blog-box wow fadeInLeft">
<div class="row">
<div class="col-md-12 blog-box wow fadeInRight">
<div class="row">
<div class="col-md-12">
<Google map>
<div id="map-container-google-1" class="z-depth-1-half map-container" style="height: 500px">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3283.8912135845344!2d-58.42006068426358!3d-34.60691228045866!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcca601bd6d00d%3A0xa05a81686d04fcfc!2sRaices+Urbanas!5e0!3m2!1ses-419!2sar!4v1552068631105"
width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<Google Maps
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>-->
<!-- Talleres Modals -->
<!--1 Modals Intro Huerta -->
<div class="modal fade" id="tallerModal1" tabindex="-1" role="dialog" aria-labelledby="portfolioModal1Label"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Intro a la Huerta Urbana</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="assets/img/Talleres/introhuerta.jpg" alt="">
<!-- Portfolio Modal - Text -->
<p class="">¡Animate e iniciá tu huerta en 10 simples pasos! Tipos y formas de siembra, requerimientos de los cultivos, técnicas de mantenimiento: en el taller veremos los aspectos más importantes a tener en cuenta a la hora de comenzar tu huerta, junto con ideas y materiales especialmente diseñados para espacios urbanos.</p>
<p><b>¡Que tu alimento sea tu medicina!</b></p>
<p class="texto-talleres"> <b>Dirigido a: </b>Apto para todo público</p>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!--2 Modals Brotes de Cambio -->
<div class="modal fade" id="tallerModal2" tabindex="-1" role="dialog" aria-labelledby="portfolioModal1Label"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Brotes de Cambio</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="assets/img/Talleres/semillas-2.jpg" alt="">
<!-- Portfolio Modal - Text -->
<p class="texto-talleres">Ofrecemos una vivencia sensorial de experimentación en una huerta urbana, de reconexión con nuestro entorno, revalorizando el rol de lxs niñxs como agentes multiplicadores de cambio. La experiencia consta de dos módulos temáticos a partir de los cuales, mediante diversas actividades lúdicas e interactivas, buscaremos reflexionar sobre la relación que tenemos como seres urbanos con la naturaleza en la que estamos inmersos.</p>
<p class="texto-talleres"> <b>Duración:</b> 2 Horas </br>
<b>Dirigido a: </b>Nivel Inicial y Primario</br>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!--3 Modals Compost y lumbricario -->
<div class="modal fade" id="tallerModal3" tabindex="-1" role="dialog" aria-labelledby="portfolioModal1Label"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Compost Domiciliario</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="assets/img/Talleres/compost.jpg" alt="">
<!-- Portfolio Modal - Text -->
<p class="">¿Querés empezar a hacer compost en tu casa y no sabés por dónde empezar? ¡Esta es tu oportunidad! Qué agregar y en qué cantidad, mantenimiento y aspectos básicos a tener en cuenta. En este taller teórico- práctico te vas con tu compostera abajo del brazo, toda la información y la motivación para arrancar.
<p class="texto-talleres"> <b>Dirigido a: </b>Apto para todo público</p>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!--4 Modals Plantas Medicinales -->
<div class="modal fade" id="tallerModal4" tabindex="-1" role="dialog" aria-labelledby="portfolioModal1Label"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Plantas Medicinales</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="assets/img/Talleres/medicinales.jpg" alt="">
<!-- Portfolio Modal - Text -->
<p class="">Armá tu Botiquín de hierbas en este taller sobre plantas aromáticas y medicinales presentes en la huerta: Aloe Vera, Amaranto, Caléndula, Lavanda, Llantén, Manzanilla, Melisa, Orégano, Romero, Sen del Campo, Taco de Reina, ¡y muchas más!. Aprendé las técnicas de extracción de sus principios activos y los usos en nuestra salud y en las plantas.</p>
<p class="texto-talleres"> <b>Dirigido a: </b>Apto para todo público</p>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!--5 Modals Huerta Vertical -->
<div class="modal fade" id="tallerModal5" tabindex="-1" role="dialog" aria-labelledby="portfolioModal1Label"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Control de plagas</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="assets/img/Talleres/plagas.jpg" alt="">
<!-- Portfolio Modal - Text -->
<p class="">En este taller se brindarán las herramientas necesarias para prevenir las plagas antes de su desarrollo mediante la aplicación de técnicas que fomenten el equilibrio del ecosistema. Conoceremos la fauna de aparición más frecuente para luego aprender diferentes métodos de control ante desequilibrios focalizando en la elaboración de biopreparados caseros.</p>
<p class="texto-talleres"> <b>Dirigido a: </b>Apto para todo público</p>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!--6 Modals Hidroponia -->
<div class="modal fade" id="tallerModal6" tabindex="-1" role="dialog" aria-labelledby="portfolioModal1Label"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Hidroponia</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="assets/img/Talleres/hidroponia.jpg" alt="">
<!-- Portfolio Modal - Text -->
<p class="">Al querer iniciar un proyecto en hidroponia pueden surgir diferentes dudas y preguntas: ¿Qué plantas me convendría cultivar? ¿Qué recipientes o contenedores usar?¿En qué sustrato sembrar? ¿Cómo y con qué regar?¿Cuánto debo invertir? Estas dudas y muchas más van a ser historia antigua luego de que participes del taller.</p>
<p class="texto-talleres"> <b>Dirigido a: </b>Apto para todo público</p>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!--7 Modal Capacitación Docente -->
<div class="modal fade" id="tallerModal7" tabindex="-1" role="dialog" aria-labelledby="portfolioModal1Label"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Capacitación Docente en educación ambiental</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="assets/img/Talleres/vertical.jpg" alt="">
<!-- Portfolio Modal - Text -->
<p class="">Tomando en cuenta el rol protagónico que poseen lxs niñxs como agentes de cambio, proponemos la presentación de diversas herramientas y recursos didácticos de educación ambiental para contribuir a la generación de contenidos y a la adquisición de nuevos saberes vinculados a la sustentabilidad desde una visión holística.
</p>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-5 footer-left">
<p>
Copyright © Raíces Urbanas 2020
</p>
</div>
</div>
<div class="row">
<div class="col footer-bottom">
<a class="scroll-link" href="#top-content"><i class="fas fa-chevron-up"></i></a>
</div>
</div>
</div>
</footer>
<!-- Javascript -->
<script src="assets/js/jquery-3.2.1.min.js"></script>
<script src="assets/js/jquery-migrate-3.0.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<script src="assets/js/jquery.backstretch.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/retina-1.1.0.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/scripts.js"></script>
<script src="assets/js/eliminarmarca.js"></script>
<!-- Contact form JavaScript -->
<script src="assets/js/jqBootstrapValidation.js"></script>
<script src="assets/js/contact_me.js"></script>
</body>
</html>