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 ">© 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.