1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <meta name="google-site-verification" content="83C4ebWejkGw4zGXZ0eQWmyqW6tMTMaSL2wZMQ6r9lw"> 8 <link rel="shortcut icon" href="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/fv-plastic.jpg"> 9 <link rel="preload" 10 href="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/m-plasticcycle-plastic-never-dies-english-3.avif" 11 as="image"> 12 13 <title>About Us | Plastic Disposal | Plasticcycle Sri Lanka</title> 14 <meta name="description" 15 content="Initiated with the vision of being the catalyst in significantly reducing plastic pollution in Sri Lanka. Pasticcycle was launched through the introduction of bins to collect recyclable plastic waste and encourage people and businesses to Refuse, Reduce, Reuse and Recycle plastic."> 16 <meta name="keywords" 17 content="Plastic recycling, Plastic disposal, Waste disposal, Plastic Cycle, plastic pollution"> 18 19
19<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v8.0" 20 nonce="RqMnSR7X"></script>
20 21 22 <style> 23 .grecaptcha-badge { 24 visibility: hidden; 25 } 26 </style> 27 28 <!--
28<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-N4HCBW2"></script>
28 --> 29
29<script>window.dataLayer = window.dataLayer || []; 30 31 function gtag() { 32 dataLayer.push(arguments); 33 } 34 gtag('js', new Date()); 35 36 gtag('config', 'GTM-N4HCBW2');</script>
36 37 38 <link rel="canonical" href="https://www.plasticcycle.lk/about-us/" /> 39 <meta name="robots" content="index, follow"> 40 41 <meta property="og:locale" content="en_US"> 42 <meta property="og:type" content="website" /> 43 <meta property="og:type" content="article"> 44 <meta property="og:title" content="About Us -"> 45 <meta property="og:url" content="/about-us/"> 46 <meta property="article:modified_time" content="2021-05-09T17:18:36+00:00"> 47 <meta name="twitter:card" content="summary_large_image"> 48
48<script type="application/ld+json" 49 class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"/about-us/","url":"/about-us/","name":"About Us -","isPartOf":{"@id":"/#website"},"datePublished":"2020-08-27T04:36:43+00:00","dateModified":"2021-05-09T17:18:36+00:00","breadcrumb":{"@id":"/about-us/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["/about-us/"]}]},{"@type":"BreadcrumbList","@id":"/about-us/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"/"},{"@type":"ListItem","position":2,"name":"About Us"}]},{"@type":"WebSite","@id":"/#website","url":"/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}</script>
49 50 51 <link rel="stylesheet" id="ht_ctc_main_css-css" 52 href="/wp-content/plugins/click-to-chat-for-whatsapp/new/inc/assets/css/main.css?ver=4.6" media="all"> 53 <link rel="stylesheet" id="premium-addons-css" 54 href="/wp-content/plugins/premium-addons-for-elementor/assets/frontend/min-css/premium-addons.min.css?ver=4.10.44" 55 media="all"> 56 <link rel="stylesheet" id="wp-block-library-css" href="/wp-includes/css/dist/block-library/style.min.css?ver=6.6.1" 57 media="all"> 58 59 <link rel="stylesheet" href="/wp-content/themes/jkh-plastic-cycle/assets/css/ChatBot.module.css" /> 60 61 <link rel="stylesheet" id="bootstrap-css" 62 href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css?ver=4.0.0" media="all" /> 63 <link rel="stylesheet" id="typekit-css" href="https://use.typekit.net/uas1hif.css?ver=1.0.0" media="all" /> 64 65 <link rel="stylesheet" id="pc-styles-css" 66 href="/wp-content/themes/jkh-plastic-cycle/assets/css/pc-custom.css?ver=1.0.2" media="all" /> 67 68 <link rel="stylesheet" id="pc-media-styles-css" 69 href="/wp-content/themes/jkh-plastic-cycle/assets/css/pc-media.css?ver=1.0.0" media="all" /> 70 71 <link rel="stylesheet" id="pc-styles-css" 72 href="/wp-content/themes/jkh-plastic-cycle/assets/css/pc-new-custom.css?ver=1.0.2" media="all" /> 73 74 <link rel="stylesheet" href="/wp-content/themes/jkh-plastic-cycle/assets/css/ChatBot.module.css" /> 75 76 <link rel="stylesheet" id="pc-cookie-css" 77 href="/wp-content/themes/jkh-plastic-cycle/assets/css/cookieconsent.min.css?ver=1.0.0" media="all" /> 78 79 <link rel="stylesheet" href="/wp-content/themes/jkh-plastic-cycle/assets/css/cookieconsent.min.css?ver=1.0.0" 80 media="all" /> 81 82
82<script src="https://code.jquery.com/jquery-3.3.1.min.js?ver=3.3.1" id="jquery-js" defer></script>
82 83 84 <meta name="generator" 85 content="Elementor 3.23.4; features: e_optimized_css_loading, e_font_icon_svg, additional_custom_breakpoints, e_lazyload; settings: css_print_method-internal, google_font-enabled, font_display-swap" /> 86 <style> 87 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), 88 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { 89 background-image: none !important; 90 } 91 92 @media screen and (max-height: 1024px) { 93 94 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), 95 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { 96 background-image: none !important; 97 } 98 } 99 100 @media screen and (max-height: 640px) { 101 102 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), 103 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { 104 background-image: none !important; 105 } 106 } 107 </style> 108 <noscript> 109 <style> 110 .lazyload[data-src] { 111 display: none !important; 112 } 113 </style> 114 </noscript> 115 <style> 116 .lazyload { 117 background-image: none !important; 118 } 119 120 .lazyload:before { 121 background-image: none !important; 122 } 123 </style> 124 125
125<script>
vendor: 546 bytes, lines 125-138
125(function (w, d, s, l, i) { 126 w[l] = w[l] || []; 127 w[l].push({ 128 'gtm.start': new Date().getTime(), 129 event: 'gtm.js' 130 }); 131 var f = d.getElementsByTagName(s)[0], 132 j = d.createElement(s), 133 dl = l != 'dataLayer' ? '&l=' + l : ''; 134 j.async = true; 135 j.src = 136 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 137 f.parentNode.insertBefore(j, f); 138 })(window, document, 'script', 'dataLayer', '
138GTM-N4HCBW2
vendor: 3 bytes, line 138
138');
138</script>
138 139 140 <style> 141 .bar1, 142 .bar2, 143 .bar3 { 144 background-color: #517d96; 145 } 146 147 /* Mobile Language Header Styles */ 148 .mobile-lang-header { 149 display: none; 150 } 151 152 @media (max-width: 767px) { 153 .desktop-lang { 154 display: none !important; 155 } 156 157 .mobile-lang-header { 158 display: flex !important; 159 justify-content: center; 160 align-items: center; 161 background-color: #88c045; 162 padding: 8px 0; 163 width: 100%; 164 position: fixed; 165 top: 0; 166 left: 0; 167 z-index: 10000; 168 height: 36px; 169 } 170 171 .mobile-lang-header a { 172 color: #ffffff !important; 173 text-decoration: none; 174 font-size: 14px; 175 font-weight: 600; 176 font-family: sans-serif; 177 } 178 179 .lang-divider { 180 color: #ffffff; 181 margin: 0 15px; 182 font-size: 14px; 183 } 184 185 .top-nav-section { 186 top: 36px !important; 187 } 188 189 } 190 </style> 191
191<script async src="https://cse.google.com/cse.js?cx=72e6f05ce730e4d9e"></script>
191 192</head> 193 194<body class="page-template-default page page-id-15 elementor-default elementor-kit-3736"> 195 196 <div class="mobile-lang-header"> 197 <div> 198 <a href="/sinhala/about-us" class="wht-pls-txt-set-05">à·à·à¶à·à¶½</a> 199 </div> 200 <div class="vertical-divider"></div> 201 <div> 202 <a href="/tamil/about-us" class="wht-pls-txt-set-05">தமிழà¯</a> 203 </div> 204 </div> 205 <div class="top-nav-section" id="navbar"> 206 <div class="main-logo"> 207 <a href="/" aria-label="Go to homepage"> 208 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/logo-top-v3-new-1.webp" 209 alt="Plasticcycle Sri Lanka" width="252" height="77" decoding="async" loading="eager" 210 style="width: 243px; height: 74px;"> 211 </a> 212 </div> 213 </div> 214 215 <div class="nav-sinhala desktop-lang"> 216 <a href="/sinhala/about-us" class="wht-pls-txt-set-05" style="color: #517d96"> 217 à·à·à¶à·à¶½ 218 </a> 219 </div> 220 221 <div class="nav-tamil desktop-lang"> 222 <a href="/tamil/about-us" class="wht-pls-txt-set-05" style="color: #517d96"> 223 தமிழ௠224 </a> 225 </div> 226 227 <div class="nav-search"> 228 <a id="search-toggle" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" 229 aria-controls="collapseExample"> 230 <img alt="Plasticcycle Sri Lanka" class="iconsearch ls-is-cached lazyloaded" 231 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp" loading="lazy" 232 width="40px" height="40px" 233 data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp" 234 decoding="async" data-eio-rwidth="40" data-eio-rheight="40"> 235 </a> 236 </div> 237 238 <div class="nav-hamberger"> 239 <div class="nav-block-fade" onclick="myFunction(this)"> 240 <div class="bar1"></div> 241 <div class="bar2"></div> 242 <div class="bar3"></div> 243 </div> 244 </div> 245 <div class="main-nav-block right-brand-bolock"> 246 <div class="menu-button-set"> 247 <ul> 248 <li><a href="/about-us" class="menu-pill">About Us</a></li> 249 <li> 250 <a href="/locate-our-bins" class="menu-pill">Locate Our Bins</a> 251 </li> 252 <li><a href="/our-news/" class="menu-pill">Our News</a></li> 253 254 <li> 255 <a href="/take-the-4r-pledge" class="menu-pill">Take the 4R Pledge</a> 256 </li> 257 258 <li> 259 <a href="https://forms.office.com/r/kWZFRdcT7t" target="_blank" class="menu-pill" 260 rel="noopener noreferrer">Take Our Survey</a> 261 </li> 262 <li> 263 <a href="/our-strategic-partners" class="menu-pill">Our Strategic Partners</a> 264 </li> 265 <li><a href="/faq" class="menu-pill">FAQ</a></li> 266 <li><a href="/contact-us" class="menu-pill">Contact Us</a></li> 267 <li> 268 <a href="https://www.facebook.com/plasticcycle" target="_blank" rel="noopener noreferrer"><img 269 alt="Plasticcycle Sri Lanka" 270 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 271 loading="lazy" 272 data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/facebook-outline-new.webp" 273 decoding="async" class="lazyload" /><noscript><img alt="Plasticcycle Sri Lanka - Facebook" 274 width="60" height="60" 275 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/facebook-outline-new.webp" 276 loading="lazy" data-eio="l" /></noscript></a> 277 <a href="https://www.instagram.com/plasticcycle/" target="_blank" rel="noopener noreferrer"><img 278 alt="Plasticcycle Sri Lanka" 279 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 280 loading="lazy" 281 data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/inster-outline-new.webp" 282 decoding="async" class="lazyload" /><noscript><img alt="Plasticcycle Sri Lanka - Instagram" 283 width="60" height="60" 284 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/inster-outline-new.webp" 285 loading="lazy" data-eio="l" /></noscript></a> 286 </li> 287 </ul> 288 </div> 289 </div> 290 291 <style> 292 .head-conatiner { 293 display: flex; 294 flex-direction: row; 295 align-items: center; 296 width: 100%; 297 298 } 299 300 .search-conatiner { 301 width: calc(100% - 40px) !important; 302 height: 50px; 303 } 304 305 .gssb_c { 306 z-index: +1111111 !important; 307 } 308 309 .close-btn { 310 padding: 7px 20px !important; 311 background-color: #6c757d; 312 text-align: center; 313 color: white; 314 font-size: 24px; 315 text-decoration: none !important; 316 } 317 318 .close-btn:hover { 319 color: white; 320 } 321 322 .gsc-control-cse { 323 padding: 0 !important; 324 height: 100% !important; 325 border: none; 326 } 327 328 #___gcse_0 { 329 height: 100% !important; 330 } 331 332 .gsc-control-cse .gsc-control-cse-en { 333 height: 100% !important; 334 } 335 336 .gsc-search-button { 337 height: 50px !important; 338 cursor: pointer !important; 339 340 } 341 342 .gsc-search-button-v2 { 343 padding: 0 17px !important; 344 background-color: transparent !important; 345 border: 1px solid #ced4da !important; 346 margin-right: 2px; 347 transition: 0.5s ease; 348 } 349 350 .gsc-search-button-v2 svg { 351 fill: gray !important; 352 height: 20px !important;
353 width: 20px !important; 354 transition: 0.5s ease; 355 } 356 357 .gsc-search-button-v2:hover { 358 background-color: #6c757d !important; 359 } 360 361 .gsc-search-button-v2:hover svg { 362 fill: #ffffff !important; 363 } 364 365 .gsib_a { 366 padding: 0 10px !important; 367 height: 48px !important; 368 } 369 </style> 370 <style> 371 .main-nav-block { 372 overflow-y: auto !important; 373 } 374 375 .menu-button-set { 376 overflow-y: auto !important; 377 } 378 379 .page-banner-section { 380 position: relative; 381 width: 100%; 382 height: 450px; 383 384 margin-top: 84px; 385 386 background-size: cover; 387 background-position: center; 388 background-repeat: no-repeat; 389 display: flex; 390 align-items: center; 391 overflow: hidden; 392 } 393 394 .banner-overlay { 395 position: absolute; 396 top: 0; 397 left: 0; 398 width: 100%; 399 height: 100%; 400 z-index: 1; 401 } 402 403 .banner-container { 404 position: relative; 405 z-index: 2; 406 width: 100%; 407 max-width: 1200px; 408 margin-right: auto; 409 margin-left: auto; 410 padding-left: 60px; 411 padding-right: 40px; 412 } 413 414 .banner-content { 415 max-width: 750px; 416 text-align: left; 417 } 418 419 /* Title Styling */ 420 .banner-title { 421 font-family: 'raleway', sans-serif; 422 font-size: 52px; 423 font-weight: 700; 424 margin-bottom: 15px; 425 text-transform: uppercase; 426 letter-spacing: 2px; 427 color: #ffffff; 428 } 429 430 /* Description Styling */ 431 .banner-description { 432 font-family: 'raleway', sans-serif; 433 font-size: 18px; 434 line-height: 1.6; 435 font-weight: 400; 436 color: #ffffff; 437 margin: 0; 438 } 439 440 /* Responsive adjustments for Mobile/Tablets */ 441 @media only screen and (max-width: 1199px) { 442 .banner-container { 443 padding-left: 40px; 444 } 445 } 446 447 @media only screen and (max-width: 991px) { 448 .page-banner-section { 449 height: 380px; 450 margin-top: 84px; 451 } 452 453 .banner-title { 454 font-size: 42px; 455 } 456 457 .banner-description { 458 font-size: 16px; 459 } 460 } 461 462 @media only screen and (max-width: 767px) { 463 .page-banner-section { 464 height: 320px; 465 margin-top: 117px; 466 } 467 468 .banner-container { 469 padding-left: 20px; 470 padding-right: 20px; 471 } 472 473 .banner-title { 474 font-size: 34px; 475 margin-bottom: 12px; 476 } 477 478 .banner-description { 479 font-size: 14px; 480 line-height: 1.5; 481 } 482 } 483 </style> 484 485 <div class="collapse search-input-block" id="collapseExample"> 486 <div class="card card-body"> 487 <div class="head-conatiner"> 488 <div class="search-conatiner"> 489 <div class="gcse-search"></div> 490 </div> 491 492 <a class="close-btn" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" 493 aria-controls="collapseExample"> 494 X 495 </a> 496 </div> 497 </div> 498 </div> 499 500 <div class="col-12 no-padding"> 501 <header> 502 <div id="demo" class="carousel slide carousel-fade" data-ride="carousel" data-interval="3000"> 503 504 <div class="carousel-inner"> 505 506 <div class="carousel-item active"> 507 <div class="page-banner-section" 508 style="background-image: url('https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/about-us/about-us-banner-image.webp');"> 509 <div class="banner-overlay"></div> 510 <div class="banner-container"> 511 <div class="banner-content"> 512 <h1 class="banner-title txt-en">About Us</h1> 513 </div> 514 </div> 515 </div> 516 </div> 517 518 </div> 519 </div> 520 <div class="light-containler pt-4"> 521 <p id="breadcrumbs" class="bread_crumb"><span class="bredcrubs-left"><a href="/">Home</a></span> »
522 <span class="breadcrumb_last" aria-current="page">About Us</span></span> 523 </p> 524 </div> 525 526 </div> 527 </header> 528 529 <div id="keysettrtop" class="col-12"> 530 <div class="light-containler container-fluid" style="padding: 2% 4%;"> 531 <div class="custom-heading pb-5 mb-3 slide-left-on-load animate-on-scroll visible"> 532 <div class="vertical-line"></div> 533 <h1 class="mb-0"> 534 <span class="main-text text-green">Who</span> 535 <span class="sub-text text-muted"> We Are</span> 536 </h1> 537 </div> 538 <p class="para-a mx-auto" style="text-align: justify;"> 539 Plasticcycle is a Social Entrepreneurship Project by John Keells Group with an aim at 540 reducing plastic pollution, through encouraging reduction in the use of single-use plastics, 541 supporting responsible disposal and promoting recycling initiatives. The John Keells Group, 542 acknowledging the fact that products and services provided by the Group also contribute to 543 the plastic pollution problem, launched Plasticcycle in July 2017, with a vision of being a 544 catalyst in significantly reducing plastic pollution in Sri Lanka. The mismanagement of 545 plastic waste has resulted in our landfills and the environment exceeding their carrying 546 capacities and Plasticcycle aims to initiate and support in
546implementing sustainable</p> 547 </div> 548 </div> 549 550 551 <div class="light-container focus-areas animate-on-scroll py-5 mt-5 visible" 552 style="background-image: url('https://plasticcycle-2023.sgp1.digitaloceanspaces.com/focus-area-shape-2.webp'); background-size: auto; background-repeat: no-repeat; background-position: bottom right; background-color: #e9f5e9a4;"> 553 <div class="custom-heading pb-5 mb-3 slide-right-on-load animate-on-scroll visible"> 554 <div class="vertical-line"></div> 555 <h1 class="mb-0 text-center"> 556 <span class="main-text text-green">Our 3 Key</span> 557 <span class="sub-text text-muted"> Focus Areas</span> 558 </h1> 559 </div> 560 <div class="row"> 561 <!-- Card 1 --> 562 <div class="col-md-4 mb-4"> 563 <a href="/about-us/#encouraging_reduction"> 564 <div class="card focus-area h-100 position-relative"> 565 <div class="donation-card-shape"></div> <!-- Only one background mask --> 566 567 <div class="position-relative"> 568 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Encouraging-reduction-in-the-usage-of-single-use-plastics.webp" 569 alt="group of girls in awareness seminar" class="card-img-top" width="342px" 570 height="228px"> 571 </div> 572 573 <div class="card-body d-flex flex-column position-relative text-center"> 574 <img class="image-mask" 575 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/focus-mask-img.webp" 576 alt="group of girls in awareness seminar"> 577 <h5 class="card-title text-center title-forcus"> 578 Encouraging reduction in the usage of single-use plastics 579 </h5> 580 <div class="focus-button text-center"> 581 <a href="/about-us/#encouraging_reduction" class="btn btn-success mt-auto"> 582 More Info 583 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/right-arrow.webp" 584 alt="Arrow" style="width: 14px; height: 14px; margin-left: 4px;" /> 585 </a> 586 </div> 587 588 </div> 589 </div> 590 </a> 591 </div> 592 593 <!-- Card 2 --> 594 <div class="col-md-4 mb-4"> 595 <a href="/about-us/#supporting_responsible"> 596 <div class="card focus-area h-100"> 597 <div class="position-relative"> 598 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Supporting-responsible-disposal.webp" 599 alt="supporting responsible disposal" class="card-img-top" width="342px" height="228px"> 600 </div> 601 <div class="card-body d-flex flex-column position-relative text-center"> 602 <img class="image-mask" 603 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/focus-mask-img.webp" 604 alt="group of girls in awareness seminar"> 605 <h5 class="card-title text-center title-forcus">Supporting responsible disposal</h5> 606 <div class="focus-button text-center"> 607 <a href="/about-us/#supporting_responsible" class="btn btn-success mt-auto"> 608 More Info 609 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/right-arrow.webp" 610 alt="Arrow" style="width: 14px; height: 14px; margin-left: 4px;" /> 611 </a> 612 </div> 613 </div> 614 </div> 615 </a> 616 </div> 617 618 <!-- Card 3 --> 619 <div class="col-md-4 mb-4"> 620 <a href="/about-us/#promoting_recycling"> 621 <div class="card focus-area h-100"> 622 <div class="position-relative"> 623 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Promoting-recycling-initiatives-%26-innovation.webp" 624 alt="three individuals signing documents for promoting recycling initiatives" 625 class="card-img-top" width="342px" height="228px"> 626 </div> 627 <div class="card-body d-flex flex-column position-relative text-center"> 628 <img class="image-mask" 629 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/focus-mask-img.webp" 630 alt="group of girls in awareness seminar"> 631 <h5 class="card-title text-center title-forcus">Promoting recycling initiatives and 632 innovation</h5> 633 <div class="focus-button text-center"> 634 <a href="/about-us/#promoting_recycling" class="btn btn-success mt-auto"> 635 More Info 636 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/right-arrow.webp" 637 alt="Arrow" style="width: 14px; height: 14px; margin-left: 4px;" /> 638 </a> 639 </div> 640 </div> 641 </div> 642 </a> 643 </div> 644 </div> 645 </div> 646 647 <div id="encouraging_reduction" style="scroll-margin-top: 50px;" class="col-12"> 648 <div class="light-containler container-fluid mt-5" style="padding: 2% 4%;"> 649 <div class="custom-heading pb-5 mb-3 slide-right-on-load animate-on-scroll visible"> 650 <div class="vertical-line ver-2"></div> 651 <h1 class="mb-0 text-center">
652 <span class="main-text text-green">Encouraging Reduction</span> 653 <span class="sub-text text-muted">in the usage of <br>Single-Use 654 Plastics</span> 655 </h1> 656 </div> 657 <p class="para-a mx-auto" style="text-align: justify;"> 658 Plasticcycle continuously promotes the 4Râs â Refuse, Reduce, Reuse, and Recycle striving to 659 raise awareness among the general public and encourage behavioral change. By using both 660 traditional and digital methods, we aim to inspire individuals to reduce their plastic 661 footprint. A key part of our efforts is encouraging young change makers, who are our future 662 leaders, through awareness sessions conducted at schools. We also inspire long-term 663 commitments through the Plasticcycle pledge.</p> 664 665 <p class="para-a mx-auto" style="text-align: justify;"> 666 Additionally, we collaborate with public sector stakeholders, including Municipal Councils, 667 to educate those on the ground in the value chain about the importance of responsible waste 668 collection and management, and how their work can make a difference to the country. 669 Furthermore, we work alongside the Marine Environmental Protection Authority (MEPA) to 670 empower coastal communities and educate them on the importance of preserving the beaches and 671 reefs around the country. We also conducted awareness sessions for field officers on 672 invitation from the Sectoral Oversight Committee on Environment, Natural Resources & 673 Sustainable Development, further strengthening their understanding of sustainable practices 674 and plastic waste management.</p> 675 </div> 676 </div> 677 678 <div id="keysettrtop" class="col-12"> 679 <div class="light-containler container-fluid" style="padding: 2% 4%; padding-top: 0;"> 680 <div class="row mt-5 pt-2"> 681 <div class="col-lg-6 mb-4 mb-lg-5"> 682 <div class="plastic-card style3 h-100"> 683 <div class="row"> 684 <div class="col-md-7 pl-0 my-auto"> 685 <div class="box-thumb"> 686 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/plastic_cycle_our_news-1.webp" 687 alt="Plastic Recycling"> 688 </div> 689 </div> 690 <div class="col-md-5 pr-0 my-auto"> 691 <div class="box-content"> 692 <h5 class="box-title mb-0">Awareness programmes conducted for Schools in Colombo 693 02 694 </h5> 695 </div> 696 </div> 697 </div> 698 </div> 699 </div> 700 701 <div class="col-lg-6 mb-4 mb-lg-5"> 702 <div class="plastic-card style3 h-100"> 703 <div class="row"> 704 <div class="col-md-7 pl-0 my-auto"> 705 <div class="box-thumb"> 706 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/plastic_cycle_our_news-4.webp" 707 alt="Plastic Recycling"> 708 </div> 709 </div> 710 <div class="col-md-5 pr-0 my-auto"> 711 <div class="box-content"> 712 <h5 class="box-title mb-0">Plasticcycle Pledge Events</h5> 713 </div> 714 </div> 715 </div> 716 </div> 717 </div> 718 719 <div class="col-lg-6 mb-4 mb-lg-5"> 720 <div class="plastic-card style3 h-100"> 721 <div class="row"> 722 <div class="col-md-7 pl-0 my-auto"> 723 <div class="box-thumb"> 724 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/plastic_cycle_our_news-2.webp" 725 alt="Plastic Recycling"> 726 <div class="plastic-card-shape bg-mask"> 727 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/plastic-card-shape2-1.webp" 728 alt=""> 729 </div> 730 </div> 731 </div> 732 <div class="col-md-5 pr-0 my-auto"> 733 <div class="box-content"> 734 <h5 class="box-title mb-0">Awareness programmes being conducted for commuters on 735 the 736 Southern Expressway</h5> 737 </div> 738 </div> 739 </div> 740 </div> 741 </div> 742 743 <div class="col-lg-6 mb-4 mb-lg-5"> 744 <div class="plastic-card style3 h-100"> 745 <div class="row"> 746 <div class="col-md-7 pl-0 my-auto"> 747 <div class="box-thumb"> 748 <img src="https://sgp1.digitaloceanspaces.com/plasticcycle-2023/plasticcycle_our_news_4.webp" 749 alt="Plastic Recycling"> 750 </div> 751 </div> 752 <div class="col-md-5 pr-0 my-auto"> 753 <div class="box-content"> 754 <h5 class="box-title mb-0">Colombo Municipal Council (CMC) waste management team 755 during 756 an awareness programme at recycling plant</h5> 757 </div> 758 </div> 759 </div> 760 </div> 761 </div> 762 </div> 763 </div> 764 </div> 765 766 <div class="col-12" id="supporting_responsible" style="scroll-margin-top: 50px;"> 767 <div class="light-containler container-fluid mt-5" style="padding: 2% 4%;"> 768 <div class="custom-heading pb-5 mb-3 slide-right-on-load animate-on-scroll visible"> 769 <div class="vertical-line"></div> 770 <h1 class="mb-0 text-center">
771 <span class="main-text text-green">Supporting</span> 772 <span class="sub-text text-muted">Responsible Disposal</span> 773 </h1> 774 </div> 775 <p class="para-a mx-auto" style="text-align: justify;"> 776 With the aim of providing avenues for responsible disposal, Plasticcycle has placed over 777 300 778 specially designed bins across the island with expansions to the Northern and 779 Sabaragamuwa 780 regions. Since 2017/18, Plasticcycle has successfully collected 215,124 kg of plastic 781 waste 782 through these initiatives. 783 </p> 784 <p class="para-a mx-auto" style="text-align: justify;"> 785 Based on the positive response to the bins, Plasticcycle has expanded its efforts to 786 include 787 popular retail outlets, housing developments, recognized sports complexes, schools, 788 universities, and places of recreation. Working alongside manufacturing companies like 789 Eco-Spindles, a subsidiary of BPPL Holdings PLC, Plasticcycle has contributed to the 790 production of value-added products using recycled plastic, including monofilaments for 791 cleaning tools and yarn for fabric manufacturers worldwide. In addition to these 792 efforts, 793 Plasticcycle works with dedicated collectors and monitoring partners such as 794 Eco-Spindles 795 and Enviro. 796 </p> 797 798 <div class="row mt-5 pt-2"> 799 <div class="col-lg-6 mb-4 mb-lg-5"> 800 <div class="plastic-card style3 h-100"> 801 <div class="row"> 802 <div class="col-md-7 pl-0 my-auto"> 803 <div class="box-thumb"> 804 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/res-plastic_cycle_our_news-1.webp" 805 alt="Plastic Recycling"> 806 </div> 807 </div> 808 <div class="col-md-5 pr-0 my-auto"> 809 <div class="box-content"> 810 <h5 class="box-title mb-0">Plasticcycle bins at popular sports complexes 811 </h5> 812 </div> 813 </div> 814 </div> 815 </div> 816 </div> 817 818 <div class="col-lg-6 mb-4 mb-lg-5"> 819 <div class="plastic-card style3 h-100"> 820 <div class="row"> 821 <div class="col-md-7 pl-0 my-auto"> 822 <div class="box-thumb"> 823 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/res-plastic_cycle_our_news-2.webp" 824 alt="Plastic Recycling"> 825 </div> 826 </div> 827 <div class="col-md-5 pr-0 my-auto"> 828 <div class="box-content"> 829 <h5 class="box-title mb-0">Plasticcycle bins on the expressways</h5> 830 </div> 831 </div> 832 </div> 833 </div> 834 </div> 835 836 <div class="col-lg-6 mb-4 mb-lg-5"> 837 <div class="plastic-card style3 h-100"> 838 <div class="row"> 839 <div class="col-md-7 pl-0 my-auto"> 840 <div class="box-thumb"> 841 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/res-plastic_cycle_our_news-3.webp" 842 alt="Plastic Recycling"> 843 </div> 844 </div> 845 <div class="col-md-5 pr-0 my-auto"> 846 <div class="box-content"> 847 <h5 class="box-title mb-0">Hemas Consumer Brands signs Memorandum of 848 understanding 849 with John Keells Holdings</h5> 850 </div> 851 </div> 852 </div> 853 </div> 854 </div> 855 856 <div class="col-lg-6 mb-4 mb-lg-5"> 857 <div class="plastic-card style3 h-100"> 858 <div class="row"> 859 <div class="col-md-7 pl-0 my-auto"> 860 <div class="box-thumb"> 861 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/res-plastic_cycle_our_news-4.webp" 862 alt="Plastic Recycling"> 863 </div> 864 </div> 865 <div class="col-md-5 pr-0 my-auto"> 866 <div class="box-content"> 867 <h5 class="box-title mb-0">Plasticcycle bins at Supermarkets</h5> 868 </div> 869 </div> 870 </div> 871 </div> 872 </div> 873 </div> 874 </div> 875 </div> 876 877 <div id="promoting_recycling" style="scroll-margin-top: 50px;" class="col-12"> 878 <div class="light-containler container-fluid mt-5" style="padding: 2% 4%;"> 879 <div class="custom-heading pb-5 mb-3 slide-right-on-load animate-on-scroll visible"> 880 <div class="vertical-line"></div> 881 <h1 class="mb-0 text-center">
882 <span class="main-text text-green">Promoting</span> 883 <span class="sub-text text-muted">Recycling Initiatives</span> 884 </h1> 885 </div> 886 <p class="para-a mx-auto" style="text-align: justify;"> 887 Plastic Modified Asphalt Concrete (PMAC) is one of the innovative solutions being used to tackle the 888 issue of non-recyclable plastic waste. Through a partnership with AGC Innovate, 889 non-recyclable plastic is processed into a stronger asphalt mix, which is then used for 890 roads, car parks, and driveways, offering both environmental and infrastructural 891 benefits. 892 </p> 893 <p class="para-a mx-auto" style="text-align: justify;"> 894 Another key initiative is the Start-Up-Cycle challenge, launched in 2023 895 in collaboration with John Keells X and John Keells Research. This platform gives startups 896 and entrepreneurs the opportunity to develop practical solutions to reduce plastic waste in 897 key industries. At the Demo Day held at Cinnamon Grand, three standout solutions were 898 selected for further development and prototyping. Now in its second year, Start-Up-Cycle 899 continues to support innovators in creating commercially viable, sustainable alternatives to plastic 900 products, reinforcing our commitment to long-term change in reducing plastic pollution. 901 </p> 902 903 <div class="row mt-5 pt-2"> 904 <div class="col-lg-6 mb-4 mb-lg-5"> 905 <div class="plastic-card style3 h-100"> 906 <div class="row"> 907 <div class="col-md-7 pl-0 my-auto"> 908 <div class="box-thumb"> 909 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Eco-friendly-solutions.webp" 910 alt="Plastic Recycling"> 911 </div> 912 </div> 913 <div class="col-md-5 pr-0 my-auto"> 914 <div class="box-content"> 915 <h5 class="box-title mb-0">Eco-friendly solutions in action â sustainable bento 916 box 917 </h5> 918 </div> 919 </div> 920 </div> 921 </div> 922 </div> 923 924 <div class="col-lg-6 mb-4 mb-lg-5"> 925 <div class="plastic-card style3 h-100"> 926 <div class="row"> 927 <div class="col-md-7 pl-0 my-auto"> 928 <div class="box-thumb"> 929 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/PMAC-paving-at-JK-PLC.webp" 930 alt="Plastic Recycling"> 931 </div> 932 </div> 933 <div class="col-md-5 pr-0 my-auto"> 934 <div class="box-content"> 935 <h5 class="box-title mb-0">PMAC paving at JK PLC</h5> 936 </div> 937 </div> 938 </div> 939 </div> 940 </div> 941 942 <div class="col-lg-6 mb-4 mb-lg-5"> 943 <div class="plastic-card style3 h-100"> 944 <div class="row"> 945 <div class="col-md-7 pl-0 my-auto"> 946 <div class="box-thumb"> 947 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/PMAC-paving%20-at-Cinnamon-Life.webp" 948 alt="Plastic Recycling"> 949 </div> 950 </div> 951 <div class="col-md-5 pr-0 my-auto"> 952 <div class="box-content"> 953 <h5 class="box-title mb-0">PMAC paving at Cinnamon Life</h5> 954 </div> 955 </div> 956 </div> 957 </div> 958 </div> 959 960 <div class="col-lg-6 mb-4 mb-lg-5"> 961 <div class="plastic-card style3 h-100"> 962 <div class="row"> 963 <div class="col-md-7 pl-0 my-auto"> 964 <div class="box-thumb"> 965 <img src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Start-up-cycle-winners.webp" 966 alt="Plastic Recycling"> 967 </div> 968 </div> 969 <div class="col-md-5 pr-0 my-auto"> 970 <div class="box-content"> 971 <h5 class="box-title mb-0">Start-up-cycle winners</h5> 972 </div> 973 </div> 974 </div> 975 </div> 976 </div> 977 </div> 978 </div> 979 </div> 980 981 982 <div class="promoting_recycling mb-5 pb-5"> 983 <div class="light-containler mt-5" style="padding: 2% 4%;"> 984 <div class="custom-heading pb-5 mb-3 slide-right-on-load animate-on-scroll visible"> 985 <div class="vertical-line"></div> 986 <h1 class="mb-0 text-center">
987 <span class="main-text text-green">An overview of the</span> 988 <span class="sub-text text-muted">Plasticcycle Initiatives</span> 989 </h1> 990 </div> 991 992 <video style="width:100%" controls class="px-5"> 993 <source 994 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/about-us/Plasticccyle-Presentation-2021.mp4" 995 type="video/mp4"> 996 Your browser does not support HTML video. 997 </video> 998 </div> 999 </div> 1000 1001 <div class="col-12" id="footer-sec" style="background: #ffffff; overflow: hidden;"> 1002 <div class="light-containler"> 1003 <div class="row"> 1004 <div class="col-sm-4"> 1005 <div class="row"> 1006 <div class="col-sm-12 px-0"> 1007 <img alt="Plasticcycle Sri Lanka" class="lazyload" 1008 data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/logo-footer-v2.jpg" 1009 decoding="async" loading="lazy" 1010 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/logo-footer-v2.jpg" /><noscript><img 1011 alt="Plasticcycle Sri Lanka" data-eio="l" loading="lazy" 1012 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/logo-footer-v2.jpg" /></noscript> 1013 </div> 1014 </div> 1015 </div> 1016 <div class="col-sm-4"> 1017 <div class="row"> 1018 <a href="https://www.keells.com/" rel="noopener noreferrer" style="width: 100%" target="_blank"> 1019 <img alt="Plasticcycle Sri Lanka" class="img-fluid img-center lazyload" 1020 data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/jkh-logo.jpg" 1021 decoding="async" loading="lazy" 1022 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/jkh-logo.jpg" /><noscript><img 1023 alt="Plasticcycle Sri Lanka" class="img-fluid img-center" data-eio="l" 1024 loading="lazy" 1025 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/jkh-logo.jpg" /></noscript> 1026 </a> 1027 </div> 1028 </div> 1029 <div class="col-sm-4"> 1030 <div class="col-12" style="height: 10px"></div> 1031 <p class="text-center text-sm-right address-para"> 1032 117, Sir Chittampalam A Gardiner Mawatha, Colombo 02.<br /> 1033 Sri Lanka.<br /> 1034 <a href="tel:0703328808" style="color: #9c9c9c;">070 332 1035 8808</a><br /> 1036 <a href="mailto:[email protected]" style="color: #9c9c9c;">[email protected]</a> 1037 </p> 1038 </div> 1039 <div class="col-12 light-gap" style="border-top: 3px solid #efefef; margin-top: 33px"></div> 1040 <div class="col-sm-4 text-center text-sm-left"> 1041 <a href="https://3cs.lk/" rel="noopener noreferrer" target="_blank"> 1042 <p class="text-center text-sm-left cpyrt-para">Web Design by 1043 3CS</p> 1044 </a> 1045 <a href="/sitemap"> 1046 <p class="text-center text-sm-left cpyrt-para">Sitemap</p> 1047 </a> 1048 <!-- Social Media Icons --> 1049 <div class="mt-2 social-hover"> 1050 <a href="https://web.facebook.com/plasticcycle?_rdc=1&_rdr" rel="noopener noreferrer" 1051 style="margin-right: 6px;" target="_blank"> 1052 <img alt="Facebook" height="40" 1053 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Social%20Icons/social-icon-fb.webp" 1054 width="40" /> 1055 </a> 1056 <a href="https://www.instagram.com/plasticcycle/" rel="noopener noreferrer" target="_blank"> 1057 <img alt="Instagram" height="40" 1058 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Social%20Icons/social-icon-instagram.webp" 1059 style="margin-right: 6px;" width="40" /> 1060 </a> 1061 <a href="https://www.tiktok.com/@plasticcyclesl?_t=ZS-8xE0tM" rel="noopener noreferrer" 1062 target="_blank"> 1063 <img alt="TikTok" height="40" 1064 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/Social%20Icons/social-icon-tiktok.webp" 1065 width="40" /> 1066 </a> 1067 </div> 1068 </div> 1069 <div class="col-sm-4 text-center"> 1070 <div class="row d-flex justify-content-center align-items-center flex-wrap"> 1071 <img alt="bestweb" class="Bestweb-Award-Footer lazyload" 1072 data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/uploads/english/2024/Gold-Best-Corporate-Social-Responsibility-Website.png" 1073 decoding="async" loading="lazy" 1074 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/uploads/english/2024/Gold-Best-Corporate-Social-Responsibility-Website.png" 1075 style="height: 160px; width: 150px" /><noscript><img alt="bestweb" 1076 class="Bestweb-Award-Footer" data-eio="l" loading="lazy" 1077 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/uploads/english/2024/Gold-Best-Corporate-Social-Responsibility-Website.png" 1078 style="height: 160px; width: 150px" /></noscript> 1079 <img alt="bestweb" class="Bestweb-Award-Footer lazyload" 1080 data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/uploads/english/2024/Best-Mobile-User-Experience-Best-Corporate-Social-Responsibility-Website.png" 1081 decoding="async" loading="lazy" 1082 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/uploads/english/2024/Best-Mobile-User-Experience-Best-Corporate-Social-Responsibility-Website.png" 1083 style="height: 160px; width: 150px" /><noscript><img alt="bestweb" 1084 class="Bestweb-Award-Footer" data-eio="l" loading="lazy" 1085 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/uploads/english/2024/Best-Mobile-User-Experience-Best-Corporate-Social-Responsibility-Website.png" 1086 style="height: 160px; width: 150px" /></noscript> 1087 </div> 1088 <div class="row mt-3 d-flex justify-content-center align-items-center flex-wrap"> 1089 <a href="https://bestweb.lk/past-winners"> 1090 <img alt="top web june" class="Bestweb-logo-Footer lazyload" data-eio-rheight="200" 1091 data-eio-rwidth="200" 1092 data-src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/Best-Corporate-Social-Responsibility-Website.png" 1093 decoding="async" loading="lazy" 1094 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/Best-Corporate-Social-Responsibility-Website.png" 1095 style="height: 150px; width: 150px" /><noscript><img alt="top web june" 1096 class="Bestweb-logo-Footer" data-eio="l" loading="lazy" 1097 src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/Best-Corporate-Social-Responsibility-Website.png" 1098 style="height: 150px; width: 150px; display: flex;" /></noscript></a> 1099 <a aria-label="Rate us on BestWeb 2025" 1100 href="https://ebadge.bestweb.lk/api/v1/clicked/plasticcycle.lk/BestWeb/2025/Rate_Us" 1101 id="bestweb-badge" rel="noopener noreferrer" style="position: relative; display: block;" 1102 target="_blank"> 1103 <img alt="BestWeb 2025 Rate Us" height="130" 1104 src="https://ebadge.bestweb.lk/eBadgeSystem/domainNames/plasticcycle.lk/BestWeb/2025/Rate_Us/image.png" 1105 width="130" /> 1106 </a> 1107 </div> 1108 </div> 1109 <div class="col-sm-4"> 1110 <a href="/cookies-policy"> 1111 <p class="text-center text-sm-right cpyrt-para">Cookies 1112 Policy</p> 1113 </a> 1114 <a href="/privacy-policy"> 1115 <p class="text-center text-sm-right cpyrt-para">Privacy 1116 Policy</p> 1117 </a> 1118 <p class="text-center text-sm-right cpyrt-para">© 2026 1119 Plasticcycle</p> 1120 </div> 1121 </div> 1122 </div> 1123 </div> 1124 1125 <!-- <a href="https://ebadge.bestweb.lk/api/v1/clicked/plasticcycle.lk/BestWeb/2025/Rate_Us" target="_blank" 1126 rel="noopener noreferrer" aria-label="Rate us on BestWeb 2025" 1127 style="position: fixed; bottom: 50px; left: 10px; z-index: 9999;"> 1128 <img class="bestweb-badge" 1129 src="https://ebadge.bestweb.lk/eBadgeSystem/domainNames/plasticcycle.lk/BestWeb/2025/Rate_Us/image.png" 1130 alt="BestWeb 2025 Rate Us" width="150" height="150" /> 1131 </a> --> 1132 1133
1133<script> 1134 // Load footer.html into #footer-container 1135 document.addEventListener("DOMContentLoaded", function () { 1136 fetch("../footer.html") 1137 .then(response => response.text()) 1138 .then(data => { 1139 document.getElementById("footer-container").innerHTML = data; 1140 }); 1141 }); 1142 </script>
1142 1143 1144
1144<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
1144 1145 1146 1147
1147<script>$(document).ready(function () { 1148 1149 $("#myInput").on("keyup", function () { 1150 var value = $(this).val().toLowerCase(); 1151 $("#maptable .map-list").filter(function () { 1152 $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) 1153 }); 1154 }); 1155 1156 });</script>
1156 1157 1158 <div class="ht-ctc ht-ctc-chat ctc-analytics ctc_wp_desktop style-3_1 " id="ht-ctc-chat" 1159 style="display: none; position: fixed; bottom: 60px; right: 15px;"> 1160 <div class="ht_ctc_style ht_ctc_chat_style"> 1161 <style id="ht-ctc-s3"> 1162 .ht-ctc .ctc_s_3_1:hover svg stop { 1163 stop-color: #25D366; 1164 } 1165 1166 .ht-ctc .ctc_s_3_1:hover .ht_ctc_padding, 1167 .ht-ctc .ctc_s_3_1:hover .ctc_cta_stick { 1168 background-color: #25D366 !important; 1169 box-shadow: 0px 0px 11px rgba(0, 0, 0, .5); 1170 } 1171 </style> 1172 1173 <a href="https://wa.me/94703313886" class="icon-whatsapp" target="_blank" aria-label="Chat on WhatsApp" 1174 style=" 1175 position: fixed; 1176 bottom: 10px; 1177 right: 60px; 1178 background-color: #25D366; 1179 border-radius: 50%; 1180 padding: 9px; 1181 z-index: 99; 1182 box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); 1183 display: flex; 1184 align-items: center; 1185 justify-content: center; 1186 "> 1187 <svg style=" 1188 pointer-events: none; 1189 display: block; 1190 height: 25px; 1191 width: 25px; 1192 " width="40px" height="40px" viewBox="0 0 1219.547 1225.016"> 1193 <path style="fill: #e0e0e0" fill="#E0E0E0" 1194 d="M1041.858 178.02C927.206 63.289 774.753.07 612.325 0 277.617 0 5.232 272.298 5.098 606.991c-.039 106.986 27.915 211.42 81.048 303.476L0 1225.016l321.898-84.406c88.689 48.368 188.547 73.855 290.166 73.896h.258.003c334.654 0 607.08-272.346 607.222-607.023.056-162.208-63.052-314.724-177.689-429.463zm-429.533 933.963h-.197c-90.578-.048-179.402-24.366-256.878-70.339l-18.438-10.93-191.021 50.083 51-186.176-12.013-19.087c-50.525-80.336-77.198-173.175-77.16-268.504.111-278.186 226.507-504.503 504.898-504.503 134.812.056 261.519 52.604 356.814 147.965 95.289 95.36 147.728 222.128 147.688 356.948-.118 278.195-226.522 504.543-504.693 504.543z"> 1195 </path> 1196 <linearGradient id="htwaicona-chat" gradientUnits="userSpaceOnUse" x1="609.77" y1="1190.114" 1197 x2="609.77" y2="21.084"> 1198 <stop id="s3_1_offset_1" offset="0" stop-color="#25D366"></stop> 1199 <stop id="s3_1_offset_2" offset="1" stop-color="#25D366"></stop> 1200 </linearGradient> 1201 <path style="fill: url(#htwaicona-chat)" fill="url(#htwaicona-chat)" 1202 d="M27.875 1190.114l82.211-300.18c-50.719-87.852-77.391-187.523-77.359-289.602.133-319.398 260.078-579.25 579.469-579.25 155.016.07 300.508 60.398 409.898 169.891 109.414 109.492 169.633 255.031 169.57 409.812-.133 319.406-260.094 579.281-579.445 579.281-.023 0 .016 0 0 0h-.258c-96.977-.031-192.266-24.375-276.898-70.5l-307.188 80.548z"> 1203 </path> 1204 <image overflow="visible" opacity=".08" width="682" height="639" 1205 transform="translate(270.984 291.372)"> 1206 </image> 1207 <path fill-rule="evenodd" clip-rule="evenodd" style="fill: #fff" fill="#FFF" 1208 d="M462.273 349.294c-11.234-24.977-23.062-25.477-33.75-25.914-8.742-.375-18.75-.352-28.742-.352-10 0-26.25 3.758-39.992 18.766-13.75 15.008-52.5 51.289-52.5 125.078 0 73.797 53.75 145.102 61.242 155.117 7.5 10 103.758 166.266 256.203 226.383 126.695 49.961 152.477 40.023 179.977 37.523s88.734-36.273 101.234-71.297c12.5-35.016 12.5-65.031 8.75-71.305-3.75-6.25-13.75-10-28.75-17.5s-88.734-43.789-102.484-48.789-23.75-7.5-33.75 7.516c-10 15-38.727 48.773-47.477 58.773-8.75 10.023-17.5 11.273-32.5 3.773-15-7.523-63.305-23.344-120.609-74.438-44.586-39.75-74.688-88.844-83.438-103.859-8.75-15-.938-23.125 6.586-30.602 6.734-6.719 15-17.508 22.5-26.266 7.484-8.758 9.984-15.008 14.984-25.008 5-10.016 2.5-18.773-1.25-26.273s-32.898-81.67-46.234-111.326z"> 1209 </path> 1210 <path style="fill: #ffffff" fill="#FFF" 1211 d="M1036.898 176.091C923.562 62.677 772.859.185 612.297.114 281.43.114 12.172 269.286 12.039 600.137 12 705.896 39.633 809.13 92.156 900.13L7 1211.067l318.203-83.438c87.672 47.812 186.383 73.008 286.836 73.047h.255.003c330.812 0 600.109-269.219 600.25-600.055.055-160.343-62.328-311.108-175.649-424.53zm-424.601 923.242h-.195c-89.539-.047-177.344-24.086-253.93-69.531l-18.227-10.805-188.828 49.508 50.414-184.039-11.875-18.867c-49.945-79.414-76.312-171.188-76.273-265.422.109-274.992 223.906-498.711 499.102-498.711 133.266.055 258.516 52 352.719 146.266 94.195 94.266 146.031 219.578 145.992 352.852-.118 274.999-223.923 498.749-498.899 498.749z"> 1212 </path> 1213 </svg> 1214 </a> 1215 </div> 1216 </div> 1217 <span class="ht_ctc_chat_data" data-no_number 1218 data-settings="{"number":"94703313886","pre_filled":"","dis_m":"show","dis_d":"show","css":"display: none; cursor: pointer; z-index: 99999999;","pos_d":"position: fixed; bottom: 60px; right: 15px;","pos_m":"position: fixed; bottom: 60px; right: 15px;","schedule":"no","se":150,"ani":"no-animations","url_target_d":"_blank","ga":"yes","fb":"yes","g_init":"default","g_an_event_name":"click to chat","pixel_event_name":"Click to Chat by HoliThemes"}"></span> 1219
1219<script>const lazyloadRunObserver = () => { 1220 const lazyloadBackgrounds = document.querySelectorAll(`.e-con.e-parent:not(.e-lazyloaded)`); 1221 const lazyloadBackgroundObserver = new IntersectionObserver((entries) => { 1222 entries.forEach((entry) => { 1223 if (entry.isIntersecting) { 1224 let lazyloadBackground = entry.target; 1225 if (lazyloadBackground) { 1226 lazyloadBackground.classList.add('e-lazyloaded'); 1227 } 1228 lazyloadBackgroundObserver.unobserve(entry.target); 1229 } 1230 }); 1231 }, { rootMargin: '200px 0px 200px 0px' }); 1232 lazyloadBackgrounds.forEach((lazyloadBackground) => { 1233 lazyloadBackgroundObserver.observe(lazyloadBackground); 1234 }); 1235 }; 1236 const events = [ 1237 'DOMContentLoaded', 1238 'elementor/lazyload/observe', 1239 ]; 1240 events.forEach((event) => { 1241 document.addEventListener(event, lazyloadRunObserver); 1242 });</script>
1242 1243
1243<script id="ht_ctc_app_js-js-extra"> 1244 /* <![CDATA[ */ 1245 var ht_ctc_chat_var = { "number": "94703313886", "pre_filled": "", "dis_m": "show", "dis_d": "show", "css": "display: none; cursor: pointer; z-index: 99999999;", "pos_d": "position: fixed; bottom: 60px; right: 15px;", "pos_m": "position: fixed; bottom: 60px; right: 15px;", "schedule": "no", "se": "150", "ani": "no-animations", "url_target_d": "_blank", "ga": "yes", "fb": "yes", "g_init": "default", "g_an_event_name": "click to chat", "pixel_event_name": "Click to Chat by HoliThemes" }; 1246 var ht_ctc_variables = { "g_an_event_name": "click to chat", "pixel_event_type": "trackCustom", "pixel_event_name": "Click to Chat by HoliThemes", "g_an_params": ["g_an_param_1", "g_an_param_2", "g_an_param_3"], "g_an_param_1": { "key": "number", "value": "{number}" }, "g_an_param_2": { "key": "title", "value": "{title}" }, "g_an_param_3": { "key": "url", "value": "{url}" }, "pixel_params": ["pixel_param_1", "pixel_param_2", "pixel_param_3", "pixel_param_4"], "pixel_param_1": { "key": "Category", "value": "Click to Chat for WhatsApp" }, "pixel_param_2": { "key": "ID", "value": "{number}" }, "pixel_param_3": { "key": "Title", "value": "{title}" }, "pixel_param_4": { "key": "URL", "value": "{url}" } }; 1247 /* ]]> */ 1248 </script>
1248 1249
1249<script src="/wp-content/plugins/click-to-chat-for-whatsapp/new/inc/assets/js/app.js?ver=4.6" 1250 id="ht_ctc_app_js-js"></script>
1250 1251
1251<script id="eio-lazy-load-js-before"> 1252 /* <![CDATA[ */ 1253 var eio_lazy_vars = { "exactdn_domain": "", "skip_autoscale": 0, "threshold": 0 }; 1254 /* ]]> */ 1255 </script>
1255 1256
1256<script src="/wp-content/plugins/ewww-image-optimizer/includes/lazysizes.min.js?ver=780" id="eio-lazy-load-js" 1257 async="async" data-wp-strategy="async"></script>
1257 1258
1258<script src="/wp-content/plugins/ht-mega-for-elementor/assets/js/popper.min.js?ver=2.6.0" 1259 id="htmega-popper-js"></script>
1259 1260
1260<script src="/wp-content/plugins/ht-mega-for-elementor/assets/js/htbbootstrap.js?ver=2.6.0" 1261 id="htbbootstrap-js"></script>
1261 1262
1262<script src="/wp-content/plugins/ht-mega-for-elementor/assets/js/waypoints.js?ver=2.6.0" id="waypoints-js"></script>
1262 1263
1263<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js?ver=3.3.1" 1264 id="popper-js"></script>
1264 1265
1265<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js?ver=4.0.0" 1266 id="bootstrap-js-js"></script>
1266 1267
1267<script src="/wp-content/themes/jkh-plastic-cycle/assets/js/main.js?ver=1.0.1" id="main-js-js"></script>
1267 1268
1268<script src="/wp-content/themes/jkh-plastic-cycle/assets/js/cookieconsent.min.js?ver=1.0.0" id="cookie-js"></script>
1268 1269
1269<script src="/wp-content/themes/jkh-plastic-cycle/assets/js/wpsl-custom.js?ver=6.6.1" id="wpsl-custom-js"></script>
1269 1270 1271
1271<script>window.addEventListener("load", function () { 1272 1273 $(document).ready(function () { 1274 1275 $(".cc-link").click(function (event) { 1276 $(".readmore-box-privacy-policy").animate({ 1277 width: "100%" 1278 }); 1279 $('.form-group-px').fadeIn(1200); 1280 }); 1281 1282 $(".privacy-policy-profile-close-pp").click(function () { 1283 $(".readmore-box-privacy-policy").delay(300).animate({ 1284 width: "0%" 1285 }); 1286 $('.form-group-px').css({ 1287 "display": "none" 1288 }); 1289 }); 1290 }); 1291 1292 window.cookieconsent.initialise({ 1293 "palette": { 1294 "popup": { 1295 "background": "#ffffff" 1296 }, 1297 "button": { 1298 "background": "transparent", 1299 "text": "#f1d600", 1300 "border": "#f1d600" 1301 } 1302 }, 1303 "position": "bottom-right", 1304 "type": "opt-out", 1305 "content": { 1306 "href": "/privacy-policy" 1307 } 1308 }) 1309 });</script>
1309 1310
1310<script>function myFunction(x) { 1311 x.classList.toggle("change"); 1312 } 1313 </script>
1313 1314
1314<script>function vidplay() { 1315 var video = document.getElementById("Video1"); 1316 var button = document.getElementById("play"); 1317 if (video.paused) { 1318 video.play(); 1319 } else { 1320 video.pause(); 1321 } 1322 $("video").click(); 1323 $("source").click(); 1324 video.play(); 1325 } 1326 1327 function clas() { 1328 var video = document.getElementById("Video1"); 1329 video.src = null; 1330 video.src = 'https://johnkeellsfoundation.com/wp-content/themes/wp-bootstrap-starter/assets/videos/jkf-video.mp4'; 1331 } 1332 1333 function restart() { 1334 var video = document.getElementById("Video1"); 1335 video.currentTime = 0; 1336 } 1337 1338 function skip(value) { 1339 var video = document.getElementById("Video1"); 1340 video.currentTime += value; 1341 } 1342 </script>
1342 1343 1344
1344<script> 1345 var scrolltotop = { 1346 setting: { 1347 startline: 100, 1348 scrollto: 0, 1349 scrollduration: 1e3, 1350 fadeduration: [500, 100] 1351 }, 1352 controlHTML: '<img alt="Plasticcycle Sri Lanka" src="https://plasticcycle-2023.sgp1.digitaloceanspaces.com/images/up-arrow.png" width="30px" height="30px"/>', 1353 controlattrs: { 1354 offsetx: 23, 1355 offsety: 63, 1356 }, 1357 anchorkeyword: "#top", 1358 state: { 1359 isvisible: !1, 1360 shouldvisible: !1 1361 }, 1362 scrollup: function () { 1363 this.cssfixedsupport || this.$control.css({ 1364 opacity: 0 1365 }); 1366 var t = isNaN(this.setting.scrollto) ? this.setting.scrollto : parseInt(this.setting.scrollto); 1367 t = "string" == typeof t && 1 == jQuery("#" + t).length ? jQuery("#" + t).offset().top : 0, this.$body 1368 .animate({ 1369 scrollTop: t 1370 }, this.setting.scrollduration) 1371 }, 1372 keepfixed: function () { 1373 var t = jQuery(window), 1374 o = t.scrollLeft() + t.width() - this.$control.width() - this.controlattrs.offsetx, 1375 s = t.scrollTop() + t.height() - this.$control.height() - this.controlattrs.offsety; 1376 this.$control.css({ 1377 left: o + "px", 1378 top: s + "px" 1379 }) 1380 }, 1381 togglecontrol: function () { 1382 var t = jQuery(window).scrollTop(); 1383 this.cssfixedsupport || this.keepfixed(), this.state.shouldvisible = t >= this.setting.startline ? !0 : 1384 !1, this.state.shouldvisible && !this.state.isvisible ? (this.$control.stop().animate({ 1385 opacity: 1 1386 }, this.setting.fadeduration[0]), this.state.isvisible = !0) : 0 == this.state.shouldvisible && this 1387 .state.isvisible && (this.$control.stop().animate({ 1388 opacity: 0 1389 }, this.setting.fadeduration[1]), this.state.isvisible = !1) 1390 }, 1391 init: function () { 1392 jQuery(document).ready(function (t) { 1393 var o = scrolltotop, 1394 s = document.all; 1395 o.cssfixedsupport = !s || s && "CSS1Compat" == document.compatMode && window.XMLHttpRequest, 1396 o.$body = t(window.opera ? "CSS1Compat" == document.compatMode ? "html" : "body" : 1397 "html,body"), o.$control = t('<div id="topcontrol">' + o.controlHTML + "<\/div>") 1398 .css({ 1399 position: o.cssfixedsupport ? "fixed" : "absolute", 1400 bottom: o.controlattrs.offsety, 1401 right: o.controlattrs.offsetx, 1402 opacity: 0, 1403 cursor: "pointer" 1404 }).attr({ 1405 title: "Scroll to Top" 1406 }).click(function () { 1407 return o.scrollup(), !1 1408 }).appendTo("body"), document.all && !window.XMLHttpRequest && "" != o.$control 1409 .text() && o.$control.css({ 1410 width: o.$control.width() 1411 }), o.togglecontrol(), t('a[href="' + o.anchorkeyword + '"]').click(function () { 1412 return o.scrollup(), !1 1413 }), t(window).bind("scroll resize", function (t) { 1414 o.togglecontrol() 1415 }) 1416 }) 1417 } 1418 }; 1419 scrolltotop.init(); 1420 </script>
1420 1421 1422
1422<script>jQuery(window).scroll(function () { 1423 1424 if (jQuery(window).scrollTop() > 0) { 1425 jQuery('.bar1').css("background-color", "#ffffff"); 1426 jQuery('.bar2').css("background-color", "#ffffff"); 1427 jQuery('.bar3').css("background-color", "#ffffff"); 1428 jQuery('.nav-inster').css("background-color", "rgb(81 125 150 / 0%)"); 1429 jQuery('.nav-fb').css("background-color", "rgb(81 125 150 / 0%)"); 1430 jQuery('.nav-sinhala>a').css("color", "#ffffff"); 1431 jQuery('.nav-tamil>a').css("color", "#ffffff"); 1432 1433 jQuery('.top-nav-section').css("background-color", "#88c045"); 1434 jQuery('.top-nav-section').css("height", "84px"); 1435 jQuery('.nav-inster').css("display", "none"); 1436 jQuery('.nav-fb').css("display", "none"); 1437 jQuery(".main-logo>a>img").css("maxWidth", "250px"); 1438 1439 } else { 1440 jQuery('.bar1').css("background-color", "#ffffff"); 1441 jQuery('.bar2').css("background-color", "#ffffff"); 1442 jQuery('.bar3').css("background-color", "#ffffff"); 1443 jQuery('.nav-inster').css("background-color", "rgb(81 125 150 / 0%)"); 1444 jQuery('.nav-fb').css("background-color", "rgb(81 125 150 / 0%)"); 1445 jQuery('.nav-sinhala>a').css("color", "#ffffff"); 1446 jQuery('.nav-tamil>a').css("color", "#ffffff"); 1447 1448 jQuery('.top-nav-section').css("background-color", "rgb(81 125 150 / 0%)"); 1449 jQuery('.top-nav-section').css("height", "84px"); 1450 jQuery('.nav-inster').css("display", "block"); 1451 jQuery('.nav-fb').css("display", "block"); 1452 jQuery(".main-logo>a>img").css("maxWidth", "100%"); 1453 1454 } 1455 1456 });</script>
1456 1457 1458
1458<script>jQuery(window).scroll(function () { 1459 var width = $(window).width(); 1460 1461 if (767 < width) { 1462 1463 if (jQuery(window).scrollTop() > 0) { 1464 1465 jQuery("img.iconsearch").attr("src", 1466 "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp"); 1467 jQuery(".main-logo>a>img").attr("src", 1468 "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/pc-logo-top-new-1.webp"); 1469 jQuery(".main-logo>a>img").css("maxWidth", "250px"); 1470 1471 } else { 1472 jQuery("img.iconsearch").attr("src", 1473 "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp"); 1474 jQuery(".main-logo>a>img").attr("src", 1475 "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/logo-top-v3-new-1.webp"); 1476 jQuery(".main-logo>a>img").css("maxWidth", "100%"); 1477 1478 } 1479 1480 } else { 1481 1482 if (jQuery(window).scrollTop() > 0) { 1483 1484 jQuery("img.iconsearch").attr("src", 1485 "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp"); 1486 jQuery(".main-logo>a>img").attr("src", 1487 "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/pc-logo-top-new-1.webp"); 1488 jQuery(".main-logo>a>img").css("maxWidth", "250px"); 1489 1490 } else { 1491 jQuery("img.iconsearch").attr("src", 1492 "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp"); 1493 jQuery(".main-logo>a>img").attr("src", 1494 "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/pc-logo-top-new-1.webp"); 1495 jQuery(".main-logo>a>img").css("maxWidth", "100%"); 1496 1497 } 1498 1499 } 1500 });</script>
1500 1501 1502
1502<script> 1503 jQuery(window).scroll(function () { 1504 var scrollTop = jQuery(window).scrollTop(); 1505 var width = jQuery(window).width(); 1506 1507 if (width <= 991) { 1508 1509 jQuery('.top-nav-section').css({ "background-color": "#88c045" }); 1510 jQuery('.bar1, .bar2, .bar3').css("background-color", "#ffffff"); 1511 1512 jQuery('.nav-sinhala>a').css("color", "#ffffff"); 1513 jQuery('.nav-tamil>a').css("color", "#ffffff"); 1514 1515 jQuery("img.iconsearch").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass.webp"); 1516 jQuery(".main-logo>a>img").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/logo-top-v3-new-1.webp"); 1517 jQuery(".main-logo>a>img").css({ "maxWidth": "100%", "filter": "brightness(0) invert(1)" }); 1518 1519 jQuery('.nav-inster, .nav-fb').css("display", "none"); 1520 } 1521 else { 1522 jQuery(".main-logo>a>img").css("filter", "none"); 1523 1524 if (scrollTop > 0) { 1525 jQuery('.bar1').css("background-color", "#ffffff"); 1526 jQuery('.bar2').css("background-color", "#ffffff"); 1527 jQuery('.bar3').css("background-color", "#ffffff"); 1528 jQuery('.nav-inster').css("background-color", "rgb(81 125 150 / 0%)"); 1529 jQuery('.nav-fb').css("background-color", "rgb(81 125 150 / 0%)"); 1530 1531 jQuery('.nav-sinhala>a').css("color", "#ffffff"); 1532 jQuery('.nav-tamil>a').css("color", "#ffffff"); 1533 1534 jQuery('.top-nav-section').css({ "background-color": "#517d96", "height": "84px" }); 1535 jQuery("img.iconsearch").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp"); 1536 jQuery(".main-logo>a>img").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/pc-logo-top-new-1.webp"); 1537 jQuery(".main-logo>a>img").css("maxWidth", "250px"); 1538 jQuery('.nav-inster, .nav-fb').css("display", "none"); 1539 1540 } else { 1541 jQuery('.bar1').css("background-color", "#517d96"); 1542 jQuery('.bar2').css("background-color", "#517d96"); 1543 jQuery('.bar3').css("background-color", "#517d96"); 1544 jQuery('.nav-inster').css("background-color", "rgb(81 125 150 / 0%)"); 1545 jQuery('.nav-fb').css("background-color", "rgb(81 125 150 / 0%)"); 1546 1547 jQuery('.nav-sinhala>a').css("color", "#517d96"); 1548 jQuery('.nav-tamil>a').css("color", "#517d96"); 1549 1550 jQuery('.top-nav-section').css("background-color", "rgb(81 125 150 / 0%)"); 1551 jQuery('.top-nav-section').css("height", "84px"); 1552 jQuery("img.iconsearch").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp"); 1553 jQuery(".main-logo>a>img").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/logo-top-v3-new-1.webp"); 1554 jQuery(".main-logo>a>img").css("maxWidth", "100%"); 1555 jQuery('.nav-inster').css("display", "block"); 1556 jQuery('.nav-fb').css("display", "block"); 1557 } 1558 } 1559 }); 1560 1561 jQuery(document).ready(function () { 1562 jQuery(window).trigger('scroll'); 1563 }); 1564 </script>
1564 1565 1566
1566<script> 1567 var aud1 = document.getElementById("bgvid1"); 1568 var aud2 = document.getElementById("bgvid2"); 1569 var aud3 = document.getElementById("bgvid3"); 1570 var aud4 = document.getElementById("bgvid4"); 1571 var aud5 = document.getElementById("bgvid5"); 1572 var CTA = document.getElementById("CTA-Button"); 1573 1574 document.getElementById("vda").addEventListener("click", myFunctionas); 1575 document.getElementById("vdb").addEventListener("click", myFunctionbs); 1576 document.getElementById("vdc").addEventListener("click", myFunctioncs); 1577 document.getElementById("vdd").addEventListener("click", myFunctionds); 1578 document.getElementById("vde").addEventListener("click", myFunctiones); 1579 1580 document.getElementById("snaoff").addEventListener("click", myFunctionasna); 1581 document.getElementById("snboff").addEventListener("click", myFunctionbsnb); 1582 document.getElementById("sncoff").addEventListener("click", myFunctioncsnc); 1583 document.getElementById("sndoff").addEventListener("click", myFunctiondsnd); 1584 document.getElementById("sneoff").addEventListener("click", myFunctiondsne); 1585 1586 document.getElementById("snaon").addEventListener("click", myFunctionasnaf); 1587 document.getElementById("snbon").addEventListener("click", myFunctionbsnbf); 1588 document.getElementById("sncon").addEventListener("click", myFunctioncsncf); 1589 document.getElementById("sndon").addEventListener("click", myFunctiondsndf); 1590 document.getElementById("sneon").addEventListener("click", myFunctiondsnef); 1591 1592 function myFunctionas() { 1593 aud1.style.display = "block"; 1594 CTA.style.display = "block"; 1595 aud2.style.display = "none"; 1596 aud3.style.display = "none"; 1597 aud4.style.display = "none"; 1598 aud5.style.display = "none"; 1599 1600 aud1.play(); 1601 1602 document.getElementById("vda").style.background = "rgb(105 184 42 / 60%)"; 1603 document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)"; 1604 document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)"; 1605 document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)"; 1606 document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)"; 1607 1608 document.getElementById("sound-block-a").style.display = "block"; 1609 document.getElementById("sound-block-b").style.display = "none"; 1610 document.getElementById("sound-block-c").style.display = "none"; 1611 document.getElementById("sound-block-d").style.display = "none"; 1612 document.getElementById("sound-block-e").style.display = "none"; 1613 1614 document.getElementById("snaon").style.display = "none"; 1615 document.getElementById("snbon").style.display = "block"; 1616 1617 myFunctionasna(); 1618 1619 aud2.pause(); 1620 aud3.pause(); 1621 aud4.pause(); 1622 aud5.pause(); 1623 } 1624 1625 function myFunctionbs() { 1626 aud2.style.display = "block"; 1627 aud1.style.display = "none"; 1628 aud3.style.display = "none"; 1629 aud4.style.display = "none"; 1630 aud5.style.display = "none"; 1631 CTA.style.display = "none"; 1632 1633 aud2.play(); 1634 1635 document.getElementById("vdb").style.background = "rgb(105 184 42 / 60%)"; 1636 document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)"; 1637 document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)"; 1638 document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)"; 1639 document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)"; 1640 1641 document.getElementById("sound-block-b").style.display = "block"; 1642 document.getElementById("sound-block-a").style.display = "none"; 1643 document.getElementById("sound-block-c").style.display = "none"; 1644 document.getElementById("sound-block-d").style.display = "none"; 1645 document.getElementById("sound-block-e").style.display = "none"; 1646 1647 document.getElementById("snbon").style.display = "none"; 1648 document.getElementById("snboff").style.display = "block"; 1649 1650 myFunctionbsnb(); 1651 1652 aud1.pause(); 1653 aud3.pause(); 1654 aud4.pause(); 1655 aud5.pause(); 1656 } 1657 1658 function myFunctioncs() { 1659 aud3.style.display = "block"; 1660 aud1.style.display = "none"; 1661 aud2.style.display = "none"; 1662 aud4.style.display = "none"; 1663 aud5.style.display = "none"; 1664 CTA.style.display = "none"; 1665 1666 aud3.play(); 1667 1668 document.getElementById("vdc").style.background = "rgb(105 184 42 / 60%)"; 1669 document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)"; 1670 document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)"; 1671 document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)"; 1672 document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)"; 1673 1674 document.getElementById("sound-block-c").style.display = "block"; 1675 document.getElementById("sound-block-a").style.display = "none"; 1676 document.getElementById("sound-block-b").style.display = "none"; 1677 document.getElementById("sound-block-d").style.display = "none"; 1678 document.getElementById("sound-block-e").style.display = "none"; 1679 1680 document.getElementById("sncon").style.display = "none"; 1681 document.getElementById("sncoff").style.display = "block"; 1682 1683 myFunctioncsnc(); 1684 1685 aud1.pause(); 1686 aud2.pause(); 1687 aud4.pause(); 1688 aud5.pause(); 1689 } 1690 1691 function myFunctionds() { 1692 aud4.style.display = "block"; 1693 aud1.style.display = "none"; 1694 aud2.style.display = "none"; 1695 aud3.style.display = "none"; 1696 aud5.style.display = "none"; 1697 CTA.style.display = "none"; 1698 1699 aud4.play(); 1700 1701 document.getElementById("vdd").style.background = "rgb(105 184 42 / 60%)"; 1702 document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)"; 1703 document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)"; 1704 document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)"; 1705 document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)"; 1706 1707 document.getElementById("sound-block-d").style.display = "block"; 1708 document.getElementById("sound-block-a").style.display = "none"; 1709 document.getElementById("sound-block-b").style.display = "none"; 1710 document.getElementById("sound-block-c").style.display = "none"; 1711 document.getElementById("sound-block-e").style.display = "none"; 1712 1713 document.getElementById("sndon").style.display = "none"; 1714 document.getElementById("sndoff").style.display = "block"; 1715 1716 myFunctiondsnd(); 1717 1718 aud1.pause(); 1719 aud2.pause(); 1720 aud3.pause(); 1721 aud5.pause(); 1722 } 1723 1724 function myFunctiones() { 1725 aud5.style.display = "block"; 1726 aud1.style.display = "none"; 1727 aud2.style.display = "none"; 1728 aud3.style.display = "none"; 1729 aud4.style.display = "none"; 1730 CTA.style.display = "none"; 1731 1732 aud5.play(); 1733 1734 document.getElementById("vde").style.background = "rgb(105 184 42 / 60%)"; 1735 document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)"; 1736 document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)"; 1737 document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)"; 1738 document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)"; 1739 1740 document.getElementById("sound-block-e").style.display = "block"; 1741 document.getElementById("sound-block-a").style.display = "none"; 1742 document.getElementById("sound-block-b").style.display = "none"; 1743 document.getElementById("sound-block-c").style.display = "none"; 1744 document.getElementById("sound-block-d").style.display = "none"; 1745 1746 document.getElementById("sneon").style.display = "none"; 1747 document.getElementById("sneoff").style.display = "block"; 1748 1749 myFunctiondsne(); 1750 1751 aud1.pause(); 1752 aud2.pause(); 1753 aud3.pause(); 1754 aud4.pause(); 1755 } 1756 1757 1758 function myFunctionasna() { 1759 aud1.muted = false;
1760 document.getElementById("snaon").style.display = "block"; 1761 document.getElementById("snaoff").style.display = "none"; 1762 } 1763 1764 function myFunctionbsnb() { 1765 aud2.muted = false; 1766 document.getElementById("snbon").style.display = "block"; 1767 document.getElementById("snboff").style.display = "none"; 1768 } 1769 1770 function myFunctioncsnc() { 1771 aud3.muted = false; 1772 document.getElementById("sncon").style.display = "block"; 1773 document.getElementById("sncoff").style.display = "none"; 1774 } 1775 1776 function myFunctiondsnd() { 1777 aud4.muted = false; 1778 document.getElementById("sndon").style.display = "block"; 1779 document.getElementById("sndoff").style.display = "none"; 1780 } 1781 1782 function myFunctiondsne() { 1783 aud5.muted = false; 1784 document.getElementById("sneon").style.display = "block"; 1785 document.getElementById("sneoff").style.display = "none"; 1786 } 1787 1788 1789 function myFunctionasnaf() { 1790 aud1.muted = true; 1791 document.getElementById("snaon").style.display = "none"; 1792 document.getElementById("snaoff").style.display = "block"; 1793 } 1794 1795 function myFunctionbsnbf() { 1796 aud2.muted = true; 1797 document.getElementById("snbon").style.display = "none"; 1798 document.getElementById("snboff").style.display = "block"; 1799 } 1800 1801 function myFunctioncsncf() { 1802 aud3.muted = true; 1803 document.getElementById("sncon").style.display = "none"; 1804 document.getElementById("sncoff").style.display = "block"; 1805 } 1806 1807 function myFunctiondsndf() { 1808 aud4.muted = true; 1809 document.getElementById("sndon").style.display = "none"; 1810 document.getElementById("sndoff").style.display = "block"; 1811 } 1812 1813 function myFunctiondsnef() { 1814 aud5.muted = true; 1815 document.getElementById("sneon").style.display = "none"; 1816 document.getElementById("sneoff").style.display = "block"; 1817 } 1818 1819 function enableMute() { 1820 vid.muted = true; 1821 } 1822 1823 function disableMute() { 1824 vid.muted = false; 1825 } 1826 1827 aud1.style.display = "block"; 1828 aud2.style.display = "none"; 1829 aud3.style.display = "none"; 1830 aud4.style.display = "none"; 1831 aud5.style.display = "none"; 1832 CTA.style.display = "block"; 1833 1834 aud1.play(); 1835 aud2.pause(); 1836 aud3.pause(); 1837 aud4.pause(); 1838 aud5.pause(); 1839 1840 document.getElementById("vda").style.background = "rgb(105 184 42 / 60%)"; 1841 document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)"; 1842 document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)"; 1843 document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)"; 1844 document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)"; 1845 1846 document.getElementById("sound-block-a").style.display = "block"; 1847 document.getElementById("sound-block-b").style.display = "none"; 1848 document.getElementById("sound-block-c").style.display = "none"; 1849 document.getElementById("sound-block-d").style.display = "none"; 1850 document.getElementById("sound-block-e").style.display = "none"; 1851 1852 document.getElementById("snaon").style.display = "none"; 1853 document.getElementById("snaoff").style.display = "block"; 1854 1855 aud1.onended = function () { 1856 1857 document.getElementById("vdb").style.background = "rgb(105 184 42 / 60%)"; 1858 document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)"; 1859 document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)"; 1860 document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)"; 1861 document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)"; 1862 1863 document.getElementById("sound-block-b").style.display = "block"; 1864 document.getElementById("sound-block-a").style.display = "none"; 1865 document.getElementById("sound-block-c").style.display = "none"; 1866 document.getElementById("sound-block-d").style.display = "none"; 1867 document.getElementById("sound-block-e").style.display = "none"; 1868 1869 document.getElementById("snbon").style.display = "none"; 1870 document.getElementById("snboff").style.display = "block"; 1871 1872 myFunctionbsnbf(); 1873 1874 aud2.style.display = "block"; 1875 aud1.style.display = "none"; 1876 aud3.style.display = "none"; 1877 aud4.style.display = "none"; 1878 aud5.style.display = "none"; 1879 CTA.style.display = "none"; 1880 aud2.play(); 1881 aud1.pause(); 1882 aud3.pause(); 1883 aud4.pause(); 1884 aud5.pause(); 1885 1886 aud1.src == ""; 1887 aud3.src == ""; 1888 aud4.src == ""; 1889 aud5.src == ""; 1890 }; 1891 1892 aud2.onended = function () { 1893 document.getElementById("vdc").style.background = "rgb(105 184 42 / 60%)"; 1894 document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)"; 1895 document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)"; 1896 document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)"; 1897 document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)"; 1898 1899 document.getElementById("sound-block-c").style.display = "block"; 1900 document.getElementById("sound-block-a").style.display = "none"; 1901 document.getElementById("sound-block-b").style.display = "none"; 1902 document.getElementById("sound-block-d").style.display = "none"; 1903 document.getElementById("sound-block-e").style.display = "none"; 1904 1905 document.getElementById("sncon").style.display = "none"; 1906 document.getElementById("sncoff").style.display = "block"; 1907 1908 myFunctioncsncf(); 1909 1910 aud3.style.display = "block"; 1911 aud2.style.display = "none"; 1912 aud1.style.display = "none"; 1913 aud4.style.display = "none"; 1914 aud5.style.display = "none"; 1915 CTA.style.display = "none"; 1916 aud3.play(); 1917 aud2.pause(); 1918 aud1.pause(); 1919 aud4.pause(); 1920 aud5.pause(); 1921 1922 aud1.src == ""; 1923 aud2.src == ""; 1924 aud4.src == ""; 1925 aud5.src == ""; 1926 }; 1927 1928 aud3.onended = function () { 1929 1930 document.getElementById("vdd").style.background = "rgb(105 184 42 / 60%)"; 1931 document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)"; 1932 document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)"; 1933 document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)"; 1934 document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)"; 1935 1936 document.getElementById("sound-block-d").style.display = "block"; 1937 document.getElementById("sound-block-a").style.display = "none"; 1938 document.getElementById("sound-block-b").style.display = "none"; 1939 document.getElementById("sound-block-c").style.display = "none"; 1940 document.getElementById("sound-block-e").style.display = "none"; 1941 1942 document.getElementById("snaon").style.display = "none"; 1943 document.getElementById("snaoff").style.display = "block"; 1944 1945 myFunctiondsndf(); 1946 1947 aud4.style.display = "block"; 1948 aud1.style.display = "none"; 1949 aud2.style.display = "none"; 1950 aud3.style.display = "none"; 1951 aud5.style.display = "none"; 1952 CTA.style.display = "none"; 1953 aud4.play(); 1954 aud1.pause(); 1955 aud2.pause(); 1956 aud3.pause(); 1957 aud5.pause(); 1958 1959 aud1.src == ""; 1960 aud2.src == ""; 1961 aud3.src == ""; 1962 aud5.src == ""; 1963 1964 }; 1965 1966 aud4.onended = function () { 1967 document.getElementById("vde").style.background = "rgb(105 184 42 / 60%)"; 1968 document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)"; 1969 document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)"; 1970 document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)"; 1971 document.getElementById("vda").style.background = "rgb(0 0 0 / 12%)"; 1972 1973 document.getElementById("sound-block-e").style.display = "block"; 1974 document.getElementById("sound-block-b").style.display = "none"; 1975 document.getElementById("sound-block-c").style.display = "none"; 1976 document.getElementById("sound-block-d").style.display = "none"; 1977 document.getElementById("sound-block-a").style.display = "none"; 1978 1979 document.getElementById("snaon").style.display = "none"; 1980 document.getElementById("snaoff").style.display = "block"; 1981 1982 myFunctionasnaf(); 1983 1984 aud5.style.display = "block"; 1985 aud2.style.display = "none"; 1986 aud3.style.display = "none"; 1987 aud4.style.display = "none"; 1988 aud1.style.display = "none"; 1989 CTA.style.display = "none"; 1990 aud5.play(); 1991 aud2.pause(); 1992 aud3.pause(); 1993 aud4.pause(); 1994 aud1.pause(); 1995 1996 aud2.src == ""; 1997 aud3.src == ""; 1998 aud4.src == ""; 1999 aud1.src == ""; 2000 2001 }; 2002 2003 aud5.onended = function () { 2004 2005 document.getElementById("vda").style.background = "rgb(105 184 42 / 60%)"; 2006 document.getElementById("vdb").style.background = "rgb(0 0 0 / 12%)"; 2007 document.getElementById("vdc").style.background = "rgb(0 0 0 / 12%)"; 2008 document.getElementById("vdd").style.background = "rgb(0 0 0 / 12%)"; 2009 document.getElementById("vde").style.background = "rgb(0 0 0 / 12%)"; 2010 2011 document.getElementById("sound-block-a").style.display = "block"; 2012 document.getElementById("sound-block-b").style.display = "none"; 2013 document.getElementById("sound-block-c").style.display = "none"; 2014 document.getElementById("sound-block-d").style.display = "none"; 2015 document.getElementById("sound-block-e").style.display = "none"; 2016 2017 document.getElementById("snaon").style.display = "none"; 2018 document.getElementById("snaoff").style.display = "block"; 2019 2020 myFunctionasnaf(); 2021 2022 aud1.style.display = "block"; 2023 aud2.style.display = "none"; 2024 aud3.style.display = "none"; 2025 aud4.style.display = "none"; 2026 aud5.style.display = "none"; 2027 CTA.style.display = "none"; 2028 aud1.play(); 2029 aud2.pause(); 2030 aud3.pause(); 2031 aud4.pause(); 2032 aud5.pause(); 2033 2034 aud2.src == ""; 2035 aud3.src == ""; 2036 aud4.src == ""; 2037 aud5.src == ""; 2038 }; 2039 2040 var pg1 = document.getElementById("paga"); 2041 var pg2 = document.getElementById("pagb"); 2042 var pg3 = document.getElementById("pagc"); 2043 var pg4 = document.getElementById("pagd"); 2044 var pg5 = document.getElementById("page"); 2045 2046 document.getElementById("paga").addEventListener("click", myFunctionp
2046a); 2047 document.getElementById("pagb").addEventListener("click", myFunctionpb); 2048 document.getElementById("pagc").addEventListener("click", myFunctionpc); 2049 document.getElementById("pagd").addEventListener("click", myFunctionpd); 2050 document.getElementById("page").addEventListener("click", myFunctionpe); 2051 2052 2053 function myFunctionpa() { 2054 document.getElementById("paga").style.background = "rgb(210 212 211)"; 2055 document.getElementById("pagb").style.background = "rgb(136 190 68)"; 2056 document.getElementById("pagc").style.background = "rgb(136 190 68)"; 2057 document.getElementById("pagd").style.background = "rgb(136 190 68)"; 2058 document.getElementById("page").style.background = "rgb(136 190 68)"; 2059 $('#carouselExampleIndicators2').carousel('pause'); 2060 } 2061 2062 function myFunctionpb() { 2063 document.getElementById("pagb").style.background = "rgb(210 212 211)"; 2064 document.getElementById("paga").style.background = "rgb(136 190 68)"; 2065 document.getElementById("pagc").style.background = "rgb(136 190 68)"; 2066 document.getElementById("pagd").style.background = "rgb(136 190 68)"; 2067 document.getElementById("page").style.background = "rgb(136 190 68)"; 2068 $('#carouselExampleIndicators2').carousel('pause'); 2069 } 2070 2071 function myFunctionpc() { 2072 document.getElementById("pagc").style.background = "rgb(210 212 211)"; 2073 document.getElementById("pagb").style.background = "rgb(136 190 68)"; 2074 document.getElementById("paga").style.background = "rgb(136 190 68)"; 2075 document.getElementById("pagd").style.background = "rgb(136 190 68)"; 2076 document.getElementById("page").style.background = "rgb(136 190 68)"; 2077 $('#carouselExampleIndicators2').carousel('pause'); 2078 } 2079 2080 function myFunctionpd() { 2081 document.getElementById("pagd").style.background = "rgb(210 212 211)"; 2082 document.getElementById("pagb").style.background = "rgb(136 190 68)"; 2083 document.getElementById("pagc").style.background = "rgb(136 190 68)"; 2084 document.getElementById("paga").style.background = "rgb(136 190 68)"; 2085 document.getElementById("page").style.background = "rgb(136 190 68)"; 2086 $('#carouselExampleIndicators2').carousel('pause'); 2087 } 2088 2089 function myFunctionpe() { 2090 document.getElementById("page").style.background = "rgb(210 212 211)"; 2091 document.getElementById("pagb").style.background = "rgb(136 190 68)"; 2092 document.getElementById("pagc").style.background = "rgb(136 190 68)"; 2093 document.getElementById("pagd").style.background = "rgb(136 190 68)"; 2094 document.getElementById("paga").style.background = "rgb(136 190 68)"; 2095 $('#carouselExampleIndicators2').carousel('pause'); 2096 } 2097 2098 document.getElementById("pagf").addEventListener("click", myFunctionpf); 2099 document.getElementById("pagg").addEventListener("click", myFunctionpg); 2100 document.getElementById("pagh").addEventListener("click", myFunctionph); 2101 document.getElementById("pagi").addEventListener("click", myFunctionpi); 2102 document.getElementById("pagj").addEventListener("click", myFunctionpj); 2103 2104 function myFunctionpf() { 2105 document.getElementById("pagf").style.background = "rgb(210 212 211)"; 2106 document.getElementById("pagg").style.background = "rgb(136 190 68)"; 2107 document.getElementById("pagh").style.background = "rgb(136 190 68)"; 2108 document.getElementById("pagi").style.background = "rgb(136 190 68)"; 2109 document.getElementById("pagj").style.background = "rgb(136 190 68)"; 2110 $('#carouselExampleIndicators5').carousel('pause'); 2111 } 2112 2113 function myFunctionpg() { 2114 document.getElementById("pagg").style.background = "rgb(210 212 211)"; 2115 document.getElementById("pagf").style.background = "rgb(136 190 68)"; 2116 document.getElementById("pagh").style.background = "rgb(136 190 68)"; 2117 document.getElementById("pagi").style.background = "rgb(136 190 68)"; 2118 document.getElementById("pagj").style.background = "rgb(136 190 68)"; 2119 $('#carouselExampleIndicators5').carousel('pause'); 2120 } 2121 2122 function myFunctionph() { 2123 document.getElementById("pagh").style.background = "rgb(210 212 211)"; 2124 document.getElementById("pagg").style.background = "rgb(136 190 68)"; 2125 document.getElementById("pagf").style.background = "rgb(136 190 68)"; 2126 document.getElementById("pagi").style.background = "rgb(136 190 68)"; 2127 document.getElementById("pagj").style.background = "rgb(136 190 68)"; 2128 $('#carouselExampleIndicators5').carousel('pause'); 2129 } 2130 2131 function myFunctionpi() { 2132 document.getElementById("pagi").style.background = "rgb(210 212 211)"; 2133 document.getElementById("pagf").style.background = "rgb(136 190 68)"; 2134 document.getElementById("pagg").style.background = "rgb(136 190 68)"; 2135 document.getElementById("pagh").style.background = "rgb(136 190 68)"; 2136 document.getElementById("pagj").style.background = "rgb(136 190 68)"; 2137 $('#carouselExampleIndicators5').carousel('pause'); 2138 } 2139 2140 function myFunctionpj() { 2141 document.getElementById("pagj").style.background = "rgb(210 212 211)"; 2142 document.getElementById("pagf").style.background = "rgb(136 190 68)"; 2143 document.getElementById("pagg").style.background = "rgb(136 190 68)"; 2144 document.getElementById("pagg").style.background = "rgb(136 190 68)"; 2145 document.getElementById("pagi").style.background = "rgb(136 190 68)"; 2146 $('#carouselExampleIndicators5').carousel('pause'); 2147 } 2148 </script>
2148 2149 2150 2151 2152
2152<script> 2153 window.addEventListener('scroll', function () { 2154 var navbar = document.getElementById("navbar"); 2155 var searchIcon = document.querySelector(".iconsearch"); 2156 var sinhalaLink = document.querySelector(".nav-sinhala a"); 2157 var tamilLink = document.querySelector(".nav-tamil a"); 2158 2159 var hamburger = document.querySelector(".navbar-toggler") || 2160 document.querySelector(".navbar-toggler-icon") || 2161 document.querySelector(".fa-bars") || 2162 document.querySelector(".hamburger-menu"); 2163 2164 if (window.scrollY > 50) { 2165 if (navbar) navbar.style.setProperty("background-color", "rgb(136, 192, 69)", "important"); 2166 2167 if (searchIcon) { 2168 searchIcon.src = "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass.webp"; 2169 searchIcon.setAttribute("data-src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass.webp"); 2170 } 2171 2172 if (sinhalaLink) sinhalaLink.style.setProperty("color", "#ffffff", "important"); 2173 if (tamilLink) tamilLink.style.setProperty("color", "#ffffff", "important"); 2174 2175 if (hamburger) { 2176 hamburger.style.setProperty("color", "#ffffff", "important"); 2177 hamburger.style.setProperty("border-color", "#ffffff", "important"); 2178 hamburger.style.setProperty("filter", "brightness(0) invert(1)", "important"); // SVG/Image à¶à¶à¶à· නම෠à·à·à¶¯à· à¶à·à¶»à·à¶¸à¶§ 2179 } 2180 } 2181 2182 else { 2183 if (navbar) navbar.style.setProperty("background-color", "transparent", ""); 2184 2185 if (searchIcon) { 2186 searchIcon.src = "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp"; 2187 searchIcon.setAttribute("data-src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/magnifying-glass-inner.webp"); 2188 } 2189 2190 if (sinhalaLink) sinhalaLink.style.setProperty("color", "#517d96", "important"); 2191 if (tamilLink) tamilLink.style.setProperty("color", "#517d96", "important"); 2192 2193 if (hamburger) { 2194 hamburger.style.setProperty("color", "#517d96", "important"); 2195 hamburger.style.setProperty("border-color", "#517d96", "important"); 2196 hamburger.style.setProperty("filter", "none", "important"); 2197 } 2198 } 2199 }); 2200 </script>
2200 2201 2202
2202<script> 2203 function handleNavbarScroll() { 2204 var scrollTop = jQuery(window).scrollTop(); 2205 var width = jQuery(window).width(); 2206 var body = jQuery('body'); 2207 2208 if (width <= 767) { 2209 body.addClass('is-mobile').removeClass('is-desktop-scrolled is-desktop-top'); 2210 } else { 2211 body.removeClass('is-mobile'); 2212 2213 if (scrollTop > 0) { 2214 body.addClass('is-desktop-scrolled').removeClass('is-desktop-top'); 2215 2216 if (jQuery(".main-logo>a>img").attr("src") !== "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/pc-logo-top-new-1.webp") { 2217 jQuery(".main-logo>a>img").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/pc-logo-top-new-1.webp"); 2218 } 2219 } else { 2220 body.addClass('is-desktop-top').removeClass('is-desktop-scrolled'); 2221 2222 if (jQuery(".main-logo>a>img").attr("src") !== "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/logo-top-v3-new-1.webp") { 2223 jQuery(".main-logo>a>img").attr("src", "https://plasticcycle-2023.sgp1.digitaloceanspaces.com/logo-top-v3-new-1.webp"); 2224 } 2225 } 2226 } 2227 } 2228 2229 2230 jQuery(window).on('scroll resize', handleNavbarScroll); 2231 jQuery(document).ready(handleNavbarScroll); 2232 </script>
2232 2233 2234
2234<script> 2235 jQuery(document).ready(function () { 2236 var currentUrl = window.location.href; 2237 2238 var bannerTitleElement = jQuery('.about-banner h1'); 2239 2240 if (currentUrl.indexOf('/si/') > -1 || currentUrl.indexOf('lang=si') > -1) { 2241 bannerTitleElement.text('à¶ à¶´ à¶´à·à· à·à¶¶à¶³à·'); 2242 } 2243 else if (currentUrl.indexOf('/ta/') > -1 || currentUrl.indexOf('lang=ta') > -1) { 2244 bannerTitleElement.text('à®à®à¯à®à®³à¯à®ªà¯ பறà¯à®±à®¿'); 2245 } 2246 else { 2247 bannerTitleElement.text('About Us'); 2248 } 2249 }); 2250 </script>
2250 2251 2252
2252<script> 2253 window.addEventListener("load", function () { 2254 if (window.cookieconsent) { 2255 window.cookieconsent.initialise({ 2256 palette: { 2257 popup: { background: "#ffffff" }, 2258 button: { background: "transparent", text: "#f1d600", border: "#f1d600" }, 2259 }, 2260 position: "bottom-right", 2261 type: "opt-out", 2262 content: { href: "/privacy-policy" }, 2263 }); 2264 } 2265 }); 2266 </script>
2266 2267 2268 <!-- We need to add only this to every page --> 2269
2269<script src="/wp-content/themes/jkh-plastic-cycle/assets/js/chatbot-widget.js"></script>
2269 2270 2271 <style> 2272 .Bestweb-Award-Footer, 2273 .Bestweb-logo-Footer { 2274 display: inline-block !important; 2275 margin: 8px 12px !important; 2276 vertical-align: middle !important; 2277 height: 160px !important; 2278 width: 150px !important; 2279 } 2280 2281 #bestweb-badge { 2282 display: inline-block !important; 2283 margin: 8px 12px !important; 2284 vertical-align: middle !important; 2285 } 2286 2287 2288 2289 /* --- 1. DESKTOP TOP STATE --- */ 2290 .is-desktop-top .top-nav-section { 2291 background-color: rgb(81 125 150 / 0%); 2292 height: 84px; 2293 } 2294 2295 .is-desktop-top .bar1, 2296 .is-desktop-top .bar2, 2297 .is-desktop-top .bar3 { 2298 background-color: #517d96; 2299 } 2300 2301 .is-desktop-top .nav-sinhala>a, 2302 .is-desktop-top .nav-tamil>a { 2303 color: #517d96; 2304 } 2305 2306 .is-desktop-top .main-logo>a>img { 2307 max-width: 100%; 2308 filter: none; 2309 } 2310 2311 .is-desktop-top .nav-inster, 2312 .is-desktop-top .nav-fb { 2313 display: block; 2314 } 2315 2316 /* --- 2. DESKTOP SCROLLED STATE --- */ 2317 .is-desktop-scrolled .top-nav-section { 2318 background-color: #517d96; 2319 height: 84px; 2320 } 2321 2322 .is-desktop-scrolled .bar1, 2323 .is-desktop-scrolled .bar2, 2324 .is-desktop-scrolled .bar3 { 2325 background-color: #ffffff; 2326 } 2327 2328 .is-desktop-scrolled .nav-sinhala>a, 2329 .is-desktop-scrolled .nav-tamil>a { 2330 color: #ffffff; 2331 } 2332 2333 .is-desktop-scrolled .main-logo>a>img { 2334 max-width: 250px; 2335 filter: none; 2336 } 2337 2338 .is-desktop-scrolled .nav-inster, 2339 .is-desktop-scrolled .nav-fb { 2340 display: none; 2341 } 2342 2343 @media (max-width: 767px) { 2344 2345 2346 .is-mobile .top-nav-section { 2347 background-color: #88c045; 2348 height: 84px; 2349 } 2350 2351 .is-mobile .bar1, 2352 .is-mobile .bar2, 2353 .is-mobile .bar3 { 2354 background-color: #ffffff; 2355 } 2356 2357 .is-mobile .nav-sinhala>a, 2358 .is-mobile .nav-tamil>a { 2359 color: #ffffff; 2360 } 2361 2362 .is-mobile .main-logo>a>img { 2363 max-width: 100%; 2364 filter: brightness(0) invert(1); 2365 } 2366 2367 .is-mobile .nav-inster, 2368 .is-mobile .nav-fb { 2369 display: none; 2370 } 2371 2372 .is-mobile img.iconsearch { 2373 filter: brightness(0) invert(1); 2374 } 2375 2376 .is-mobile .nav-sinhala, 2377 .is-mobile .nav-tamil { 2378 display: inline-block; 2379 margin: 20px 4px 0px; 2380 vertical-align: middle; 2381 } 2382 } 2383 </style> 2384 2385 <style> 2386 .mobile-lang-header { 2387 display: none; 2388 } 2389 2390 .bar1, 2391 .bar2, 2392 .bar3 { 2393 transition: background-color 0.3s ease, transform 0.4s ease-in-out !important; 2394 } 2395 2396 @media (min-width: 768px) and (max-width: 1024px) { 2397 2398 .top-nav-section { 2399 background-color: #ffffff !important; 2400 height: 84px !important; 2401 } 2402 2403 .main-logo>a>img { 2404 max-width: 220px !important; 2405 filter: none !important; 2406 display: block !important; 2407 } 2408 2409 body:not(.is-desktop-scrolled) .bar1, 2410 body:not(.is-desktop-scrolled) .bar2, 2411 body:not(.is-desktop-scrolled) .bar3 { 2412 background-color: #517d96 !important; 2413 } 2414 2415 .is-desktop-scrolled .bar1, 2416 .is-desktop-scrolled .bar2, 2417 .is-desktop-scrolled .bar3 { 2418 background-color: #ffffff !important; 2419 } 2420 } 2421 2422 /* Mobile responsive styling (max-width: 767px) */ 2423 @media (max-width: 767px) { 2424 2425 .desktop-lang { 2426 display: none !important; 2427 } 2428 2429 .mobile-lang-header { 2430 display: flex; 2431 justify-content: center; 2432 align-items: center; 2433 background-color: #517d96; 2434 height: 35px; 2435 width: 100%; 2436 position: fixed; 2437 top: 0; 2438 left: 0; 2439 z-index: 10000; 2440 } 2441 2442 .mobile-lang-header a { 2443 color: #ffffff !important; 2444 font-size: 14px; 2445 text-decoration: none; 2446 padding: 0 10px; 2447 } 2448 2449 .vertical-divider { 2450 width: 1px; 2451 height: 16px; 2452 background-color: #ffffff; 2453 margin: 0 5px; 2454 } 2455 2456 .top-nav-section { 2457 position: fixed !important; 2458 top: 35px !important; 2459 width: 100%; 2460 z-index: 9999; 2461 } 2462 } 2463 </style> 2464 2465 2466 2467 <link rel="stylesheet" href="/assets/accessibility/accessibility-widget.css"> 2468
2468<script src="/assets/accessibility/accessibility-widget.js"></script>
2468 2469 2470
2470<script src="https://code.jquery.com/jquery-3.3.1.min.js?ver=3.3.1" defer></script>
2470 2471
2471<script src="/wp-content/themes/jkh-plastic-cycle/assets/js/cookieconsent.min.js?ver=1.0.0" defer></script>
2471 2472</body> 2473 2474</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.