PageSourceSearch

https://clubdelclima.org/

html clubdelclima.org collected 2026-10-05 18:08:34 UTC 35,946 bytes, 728 lines download raw bytes

1 	<!doctype html>
2<html class="no-js" lang="en">
3
4    <head>
5	
6	<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 6-7
6
7<script async src="https://www.googletagmanager.com/gtag/js?id=
7G-LKLSSJKWQ2
vendor: 12 bytes, line 7
7"></script>
8<script>
9  
vendor: 134 bytes, lines 9-13
9window.dataLayer = window.dataLayer || [];
10  function gtag(){dataLayer.push(arguments);}
11  gtag('js', new Date());
12
13  gtag('config', '
13G-LKLSSJKWQ2
vendor: 4 bytes, line 13
13');
14</script>
14
15
16<!-- Google Tag Manager -->
17<script>
vendor: 327 bytes, lines 17-21
17(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
18new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
19j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
20'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
21})(window,document,'script','dataLayer','
21GTM-WGXG76FP
vendor: 3 bytes, line 21
21');
21</script>
21
22<!-- End Google Tag Manager -->
23
24        <!-- title -->
25        <!-- title -->
26        <title>Compensá CO2 con El Club del Clima | Reforestación y Empresas Sostenibles</title>
27        <meta charset="utf-8">
28        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
29        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
30        <meta name="author" content="El Club del Clima">
31	     <!-- description -->
32        <meta name="classification" content="voluntariado, plantación, huertas, medio ambiente" />
33		<meta name="Googlebot" content="all" />
34		<meta name="GENERATOR" content="El Club del Clima - Un cambio cultural" />
35		<meta name="SUBJECT" content="El Club del Clima - Un cambio cultural" />
36		<meta name="El Club del Clima - Un cambio cultural" content="Proyecto ambiental y social incubado desde Plantarse, que  realiza acciones para promover cultura de sustentabilidad y contrarrestar la crisis climática." />
37		<meta name="ABSTRACT" content="Proyecto ambiental y social incubado desde Plantarse, que  realiza acciones para promover cultura de sustentabilidad y contrarrestar la crisis climática." />
38		<meta name="keywords" content="ecología reciclaje cambio climático huerta plantación voluntariado">
39
40        <meta property="og:url" content="http://clubdelclima.org/">
41        <meta property="og:title" content="Compensá CO2 con El Club del Clima">
42        <meta property="og:image" content="http://clubdelclima.org/images/clubdelclima.jpg" alt="donación de árboles">>
43        <meta property="og:site_name" content="El Club del Clima">
44        <meta property="og:description" content="Empresas, personas y organizaciones ya compensan su huella de carbono junto a El Club del Clima. Sumate con tu marca.">
45        <link rel="canonical" href="https://clubdelclima.org/">
46        
47        <!-- favicon -->
48        <link rel="shortcut icon" href="images/favicon.png">
49        <link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
50        <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
51        <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
52        
53        <!-- style -->        <link rel="stylesheet" href="css/animate.css" />
54        <link rel="stylesheet" href="css/bootstrap.min.css" />
55        <link rel="stylesheet" href="css/et-line-icons.css" />
56        <link rel="stylesheet" href="css/font-awesome.min.css" />
57        <link rel="stylesheet" href="css/themify-icons.css">
58        <link rel="stylesheet" href="css/swiper.min.css">
59        <link rel="stylesheet" href="css/justified-gallery.min.css">
60        <link rel="stylesheet" href="css/magnific-popup.css" />
61        <link rel="stylesheet" type="text/css" href="revolution/css/settings.css" media="screen" />
62        <link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
63        <link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
64        <link rel="stylesheet" href="css/bootsnav.css">
65        <link rel="stylesheet" href="css/style.css" />
66        <link rel="stylesheet" href="css/responsive.css" />
67        
68               
68<script language="JavaScript" src="js/gen_validatorv31.js" type="text/javascript"></script>
68
69
70        <!--[if IE]>
71            
71<script src="js/html5shiv.js"></script>
71
72        <![endif]-->
73		
74		
75    </head>
76
77<body >
78    <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 78-79
78
79<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
79GTM-WGXG76FP
vendor: 83 bytes, lines 79-80
79"
80height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
81<!-- End Google Tag Manager (noscript) -->
82    
83        <!-- start header -->
84    <header class="bg-beige ">
85            <!-- topbar -->
86            <!-- start navigation -->
87            <nav class="navbar navbar-default bootsnav navbar-fixed-top  navbar-expand-lg  ">
88                <div class="container-fluid padding-eighteen-lr lg-padding-four-lr sm-padding-15px-lr bg-beige ">
89                    <!-- start logo -->
90                    <div class="col-auto pl-lg-0 ">
91                    
92                       <a href="index.htm" title="Club del Clima" class="logo"><img src="images/logo-el-club.png" alt="Logo El Club del Clima" data-rjs="images/[email protected]" class="logo-dark default" alt="Plantarse"><img src="images/logo-white.png" data-rjs="images/[email protected]" alt="Plantarse" class="logo-light"></a>
93                    </div>
94                    <!-- end logo -->
95                    <!-- start menu -->
96                    <div class="col accordion-menu pr-0 pr-md-3">
97                        <button type="button" class="nav navbar-toggler collapsed" data-toggle="collapse" data-target="#navbar-collapse-toggle-1">
98                            <span class="sr-only">toggle navigation</span>
99                            <span class="icon-bar"></span>
100                            <span class="icon-bar"></span>
101                            <span class="icon-bar"></span>
102                        </button>
103                        <div class="navbar-collapse collapse justify-content-end " id="navbar-collapse-toggle-1">
104                            <ul id="accordion" class="nav navbar-nav navbar-left no-margin alt-font font-weight-500 " data-in="fadeIn" data-out="fadeOut">
105							 <li><a href="index.htm" title="Inicio" class="inner-link">INICIO</a></li>
106							 <li><a href="bosques.htm" title="Bosques" class="inner-link">BOSQUES</a></li>
107							 <li><a href="empresas.htm" title="Empresas" class="inner-link">EMPRESAS</a></li>
108						
109							 	 <li><a href="quienes-somos.htm" title="Quienes somos" class="inner-link">QUIENES SOMOS</a></li>
110							  <li><a href="contacto.htm" title="Contacto" class="inner-link">CONTACTO</a></li>
111								   <li><a href="https://www.linkedin.com/company/plantarse/" title="Linkedin" class="inner-link display-none md-display-inline">Linkedin</a></li>
112							  
113							  <li><a href="https://instagram.com/plantarse" title="Instagram" class="inner-link display-none md-display-inline">Instagram</a></li>							 
114                            </ul>
115                        </div>
116                    </div>
117                    <div class=" pr-lg-0">
118                           <div class="header-social-icon xs-display-none  md-display-none"><a class="btn btn-verde  btn-rounded btn-large"  href="contacto.htm">COMPENSÁ CON TU EMPRESA</a>  
119																																																							  
120                                <a href="https://www.linkedin.com/company/plantarse/" title="Linkedin" target="_blank"><i class="fab fa-linkedin"></i></a>
121                                <a href="https://instagram.com/plantarse" title="Instagram" target="_blank"><i class="fab fa-instagram"></i></a>  
122                            </div>
123                    </div>
124                    <!-- end menu -->
125                </div>
126            </nav>
127            <!-- end navigation --> 
128    </header>
129
130
131
132<section style="position: relative; width: 100%; height: 100vh; overflow: hidden;">
133
134  <!-- VIDEO DE FONDO -->
135  <video autoplay muted loop playsinline
136
137         style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;">
138    <source src="images/salesforce.mp4" type="video/mp4">
139  </video>
140
141  <!-- OVERLAY OSCURO -->
142  <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.45);"></div>
143
144  <!-- CONTENIDO SOBRE EL VIDEO, alineado a la izquierda -->
145  <div class="container" style="position: relative; z-index: 2; height: 100%;">
146    
147    <div class="row">
148      <div class="col-12 col-lg-6 wow fadeInLeft" data-wow-delay="0.2s" style="padding-top: 10px;">
149        
150        <div class="text-left sm-no-padding w-100 padding-eight-top lg-padding-fifteen-top texto-video">
151          <span class="alt-font margin-10px-bottom md-no-margin-bottom d-inline-block text-large text-white">
152            HACIA LA NEUTRALIDAD DE CO2 - KG. DE CO2 EN VIVO
153          </span>
154		      <h1><span class="alt-font margin-0px-bottom md-no-margin-bottom d-inline-block text-large text-amarillo"><h1><p id="carbonoTotal" ></p></h1></span><br>
155          
156          <h2 class="alt-font text-verde">Ahora mismo nuestras acciones están capturando CO2</h2>
157          
158          <a href="empresas.htm" class="btn btn-verde btn-rounded sm-btn-extra-large mt-4">
159            COMPENSÁ CON TU EMPRESA
160          </a>
161        </div>
162      </div>
163    </div>
164
165    <div class="row mt-5">
166      <div class="col-12 col-lg-7 wow fadeInLeft" data-wow-delay="0.2s">
167        <div class="text-left sm-no-padding w-100 padding-eight-top lg-padding-fifteen-top">
168        
169          
170          <h1 class="alt-font text-amarillo" style="margin-top: 20px;">
171            <span id="carbonoTotal"></span>
172          </h1>
173          
174  
175
176        </div>
177      </div>
178    </div>
179
180  </div>
181</section>
182
183
184
185	
185<script>
186		// Configuración de la plantación 1
187		const arboles = 	10845;
188		const kg_por_arbol = 1.8;
189		const tiempo = 20;
190		const fecha = new Date("January 1, 2022");
191
192		// Configuración de la plantación 2
193		const arboles2 = 1322;
194		const kg_por_arbol2 = 1.8;
195		const tiempo2 = 20;
196		const fecha2 = new Date("April 1, 2023");
197		
198			// Configuración de la plantación 3
199	const arboles3 = 5919;
200		const kg_por_arbol3 = 1.25;
201		const tiempo3 = 20;
202		const fecha3 = new Date("January 1, 2023");
203		
204				// Configuración de la plantación 4
205	const arboles4 = 9311;
206		const kg_por_arbol4 = 1.25;
207		const tiempo4 = 20;
208		const fecha4 = new Date("July 1, 2024");
209		
210						// Configuración de la plantación 5
211	const arboles5 = 8030;
212		const kg_por_arbol5 = 1.25;
213		const tiempo5 = 20;
214		const fecha5 = new Date("April 1, 2025");
215		
216		
217
218		// Función para calcular la captura total de CO2
219		function calcularCarbonoTotal() {
220			const now = new Date();
221			const tiempo_transcurrido1 = (now.getTime() - fecha.getTime()) / (1000 * 60 * 60 * 24 * 365.25);
222			const kg_totales1 = arboles * kg_por_arbol;
223			const kg_capturadas1 = kg_totales1 * (tiempo_transcurrido1 / tiempo);
224			const co2_capturado1 = kg_capturadas1 * 1000;
225
226			const tiempo_transcurrido2 = (now.getTime() - fecha2.getTime()) / (1000 * 60 * 60 * 24 * 365.25);
227			const kg_totales2 = arboles2 * kg_por_arbol2;
228			const kg_capturadas2 = kg_totales2 * (tiempo_transcurrido2 / tiempo2);
229			const co2_capturado2 = kg_capturadas2 * 1000;
230			
231			
232			const tiempo_transcurrido3 = (now.getTime() - fecha3.getTime()) / (1000 * 60 * 60 * 24 * 365.25);
233			const kg_totales3 = arboles3 * kg_por_arbol3;
234			const kg_capturadas3 = kg_totales3 * (tiempo_transcurrido3 / tiempo3);
235			const co2_capturado3 = kg_capturadas3 * 1000;
236			
237					const tiempo_transcurrido4 = (now.getTime() - fecha3.getTime()) / (1000 * 60 * 60 * 24 * 365.25);
238			const kg_totales4 = arboles4 * kg_por_arbol4;
239			const kg_capturadas4 = kg_totales4 * (tiempo_transcurrido3 / tiempo3);
240			const co2_capturado4 = kg_capturadas4 * 1000;
241
242
243		const tiempo_transcurrido5 = (now.getTime() - fecha3.getTime()) / (1000 * 60 * 60 * 24 * 365.25);
244			const kg_totales5 = arboles4 * kg_por_arbol4;
245			const kg_capturadas5 = kg_totales4 * (tiempo_transcurrido3 / tiempo3);
246			const co2_capturado5 = kg_capturadas4 * 1000;
247
248			const co2_total = co2_capturado1 + co2_capturado2 + co2_capturado3+ co2_capturado4;
249			return co2_total.toLocaleString('es-ES', { minimumFractionDigits: 3, maximumFractionDigits: 3 });
250		}
251
252		// Función para actualizar el contador
253		function actualizarContador() {
254			const carbonoTotal = document.getElementById("carbonoTotal");
255			carbonoTotal.innerHTML = calcularCarbonoTotal();
256		}
257
258		// Ejecutar la función actualizarContador cada segundo
259		actualizarContador();
260		setInterval(actualizarContador, 1000);
261	</script>
261					</h1>
262                          
263                        </div>
264                    </div>
265                </div>
266            </div>
267        
268
269
270                </div>
271            </div>
272             </div>
273
274        </section>
275        
276        
277        <section class="wow fadeIn bg-white">
278            <div class="container">
279                
280                <div class="row">
281				
282				
283                 <!-- Árboles: automático desde bosques.htm -->
284<div class="col-12 col-lg-4 col-md-6 md-margin-ten-bottom md-padding-ten-left sm-padding-15px-left sm-margin-30px-bottom text-center wow fadeInDown">
285    <img src="images/ico-arboles-plantados.jpg" alt="plantar árboles">
286    <h2 id="total-arboles-index"
287        class="text-extra-dark-gray m-0 alt-font">—</h2>
288    <span class="d-block margin-three-bottom alt-font">
289        Árboles plantados
290    </span>
291</div>
292
293<!-- Participantes: actualización manual -->
294<div class="col-12 col-lg-4 col-md-6 md-margin-ten-bottom md-padding-ten-left sm-padding-15px-left sm-margin-30px-bottom text-center wow fadeInDown"
295     data-wow-delay="0.2s">
296    <img src="images/ico-asociados.jpg" alt="plantar árboles con el Club del Clima">
297    <h2 class="text-extra-dark-gray m-0 timer alt-font"
298        data-speed="3000" data-to="21150">21150</h2>
299    <span class="d-block margin-three-bottom alt-font">
300        Participantes
301    </span>
302</div>
303
304<!-- CO₂: automático desde bosques.htm -->
305<div class="col-12 col-lg-4 col-md-6 md-padding-ten-left sm-padding-15px-left sm-margin-30px-bottom text-center wow fadeInDown"
306     data-wow-delay="0.4s">
307    <img src="images/ico-tn-compensadas.jpg" alt="compensar CO2">
308    <h2 id="total-co2-index"
309        class="text-extra-dark-gray m-0 alt-font">—</h2>
310    <span class="d-block margin-three-bottom alt-font">
311        Tn de CO2 en compensación
312    </span>
313</div>
314                </div>
315            </div>
316        </section>
317		
318		
319		
320   <div class="container"> 
321		 <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12">
322                <div class="story__img-wrapper pt-20">
323                  <video loop  controls playsinline poster="images/videopatagonia.jpg" >
324                  <source src="images/patagonia.mp4" type="video/mp4" >
325                </video>
326                </div>
327              </div>
328
329		</div>	
330		
331
332        
333     <section class="wow fadeIn cover-background" alt="bosque nativo" style="position: relative;">
334    <video autoplay loop muted class="video-background" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;">
335        <source src="images/aves.mp4" type="video/mp4">
336    </video>
337    <div class="container" style="position: relative; z-index: 1;">
338    <div class="container">
339   
340           
341                <div class="row ">
342                    <div class="col-12 col-xl-12 col-md-12 margin-six-bottom md-margin-40px-bottom sm-margin-30px-bottom text-center text-lg-left">
343                        <h5 class="text-extra-dark-gray margin-15px-bottom text-uppercase text-large">ASOCIATE AHORA Y PLANTÁ</h5>
344                        <h3 class="alt-font text-extra-dark-gray  mb-0">¿Cómo compesar tus emisiones de CO2?</h3>
345                    </div>
346                </div>
347                <div class="row">
348                    <!-- start feature box item -->
349                    <div class="col-12 col-lg-12 col-md-12 text-center text-lg-left sm-margin-30px-bottom wow fadeIn last-paragraph-no-margin margin-50px-bottom" data-wow-delay="0.2s">
350                        <div class="row  align-items-center">
351                            <div class="col-12 col-lg-2 text-center sm-no-padding-lr">
352                                 <div class="d-inline-block "><div class=" text-white-2 icon-round-medium bg-verde alt-font title-large">8</div></div>
353                            </div>
354                            <div class="col-12 col-lg-10 margin-5px-top sm-text-center sm-no-padding-lr  text-medium">
355                                <h5 class="alt-font  text-extra-dark-gray margin-5px-bottom d-block">Son las Tn de CO2 que emitís anualmente </h5>
356                                <h6 class="alt-font  text-medium-gray margin-5px-bottom d-block">Promedio por persona en Argentina* </h6>
357                            </div>
358                        </div>
359                    </div>
360                    <!-- end feature box item -->
361                    
362                    
363                    <!-- start feature box item -->
364                    <div class="col-12 col-lg-12 col-md-12 text-center text-lg-left sm-margin-30px-bottom wow fadeIn last-paragraph-no-margin margin-50px-bottom" data-wow-delay="0.2s">
365                        <div class="row align-items-center">
366                            <div class="col-12 col-lg-2 text-center sm-no-padding-lr">
367                                 <div class="d-inline-block "><div class=" text-white-2 icon-round-medium bg-verde alt-font title-large">7</div></div>
368                            </div>
369                            <div class="col-12 col-lg-10 margin-5px-top sm-text-center sm-no-padding-lr">
370                                <h5 class="alt-font  text-extra-dark-gray margin-5px-bottom d-block">Árboles compensan tu emisión</h5>
371                                <h6 class="alt-font  text-medium-gray margin-5px-bottom d-block">Plantando 7 árboles anualmente vas neutralizando tus emisiones.</h6>
372                            </div>
373                        </div>
374                    </div>
375                    <!-- end feature box item -->
376                    
377                                        <!-- start feature box item -->
378          
379			
380                    <!-- end feature box item -->
381                </div>
382            </div>
383        </section>
384		
385		
386		
387		
388		
389        
390        <section class="wow fadeIn bg-white">
391            <div class="container"> 
392                <div class="row align-items-top">
393                    <div class="col-12 col-xl-6 col-lg-5 col-md-12 padding-eight-right text-center text-lg-left lg-padding-five-right md-padding-fifteen-lr md-margin-10px-bottom sm-pad
393ding-15px-lr wow fadeInLeft" data-wow-delay="0.2s">
394                        <div class="alt-font  margin-15px-bottom text-uppercase text-medium">Bosques con trazabilidad</div>
395                        <h3 class=" alt-font text-verde margin-35px-bottom sm-margin-25px-bottom">Certificamos la Captura de CO2</h3>
396						<p>Basados en tecnología de Geolocalización y blockchain certificamos digitalmente las plantaciones y la proyección de captura de CO2. </p><br>
397						 <div class="portfolio-img "><center><a href="https://certifylab.org/" target="_blank"><img src="images/logo-certify.png" alt="Certificación"/></center></a></div>
398
399                    </div>
400                    <div class="col-12 col-xl-6 col-lg-7 col-md-12 ">
401                        <div class="row">
402                            <div class="col-12 col-xl-6 col-md-6 text-center">
403                                <div class="row">
404                                    <!-- start feature box item -->
405                    <!-- start blog post item -->
406                    <div class=" col-12 margin-80px-top md-margin-10px-top md-margin-30px-bottom text-center text-md-left wow fadeInUp" data-wow-delay="0.4s">
407                        <div class="blog-post ">
408                            <div class="blog-post-images overflow-hidden position-relative md-height-250px">
409                                                        <li class="grid-item  wow fadeInUp last-paragraph-no-margin  margin-15px-bottom text-center" >
410                                    <a href="bosques15.html">
411                                     <div class="margin-50px-top texto-encima w-100 text-center">
412                                    <img class=" " src="images/logo-torneos.png" data-rjs="images/logo-torneos.png" alt="Donación de árboles para el bosque">
413									</div>
414                                                                           <figure>
415 											<div class="margin-200px-top md-margin-225px-top texto-encima w-100 text-center">
416                                     		<h2 class="text-white text-uppercase alt-font text-center timer" data-speed="2000" data-to="3615">3615</h2> 
417                                   			<h3 class="text-white  alt-font   text-center    ">árboles</h3>
418                                   		
419											</div>
420                                            <div class="portfolio-img "><img src="images/torneos-vertical.jpg" alt="bosque Club del Clima"/></div>
421                                        </figure>
422
423                                    </a>
424                                </li>
425                            </div>
426                            
427                        </div>
428                    </div>
429                                </div>
430                            </div>
431                          <div class="col-12 col-xl-6 col-md-6 text-center">
432                                <div class="row">
433                                    <!-- start feature box item -->
434                                    <div class="col-12  margin-30px-bottom sm-margin-30px-top text-center text-md-left wow fadeInUp" >
435						<div class="blog-post">
436                                    <li class="grid-item  wow fadeInUp last-paragraph-no-margin  margin-15px-bottom text-center" >
437                                    <a href="bosques11.htm">
438                                     <div class="margin-30px-top texto-encima w-100 text-center">
439                                    <img class=" " src="images/logo-dhl.png" data-rjs="images/logo-dhl.png" alt="Donación de árboles para el bosque">
440									</div>
441                                                                           <figure>
442 											<div class="margin-200px-top md-margin-325px-top texto-encima w-100 text-center">
443                                     		<h2 class="text-white text-up alt-font text-center timer" data-speed="2000" data-to="1580">1580</h2> 
444                                   			<h3 class="text-white  alt-font   text-center    ">árboles</h3>
445                                   													</div>
446                                            <div class="portfolio-img "><img src="images/bosque-home11.jpg" alt="bosque Club del Clima"/></div>
447                                        </figure>
448
449                                    </a>
450                                </li>
451                           
452                      		      </div>
453                      			  </div>
454                                    </div>
455                                </div>
456                            </div>
457                        </div>
458                    </div>
459                </div>
460            </div>
461        </section>
462        		
463		
464		
465		
466		
467		
468		
469		
470		
471        
472        
473                <!-- start parallax scrolling style 01 section -->
474        <section class="extra-big-section parallax wow fadeIn" data-stellar-background-ratio="0.5" style="background-image: url('images/arboles.jpg')" alt="Doná árboles nativos">>
475            <div class="container">
476                 <div class="row ">
477                    <div class="col-12 col-xl-8 col-md-12 margin-six-bottom md-margin-40px-bottom sm-margin-30px-bottom text-center text-lg-left">
478                        <h3 class="alt-font  mb-0 text-extra-dark-gray text-center text-lg-left">Conocé nuestros bosques, plantá y se parte de la solución.</h3>
479                        <a href="bosques.htm" class="btn btn-verde  btn-rounded sm-btn-extra-large  margin-six-top">CONOCÉ LOS BOSQUES</a>
480                    </div>
481                </div>
482            </div>
483        </section>
484        <!-- end parallax scrolling style 02 section -->
485        
486        
487        
488                <!-- start subscribe style 01 section -->
489        <section class="wow fadeIn color-code md-no-background-img" data-color="2" style="background: url('images/back-image1.png') left bottom no-repeat,url('images/back-image2.png') right top no-repeat">
490            <div class="container">
491                <div class="row justify-content-center">
492                    <div class="col-12 col-lg-7 text-center">
493                        <h4 class="alt-font text-extra-dark-gray">El bosque llega a tu correo</h4>
494                        <form name="contactform2" action="suscripcion.php" method="post" class="position-relative">
495                            <div id="success-subscribe-newsletter" class="mx-0"></div>
496                            <div class="input-group margin-40px-tb">
497                            <input name="email" type="email" class="extra-big-input form-control " placeholder="Email" id="email" pattern="^[A-Za-z0-9](([_\.\-]?[a-zA-Z0-9]+)*)@([A-Za-z0-9]+)(([\.\-]?[a-zA-Z0-9]+)*)\.([A-Za-z]{2,})$" />
498                                <div class="input-group-append">
499                                  <button id="submit" type="submit" class="btn btn-verde  btn-rounded btn-large ">Suscribirse</button>
500                                </div>
501                            </div>
502                        </form>
503                        <span class="text-extra-small">Recibí novedades y reportes escenciales de El Club del Clima.</span>
504                    </div>
505                </div>
506            </div>
507        </section>
508        <!-- end subscribe style 01 section -->
509        
509<script language="JavaScript">
510               var frmvalidator  = new Validator("contactform2");
511               frmvalidator.addValidation("email","req","Por favor, ingrese su email"); 
512               frmvalidator.addValidation("email","email","Por favor, ingrese un email válido"); 
513          </script>
513    
514        
515        
516        <footer class="footer-modern-dark bg-extra-dark-gray padding-five-tb sm-padding-30px-tb">
517            <div class="footer-widget-area ">
518                <div class="container">
519                    <div class="row align-items-center">
520                        <!-- start slogan -->
521                        <div class="col-lg-4 text-center text-md-left sm-margin-5px-bottom">
522                        <div class="row m-0">
523                            <div class="col-12 col-lg-3 col-md-4 pl-0 sm-no-padding-lr float-center md-float-center sm-margin-15px-bottom text-center  text-light-gray text-md-center">
524                             <a href="index.htm"><img class="footer-logo2 " src="images/logo-el-club-bco.png" data-rjs="images/logo-el-club-bco.png" alt="El Club del Clima"></a>
525                            </div>
526                            <div class="col-12 col-lg-9 col-md-8 p-0 margin-15px-top sm-margin-5px-top">
527                            <h6 class=" width-70 lg-width-100 no-margin-bottom text-light-gray alt-font ">El Club del Clima</h6>
528                            <h6 class=" width-70 lg-width-100 no-margin-bottom text-light-gray text-medium">Un cambio cultural</h6>
529                            </div>
530                            
531                            <div class="">
532                                <ul class="text-extra-small margin-20px-top sm-no-margin-bottom text-uppercase p-0 mb-0 list-unstyled text-md-right md-display-none">
533                                    <li class="d-inline-block margin-15px-right"><a href="quienes-somos.htm"  title="Quienes somos">QUIENES SOMOS</a></li>
534                                    <li class="d-inline-block margin-15px-right"><a href="bosques.htm"  title="Bosques">BOSQUES </a></li>
535                                    <li class="d-inline-block margin-15px-right"><a href="empresas.htm"  title="Empresas">EMPRESAS</a></li>
536                                    <li class="d-inline-block"><a href="participa.htm"  title="Participá">PARTICIPÁ</a></li>                                                             
537                                </ul>
538                            </div>
539
540                        </div>
541                        </div>
542                        <!-- end slogan -->
543                        <!-- start contact information -->
544                        <div class="col-lg-4 col-md-6 text-center  sm-margin-20px-bottom text-light-gray md-display-none elements-social social-icon-style-7">
545                         <ul class="medium-icon">
546                            <li><a class="twitter" href="https://twitter.com/clubdelclima" target="_blank"><i class="fab fa-twitter"></i><span></span></a></li>
547                            <li><a class="twitter" href="https://www.instagram.com/plantarse/" target="_blank"><i class="fab fa-instagram"></i><span></span></a></li>
548                        </ul>
549                        </div>
550                        <!-- end contact information -->
551                        
552
553                        <!-- start social media -->
554                        <div class="col-lg-4 col-md-6 social-style-2 text-right  text-light-gray text-md-right md-display-none">
555                        <a href="https://plantarse.org/" target="_blank"><img class="footer-logo " src="images/plantarse.png" data-rjs="images/plantarse.png" alt="Plantarse"></a>
556                         <div class=" text-md-right text-center text-extra-small ">&copy; 2023. El Club del Clima es una inicitativa de Plantarse</div>
557   
558                        </div>
559                        <!-- end social media -->
560                    </div>
561                </div>
562            </div>
563            
564        </footer>
565
566
567        
568        <!-- start scroll to top -->
569        <a class="scroll-top-arrow" href="javascript:void(0);"><i class="ti-arrow-up"></i></a>
570        <!-- end scroll to top  -->
571        
572        <!-- javascript libraries -->
573        
573<script type="text/javascript" src="js/jquery.js"></script>
573
574        
574<script type="text/javascript" src="js/modernizr.js"></script>
574
575        
575<script type="text/javascript" src="js/bootstrap.bundle.js"></script>
575
576        
576<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
576
577        
577<script type="text/javascript" src="js/skrollr.min.js"></script>
577
578        
578<script type="text/javascript" src="js/smooth-scroll.js"></script>
578
579        
579<script type="text/javascript" src="js/jquery.appear.js"></script>
579
580        
580<script type="text/javascript" src="js/bootsnav.js"></script>
580
581        
581<script type="text/javascript" src="js/jquery.nav.js"></script>
581
582        
582<script type="text/javascript" src="js/wow.min.js"></script>
582
583        
583<script type="text/javascript" src="js/page-scroll.js"></script>
583
584        
584<script type="text/javascript" src="js/swiper.min.js"></script>
584
585        
585<script type="text/javascript" src="js/jquery.count-to.js"></script>
585
586        
586<script type="text/javascript" src="js/jquery.stellar.js"></script>
586
587        
587<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
587
588        
588<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
588
589        
589<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
589
590        
590<script type="text/javascript" src="js/classie.js"></script>
590
591        
591<script type="text/javascript" src="js/hamburger-menu.js"></script>
591
592        
592<script type="text/javascript" src="js/counter.js"></script>
592
593        
593<script type="text/javascript" src="js/jquery.fitvids.js"></script>
593
594        
594<script type="text/javascript" src="js/skill.bars.jquery.js"></script>
594 
595        
595<script type="text/javascript" src="js/justified-gallery.min.js"></script>
595
596        
596<script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
596
597        
597<script type="text/javascript" src="js/retina.min.js"></script>
597
598        
598<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
598
599        
599<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
599
600        
600<script type="text/javascript" src="js/main.js"></script>
600
601        
602		
603		
604		
605		
606		
606<script>
607(function () {
608  function iniciar() {
609    // Encuentra los contadores por su ID o por el icono existente.
610    function encontrarContador(id, imagen) {
611      var elemento = document.getElementById(id);
612      if (elemento) return elemento;
613
614      var icono = document.querySelector('img[src$="' + imagen + '"]');
615      return icono ? icono.parentElement.querySelector('h2') : null;
616    }
617
618    var arboles = encontrarContador(
619      'total-arboles-index', 'ico-arboles-plantados.jpg'
620    );
621    var co2 = encontrarContador(
622      'total-co2-index', 'ico-tn-compensadas.jpg'
623    );
624
625    if (!arboles || !co2) {
626      console.error('No se encontraron los contadores de árboles y CO2.');
627      return;
628    }
629
630    // Evita que el contador anterior vuelva a colocar cifras fijas.
631    function preparar(elemento) {
632      var nuevo = elemento.cloneNode(true);
633      nuevo.classList.remove('timer');
634      nuevo.removeAttribute('data-to');
635      nuevo.textContent = '—';
636      elemento.replaceWith(nuevo);
637      return nuevo;
638    }
639
640    arboles = preparar(arboles);
641    co2 = preparar(co2);
642
643    function animar(elemento, total, decimales, duracion) {
644      var formato = new Intl.NumberFormat('es-AR', {
645        minimumFractionDigits: decimales,
646        maximumFractionDigits: decimales
647      });
648
649      elemento.textContent = formato.format(total);
650
651      if (
652        !('IntersectionObserver' in window) ||
653        window.matchMedia('(prefers-reduced-motion: reduce)').matches
654      ) return;
655
656      var observador = new IntersectionObserver(function (entradas) {
657        if (!entradas.some(function (entrada) {
658          return entrada.isIntersecting;
659        })) return;
660
661        observador.disconnect();
662        var inicio;
663
664        function paso(ahora) {
665          if (inicio === undefined) inicio = ahora;
666          var avance = Math.min((ahora - inicio) / duracion, 1);
667          var valor = total * (1 - Math.pow(1 - avance, 3));
668
669          elemento.textContent = formato.format(
670            decimales === 0 ? Math.round(valor) : valor
671          );
672
673          if (avance < 1) requestAnimationFrame(paso);
674        }
675
676        requestAnimationFrame(paso);
677      }, { threshold: 0.2 });
678
679      observador.observe(elemento);
680    }
681
682    fetch('bosques.htm', { cache: 'no-store' })
683      .then(function (respuesta) {
684        if (!respuesta.ok) {
685          throw new Error('Error al leer bosques.htm: ' + respuesta.status);
686        }
687        return respuesta.text();
688      })
689      .then(function (html) {
690        var pagina = new DOMParser().parseFromString(html, 'text/html');
691        var fichas = pagina.querySelectorAll(
692          '#forest-grid .forest-item[data-trees]'
693        );
694
695        if (!fichas.length) {
696          throw new Error('bosques.htm no contiene las fichas esperadas.');
697        }
698
699        var total = 0;
700
701        fichas.forEach(function (ficha) {
702          var cantidad = ficha.getAttribute('data-trees').trim();
703
704          if (!/^\d+$/.test(cantidad)) {
705            throw new Error('Cantidad inválida en un bosque: ' + cantidad);
706          }
707
708          total += Number(cantidad);
709        });
710
711        animar(arboles, total, 0, 3000);
712        animar(co2, Math.round(total * 120) / 100, 1, 4000);
713      })
714      .catch(function (error) {
715        arboles.title = co2.title = 'Datos temporalmente no disponibles';
716        console.error('Totales del Club del Clima:', error.message);
717      });
718  }
719
720  if (document.readyState === 'loading') {
721    document.addEventListener('DOMContentLoaded', iniciar);
722  } else {
723    iniciar();
724  }
725})();
726</script>
726
727    </body>
728</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.