1<?php// include 'popup.php';?> 2<!DOCTYPE html> 3<html lang="en"> 4 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 4-5
4 5<script async src="https://www.googletagmanager.com/gtag/js?id=
5G-F2VW8JVRYQ
vendor: 12 bytes, line 5
5"></script>
6<script> 7
vendor: 134 bytes, lines 7-11
7window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 11 gtag('config', '
11G-F2VW8JVRYQ
vendor: 4 bytes, line 11
11');
12</script>
12 13 <meta name="viewport" content="width=device-width, initial-scale=1" /> 14<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 15<meta http-equiv="X-UA-Compatible" content="IE=edge"> 16 17<meta name="description" content="CII Green Business Center"> 18<meta name="keywords" content="CII Green Business Centre, Sustainability, Energy, Green Buildings"> 19<meta name="author" content="CII Green Business Centre"> 20 21<!-- Favicon --> 22<link rel="icon" type="image/x-icon" href="https://greenbusinesscentre.com/img/favicon.ico"> 23<link rel="shortcut icon" href="https://greenbusinesscentre.com/img/favicon.ico"> 24<link rel="apple-touch-icon" sizes="180x180" href="https://greenbusinesscentre.com/img/apple-touch-icon.png"> 25 26<!-- Open Graph --> 27<meta property="og:title" content="CII GBC"> 28<meta property="og:description" content="CII Green Business Center"> 29<meta property="og:image" content="https://greenbusinesscentre.com/img/ciilogo.png"> 30<meta property="og:type" content="website"> 31 32<!-- Twitter --> 33<meta name="twitter:card" content="summary_large_image"> 34<meta name="twitter:title" content="CII GBC"> 35<meta name="twitter:description" content="CII Green Business Center"> 36<meta name="twitter:image" content="https://greenbusinesscentre.com/img/ciilogo.png"> 37 38<!-- Title --> 39<title>CII GBC</title> 40
41<script type="application/ld+json"> 42{ 43 "@context": "https://schema.org", 44 "@graph": [ 45 { 46 "@type": "Organization", 47 "@id": "https://greenbusinesscentre.com/#organization", 48 "name": "CII - Sohrabji Godrej Green Business Centre", 49 "alternateName": "CII Green Business Centre", 50 "url": "https://greenbusinesscentre.com/", 51 "logo": { 52 "@type": "ImageObject", 53 "url": "https://greenbusinesscentre.com/img/logo/ciibluelogo.png" 54 }, 55 "description": "CII's developmental institute on green practices and businesses, offering advisory services in energy management, green buildings, green companies, renewable energy, green product certification, green mobility, green cooling, waste management and cleaner production processes.", 56 "foundingDate": "2004", 57 "parentOrganization": { 58 "@type": "Organization", 59 "name": "Confederation of Indian Industry (CII)", 60 "url": "https://www.cii.in/" 61 }, 62 "address": { 63 "@type": "PostalAddress", 64 "streetAddress": "Survey No. 64, Kothaguda Post, R R District", 65 "addressLocality": "Hyderabad", 66 "addressRegion": "Telangana", 67 "postalCode": "500084", 68 "addressCountry": "IN" 69 }, 70 "telephone": "+91-40-44185111", 71 "faxNumber": "+91-40-44185189", 72 "email": "[email protected]", 73 "sameAs": [ 74 "https://in.linkedin.com/company/cii-godrej-gbc", 75 "https://www.facebook.com/greenbusinesscentre/", 76 "https://www.youtube.com/@ciigodrejgbc7638/videos", 77 "https://x.com/Follow_CIIGBC" 78 ] 79 }, 80 { 81 "@type": "WebSite", 82 "@id": "https://greenbusinesscentre.com/#website", 83 "url": "https://greenbusinesscentre.com/", 84 "name": "CII Green Business Centre", 85 "inLanguage": "en", 86 "publisher": { 87 "@id": "https://greenbusinesscentre.com/#organization" 88 } 89 } 90 ] 91} 92</script>
92 93 94</head><head> 95
95<script>window.$zoho=window.$zoho || {};$zoho.salesiq=$zoho.salesiq||{ready:function(){}}</script>
95<script id="zsiqscript" src=https://salesiq.zohopublic.in/widget?wc=siq9975ce45394b2ec8378917444bd1bb6f9aae54b57b70779410088eb3c4fca2f9ea944a3f6a303b260ea87d17fa9cf6a0 defer></script>
95 96 97 98<!-- Stylesheets & Fonts --> 99<link href="css/plugins.css" rel="stylesheet"> 100<link href="css/style.css" rel="stylesheet"> 101<!-- Popper --> 102<a href="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></a> 103 104<style type="text/css"> 105 .image-hover-shadow { 106 transition: box-shadow 0.3s ease; 107 } 108 109 .image-hover-shadow:hover { 110 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); 111 } 112 .image-hover-zoom { 113 transition: transform 0.3s; 114 } 115 116 .image-hover-zoom:hover { 117 transform: scale(1.1); 118 } 119 .center-table { 120 display: flex; 121 justify-content: center; 122 align-items: center; 123 margin: 20px 0; 124 } 125 126 .center-table table { 127 border-collapse: collapse; 128 } 129 130 .center-table img { 131 margin: 0 20px; 132 } 133 section { 134 padding: 10px 0; 135 } 136 p { 137 text-align: justify; 138 } 139</style>
139<script> 140// Function to update image map coordinates based on the resized image 141function updateImageMapCoordinates() { 142 const image = document.getElementById('image'); 143 const imageWidth = image.width; 144 const imageHeight = image.height; 145 146 const mapAreas = document.querySelectorAll('map[name="image-map"] area'); 147 mapAreas.forEach(area => { 148 const coords = area.getAttribute('coords').split(',').map(Number); 149 const updatedCoords = coords.map((coord, index) => { 150 // Adjust the coordinates based on the image's current size 151 if (index % 2 === 0) { 152 return Math.round((coord / image.naturalWidth) * imageWidth); 153 } else { 154 return Math.round((coord / image.naturalHeight) * imageHeight); 155 } 156 }); 157 area.setAttribute('coords', updatedCoords.join(',')); 158 }); 159} 160 161// Call the function when the window loads or when the image is resized 162window.addEventListener('load', updateImageMapCoordinates); 163window.addEventListener('resize', updateImageMapCoordinates); 164 165</script>
165 <style> 166/* Styles for the popup */ 167 168.popup-content { 169 position: relative; 170 background-color: #fff; 171 padding: 1rem; 172 border-radius: 8px; 173 box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); 174 max-height: 90vh; 175 max-width: 95vw; 176 overflow: auto; 177 display: flex; 178 justify-content: center; 179 align-items: center; 180 transform: scale(0.8); 181 transition: transform 0.3s ease; 182 box-sizing: border-box; 183} 184 185/* Image styling */ 186.popup img { 187 max-height: 80vh; 188 max-width: 100%; 189 height: auto; 190 width: auto; 191 object-fit: contain; 192 border-radius: 5px; 193} 194 195/* Close button */ 196.close-btn { 197 position: absolute; 198 top: 5px; 199 right: 5px; 200 z-index: 10; 201 background: red; 202 color: white; 203 border: none; 204 font-size: 18px; 205 width: 30px; 206 height: 30px; 207 border-radius: 50%; 208 cursor: pointer; 209 display: flex; 210 align-items: center; 211 justify-content: center; 212} 213 214.close-btn:hover { 215 background: darkred; 216} 217 218/* Responsive tweak */ 219@media (max-width: 480px) { 220 .popup-content { 221 max-height: 85vh; 222 max-width: 95vw; 223 padding: 0.5rem; 224 } 225 226 .popup img { 227 max-height: 70vh; 228 } 229} 230 231/* Popup background */ 232.popup { 233 display: flex; 234 position: fixed; 235 top: 0; 236 left: 0; 237 width: 100%; 238 height: 100%; 239 background-color: rgba(0, 0, 0, 0.7); 240 z-index: 9999; 241 justify-content: center; 242 align-items: center; 243 opacity: 0; 244 visibility: hidden; 245 transition: opacity 0.5s ease, visibility 0.5s ease; 246} 247 248/* Show popup */ 249.popup.show { 250 opacity: 1; 251 visibility: visible; 252} 253 254/* Scale animation */ 255.popup.show .popup-content { 256 transform: scale(1); 257} 258</style> 259 260 261<!-- POPUP HTML --> 262<div class="popup" id="popup"> 263 <div class="popup-content"> 264 265 <button class="close-btn" onclick="closePopup()">Ã</button> 266 267 <a href="https://forms.mycii.in/form/70c3d094-e8bd-44ef-8ef1-e9dfe412a918" target="_blank"> 268 <img src="img/banner/GEC-ACEGTM2026.jpeg" alt="Ascend"> 269 </a> 270 271 </div> 272</div> 273 274
275<script> 276// Show popup only till 31 May 2026 277document.addEventListener('DOMContentLoaded', function () { 278 279 // Expiry date: 31 May 2026 11:59:59 PM 280 const expiryDate = new Date(2026, 4, 31, 23, 59, 59); 281 282 // Current date 283 const today = new Date(); 284 285 // Check expiry 286 if (today <= expiryDate) { 287 288 // Show popup after small delay 289 setTimeout(function () { 290 document.getElementById('popup').classList.add('show'); 291 }, 300); 292 293 } else { 294 295 // Hide popup permanently after expiry 296 document.getElementById('popup').style.display = 'none'; 297 } 298}); 299 300// Close popup 301function closePopup() { 302 303 let popup = document.getElementById('popup'); 304 305 popup.classList.remove('show'); 306 307 setTimeout(() => { 308 popup.style.display = 'none'; 309 }, 500); 310} 311</script>
311 <link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@700&display=swap" rel="stylesheet"> 312 <!--link href="hovertooltopinc.css" rel="stylesheet" type="text/css" /> 313 314
314<script src="hovertooltip.js"></script--> 315 <style> 316 .tooltip { 317 position: absolute; 318 background: #fff; 319 color: #043927; 320 padding: 5px; 321 border-radius: 5px; 322 display: none; 323 opacity:1; 324} 325 #greenhouse { 326 position: relative; 327 width: 100%; 328 vertical-align: middle; 329 margin: 0; 330 overflow: hidden; 331 } 332 #greenhouse svg { 333 display: inline-block; 334 position: absolute; 335 top: 0; 336 left: 0; 337 } 338 #lines { 339 z-index: 3; 340 } 341 #greenhouse-details { 342 display: flex; 343 margin-top: 60%; 344 flex-wrap: wrap; 345 justify-content: center; 346 } 347 348 .overlaysvgcircle:hover circle{ 349 fill:green; 350 stroke:green; 351 opactiy:0.3;} 352 .narrow-text { 353 background-color: #d4ffde; 354 padding: 1% 3%; 355 margin: 1%; 356 flex-basis: 25%; 357 font-family: Roboto, sans-serif; 358 } 359 @media only screen and (max-width : 480px) { 360 .narrow-text { 361 flex-basis: 100%; 362 } 363 } 364 365 366 367</style>
368<script>var selectedElement, offset, transform;function makeDraggable(evt) { 369 var svg = evt.target; 370 svg.addEventListener('onmouseover', highlight); 371 svg.addEventListener('onclick', urlnavigation); 372 function highlight(evt) { 373 if (evt.target.classList.contains('svgcircle')) { 374 selectedElement = evt.target; 375 highlightme(selectedElement); 376 } 377 } 378 function urlnavigation(evt){ 379 if (evt.target.classList.contains('svgcircle')) { 380 alert("clicked on circle"); 381 } 382 } 383 } 384 385 386 </script>
386 387 388 389 390
391<script> 392 393 394 function hoverfn(cname,col){ 395 const svgcircle = document.getElementsByClassName(cname); 396 for(const cir of svgcircle){ 397 cir.addEventListener('onmouseover', highlightme(cir,col)); 398 } 399 400 401 var scn=cname.replace("path","sc"); 402 if(document.getElementById(scn)!=null){ 403 //document.getElementById(scn).style.display="block"; 404 //document.getElementById(scn).classList.add("neonText"); 405 var tooltip = document.getElementById(scn); 406 //tooltip.innerHTML = data; 407 tooltip.style.left = (event.pageX - 100) + 'px'; 408 tooltip.style.top = (event.pageY + 10) + 'px'; 409 tooltip.style.display = 'block'; 410 tooltip.style.visibility="visible"; 411 $("#"+scn).fadeIn("slow"); 412 413 } 414 415 } 416 function mouseoutfn(cname){ 417 const svgcircle = document.getElementsByClassName(cname); 418 for(const cir of svgcircle){ 419 cir.addEventListener('onmouseout', mohighlightme(cir,'#002017')); 420 } 421 422 var scn=cname.replace("path","sc"); 423 if(document.getElementById(scn)!=null){ 424 document.getElementById(scn).style.display="none"; 425 document.getElementById(scn).style.visibility="hidden"; 426 427 }}</script>
427 428 <style> 429 .neonText { 430 color: #fff; 431 text-shadow: 432 0 0 7px #fff, 433 0 0 10px #fff, 434 0 0 21px #fff, 435 0 0 42px #0fa, 436 0 0 82px #0fa, 437 0 0 92px #0fa, 438 0 0 102px #0fa, 439 0 0 151px #0fa; 440} 441 rect{animation:neon3 1.5s ease-in-out infinite alternate;}</style> 442 443
443<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
443 444
444<script>$(document).ready(function() {const notes = document.querySelectorAll('.ani-boxes > div') 445 446for(var i=0;i<notes.length;i++){ 447 448 notes[i].addEventListener('mouseenter',function(e) { 449 const ani = e.target.dataset.ani; 450 e.target.classList.add('animated', 'infinite', ani); 451 window.setTimeout(function(){ 452 e.target.classList.remove('animated', 'infinite', ani); 453 }, 3000); 454 }); 455} 456 }); 457</script>
457 458
458<script> 459 $(document).ready(function() { 460 var scani = $('.scani') 461 current = 0; 462 scani.hide(); 463 Rotator(); 464 function Rotator() { 465 //$(scani[current]).fadeIn('slow').delay(2000).fadeOut('slow'); 466 $(scani[current]).show().delay(6000).fadeOut('slow'); 467 //$(scani[current]).effect('slide',{direction:'left',mode:'show'},2000).hide(); 468 $(scani[current]).queue(function() { 469 current = current < scani.length - 1 ? current + 1 : 0; 470 Rotator(); 471 $(this).dequeue(); 472 }); 473 } 474 }); 475</script>
475 476 <style type="text/css"> 477 .d-flex { 478 display: flex; 479 } 480 #rectangle-left { 481 background-color: yellowgreen; 482 width: 90%; 483 height: 20px; 484 display: block; 485 transition: width 3s; 486 margin-left: auto; 487 } 488 #rectangle-right { 489 background-color: orangered; 490 width: 90%; 491 height: 20px; 492 display: block; 493 transition: width 3s; 494 } 495 @keyframes bounceInLeft { 496 from { 497 transform: translateX(-100%); 498 } 499 to { 500 transform: translateX(0); 501 } 502 } 503 @keyframes bounceInRight { 504 from { 505 transform: translateX(100%); 506 } 507 to { 508 transform: translateX(0); 509 } 510 } 511 .even { 512 position: relative; 513 top: -20px; 514 } 515 .odd { 516 position: relative; 517 top: 20px; 518 } 519 .icon-box.border .icon { 520 border: 0px solid #333; 521 text-align: center; 522 border-radius: 50%; 523 background-color: transparent; 524 } 525 #container1 { 526 position: relative; 527 display: flex; 528 left: 0%; 529 justify-content: center; 530 overflow: hidden; 531 width: 100%; 532 max-width: 100%; 533 height: 100vh; /* Set a maximum height if needed */ 534 } 535 svg { 536 position: absolute; 537 top: 0%; 538 left:0%; 539 width: 100%; 540 height: 100vh; 541 } 542 .imgcontainer{ 543 position:relative; 544 545 } 546 .greencocon{ 547 position:absolute; 548 bottom:350px; 549 left:416px; 550 color:darkgreen; 551 /* text-shadow: 2px 2px #097969; */ 552 font-family: 'Titillium Web', sans-serif; 553 font-size: 24px; 554 /* background-color: rgba(0, 77, 64, 0.7); */ 555 background-color: rgba(255, 255, 255, 0.7); 556 padding: 10px; 557 animation: fadeInLeft 7s infinite; 558 /* animation-name:fadeInLeft; 559 animation-duration:4s; 560 animation-timing-function:ease-in-out; 561 animation-iteration-count:infinite; 562 animation-delay:12s;*/ 563 } 564 .greenprocon{ 565 position:absolute; 566 top:350px; 567 left:516px; 568 color:darkgreen; 569 /* text-shadow: 2px 2px #097969; */ 570 font-family: 'Titillium Web', sans-serif; 571 font-size: 27px; 572 /* background-color: rgba(0, 77, 64, 0.7); */ 573 background-color: rgba(255, 255, 255, 0.7); 574 padding: 10px; 575 animation: fadeInLeft 7s infinite; 576 /*animation-name:fadeInLeft; 577 animation-duration:4s; 578 animation-timing-function:ease-in-out; 579 animation-iteration-count:infinite; 580 animation-delay:4s;*/ 581 } 582 .energyeffcon{ 583 position:absolute; 584 top:350px; 585 right:316px; 586 color:darkgreen; 587 /* text-shadow: 2px 2px #097969; */ 588 font-family: 'Titillium Web', sans-serif; 589 font-size: 24px; 590 /* background-color: rgba(0, 77, 64, 0.7); */ 591 background-color: rgba(255, 255, 255, 0.7); 592 padding: 10px; 593 animation: fadeInRight 7s infinite; 594 /*animation-name:fadeInRight; 595 animation-duration:4s; 596 animation-timing-function:ease-in-out; 597 animation-iteration-count:infinite; 598 animation-delay:8s;*/ 599 } 600 .igbccon{ 601 position:absolute; 602 bottom:350px; 603 right:316px; 604 color:darkgreen; 605 /* text-shadow: 2px 2px #097969; */ 606 font-family: 'Titillium Web', sans-serif; 607 font-size: 24px; 608 background-color: rgba(255, 255, 255, 0.7); 609 padding: 10px; 610 animation: fadeInRight 7s infinite; 611 /*animation-name:fadeInRight; 612 animation-duration:4s; 613 animation-timing-function:ease-in-out; 614 animation-iteration-count:infinite; 615 animation-delay:16s;*/ 616 } 617 618 .igbccon1{ 619 position:absolute; 620 bottom:350px; 621 right:416px; 622 color:darkgreen; 623 /* text-shadow: 2px 2px #097969; */ 624 font-family: 'Titillium Web', sans-serif; 625 font-size: 24px; 626 background-color: rgba(255, 255, 255, 0.7); 627 padding: 10px; 628 animation: fadeInLeft 7s infinite; 629 630 /*animation-name:fadeInRight; 631 animation-duration:4s; 632 animation-timing-function:ease-in-out; 633 animation-iteration-count:infinite; 634 animation-delay:16s;*/ 635 } 636 637 .greencocon1{ 638 position:absolute; 639 bottom:350px; 640 right:316px; 641 color:darkgreen; 642 /* text-shadow: 2px 2px #097969; */ 643 font-family: 'Titillium Web', sans-serif; 644 font-size: 24px; 645 background-color: rgba(255, 255, 255, 0.7); 646 padding: 10px; 647 animation: fadeInRight 7s infinite; 648 /*animation-name:fadeInRight; 649 animation-duration:4s; 650 animation-timing-function:ease-in-out; 651 animation-iteration-count:infinite; 652 animation-delay:16s;*/ 653 } 654 655 .energyeffcon1{ 656 position:absolute; 657 bottom:370px; 658 right:416px; 659 color:darkgreen; 660 /* text-shadow: 2px 2px #097969; */ 661 font-family: 'Titillium Web', sans-serif; 662 font-size: 24px; 663 background-color: rgba(255, 255, 255, 0.7); 664 padding: 10px; 665 animation: fadeInLeft 7s infinite; 666 /*animation-name:fadeInRight; 667 animation-duration:4s; 668 animation-timing-function:ease-in-out; 669 animation-iteration-count:infinite; 670 animation-delay:16s;*/ 671 } 672 673 @media only screen and (max-width:600px){ 674 .scani { 675 font-size:8px !important; 676 width:75%; 677 } 678 } 679 680/* Modal Styles */ 681.modal-confirm { 682 color: #636363; 683 width: 700px; 684 margin: 30px auto; 685} 686
687.modal-confirm.modal-dialog { 688 margin-top: 80px; 689} 690 691.modal-content { 692 border-radius: 5px; 693 border: none; 694 text-align: center; 695} 696 697.modal-body { 698 padding: 0; /* Remove padding */ 699 background-color: transparent; /* Set background color to transparent */ 700} 701 702.modal-body img { 703 max-width: 100%; 704 max-height: 100vh; /* Set maximum height to 100% of viewport height */ 705 display: block; 706 margin: 0 auto; /* Center the image horizontally */ 707} 708 709/* Overlay Styles */ 710.modal-backdrop { 711 background-color: rgba(0, 0, 0, 0.8); 712} 713 714 .video-container { 715 position: absolute; 716 top: 10px; 717 right: 10px; 718 width: 400px; 719 height: 175px; 720 overflow: hidden; 721 border-radius: 10px; 722 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 723 /*border: 2px solid yellowgreen;*/ 724 } 725 .video-container video { 726 width: 100%; 727 height: 100%; 728 object-fit: cover; /* Ensures the video covers the area */ 729 } 730 .controls { 731 position: absolute; 732 bottom: 5px; 733 right: 0; 734 transform: translateX(-50%); 735 display: flex; 736 gap: 10px; 737 } 738 .controls button { 739 background: rgba(0,0,0,0.5); 740 color: white; 741 border: none; 742 padding: 5px 10px; 743 cursor: pointer; 744 font-size: 14px; 745 border-radius: 5px; 746 } 747 .close-btn { 748 position: absolute; 749 top: 5px; 750 right: 5px; 751 font-size: 20px; 752 background: rgba(0, 0, 0, 0.6); 753 border: none; 754 color: white; 755 cursor: pointer; 756 border-radius: 50%; 757 width: 30px; 758 height: 30px; 759 line-height: 28px; 760 text-align: center; 761 z-index: 10; 762 } 763 764 </style> 765</head>
766<script> 767document.addEventListener('DOMContentLoaded', function () { 768 document.getElementById('closeVideo').addEventListener('click', function() { 769 const videoContainer = document.getElementById('videoContainer'); 770 videoContainer.style.display = 'none'; 771 document.getElementById('video').pause(); // Pause video 772 }); 773}); 774</script>
774 775 776
777<script> 778// JavaScript for showing the modal when the page loads 779$(document).ready(function(){ 780 $('#myModal').modal('show'); 781}); 782 783</script>
783 784 785<body> 786 <!-- <div id="myModal" class="modal fade"> 787 <div class="modal-dialog modal-confirm"> 788 <div class="modal-content"> 789 <div class="modal-body"> 790 <a href="ascend.php" target="_blank"><img src="img/banner/Ascend_flyer.jpeg"></a> 791 </div> 792 </div> 793 </div> 794 </div> --> 795<!-- Modal --> 796 797<?php// include 'popup.php';?> 798 799 <!-- Body Inner --> 800 <div class="body-inner"> 801 <!-- Topbar --> 802 <!-- <div id="topbar" class="topbar-colored topbar-fullwidth dark d-none d-xl-block d-lg-block" style="background-color:white"> --> 803 <div class="topbar-colored topbar-fullwidth dark d-none d-xl-block d-lg-block" style="background-color:#055e9a; padding: 5px"> 804 <!-- <div class="container"> 805 <div class="row"> 806 <h4 class="text-center" style="padding:5px;color:darkgreen">CII-Sohrabji Godrej Green Business Centre</h4> 807 </div> 808 </div> --> 809 </div> 810 <!-- end: Topbar --> 811 812 813 814<style> 815/* ================== COMMON ================== */ 816.dark #header .header-inner, 817.dark #header #header-wrap, 818#header.dark .header-inner, 819#header.dark #header-wrap { 820 background-color: #ffffff; 821} 822 823#header { 824 position: relative; 825 width: 100%; 826 z-index: 199 !important; 827} 828 829/* Desktop dropdown hover */ 830@media (min-width: 992px) { 831 #mainMenu .dropdown-menu { 832 display: none; 833 position: absolute; 834 background: #fff; 835 padding: 10px; 836 border-radius: 5px; 837 box-shadow: 0px 4px 6px rgba(0,0,0,0.1); 838 white-space: nowrap; 839 z-index: 1000; 840 } 841 842 #mainMenu .dropdown:hover > .dropdown-menu { 843 display: block !important; 844 } 845 846 #mainMenu .dropdown-menu li { 847 display: block; 848 margin: 5px 0; 849 } 850 851 #mainMenu .dropdown-menu li a { 852 padding: 8px 5px; 853 font-size: 12px; 854 } 855 856 #header { 857 height: 50px; 858 line-height: 80px; 859 } 860 861 #header .header-inner { 862 height: 50px; 863 display: flex; 864 align-items: center; 865 padding: 0; 866 } 867} 868 869/* ================== MOBILE ================== */ 870@media (max-width: 991px) { 871 872 /* Hide menu initially */ 873 #mainMenu { 874 display: none; 875 width: 100%; 876 background: #fff; 877 padding: 10px 0; 878 } 879 880 /* Show menu on toggle */ 881 #mainMenu.menu-open { 882 display: block !important; 883 } 884 885 #mainMenu nav ul { 886 display: block !important; 887 padding-left: 0; 888 margin: 0; 889 } 890 891 #mainMenu nav ul li { 892 display: block; 893 padding: 12px 15px; 894 border-bottom: 1px solid #eee; 895 } 896 897 #mainMenu nav ul li a { 898 display: block; 899 width: 100%; 900 font-size: 15px; 901 color: #000; 902 } 903 904 /* MOBILE DROPDOWN */ 905 #mainMenu .dropdown-menu { 906 display: none; 907 background: #f4f4f4; 908 padding-left: 25px; 909 } 910 911 #mainMenu .dropdown.open .dropdown-menu { 912 display: block !important; 913 } 914 915 #header { 916 height: auto; 917 line-height: normal; 918 } 919 920 #header .header-inner { 921 height: auto; 922 padding: 10px 0; 923 display: flex; 924 align-items: center; 925 } 926} 927</style> 928 929<header id="header" data-transparent="false" data-fullwidth="true" class="submenu-light"> 930 <div class="header-inner"> 931 <div class="container"> 932 933 <!-- Logo --> 934 <div id="logo"> 935 <a href="index.php"> 936 <span class="logo-default"><img src="img/logo/ciibluelogo.png" width="120"></span> 937 <span class="logo-dark"><img src="img/logo/ciiwhitelogo.png" width="120"></span> 938 </a> 939 </div> 940 941 <!-- Mobile Trigger --> 942 <div id="mainMenu-trigger"> 943 <a class="lines-button x"><span class="lines"></span></a> 944 </div> 945 946 <!-- Navigation --> 947 <div id="mainMenu"> 948 <div class="container"> 949 <nav> 950 <ul> 951 <li><a href="index.php">Home</a></li> 952 953 <li class="dropdown"> 954 <a href="#">About</a> 955 <ul class="dropdown-menu"> 956 <li><a href="aboutus.php">About Us</a></li> 957 <li><a href="aboutcii.php">About CII</a></li> 958 <li><a href="advisoryboard.php">Advisory Board</a></li> 959 <li><a href="leadership.php">Leadership</a></li> 960 </ul> 961 </li> 962 963 <li><a href="thematicareas.php">Thematic Areas</a></li> 964 965 <li><a href="events.php">Events</a></li> 966 967 <li class="dropdown"> 968 <a href="#">Resources</a> 969 <ul class="dropdown-menu"> 970 <li><a href="resources.php#brochure">Brochures</a></li> 971 <li><a href="publications.php">Publications</a></li> 972 <li><a href="resources.php#newsletter">Newsletter</a></li> 973 </ul> 974 </li> 975 976 <li><a href="media.php">Media</a></li> 977 <li><a href="contactus.php">Contact Us</a></li> 978 <li><a href="newcareers.html" target="_blank">Work with Us</a></li> 979 </ul> 980 </nav> 981 </div> 982 </div> 983 984 </div> 985 </div> 986</header> 987 988<!-- Topbar --> 989 990<div class="topbar-colored topbar-fullwidth dark d-none d-xl-block d-lg-block" style="background-color:#055e9a; padding: 5px"> 991 992</div> 993<!-- end: Topbar -->
994<script> 995// Hamburger toggle for mobile 996document.getElementById("mainMenu-trigger").onclick = function () { 997 document.getElementById("mainMenu").classList.toggle("menu-open"); 998}; 999 1000// Mobile dropdown tap to open 1001document.querySelectorAll("#mainMenu .dropdown > a").forEach(function(a){ 1002 a.addEventListener("click", function(e){ 1003 if (window.innerWidth < 992) { 1004 e.preventDefault(); 1005 this.parentElement.classList.toggle("open"); 1006 } 1007 }); 1008}); 1009</script>
1009 1010 <!-- Inspiro Slider --> 1011 <!-- <div id="slider" class="inspiro-slider slider-fullscreen dots-creative" data-height-xs="360"> 1012 <div class="slide" data-bg-image="img/banner/gbc.jpg"> 1013 <div class="bg-overlay"></div> 1014 <div class="container"> 1015 <div class="slide-captions text-center text-light"> 1016 </div> 1017 </div> 1018 </div> 1019 1020 </div> --> 1021 <!--end: Inspiro Slider --> 1022 <!-- <div id="slider" class="inspiro-slider slider-fullscreen dots-creative" data-height-xs="360"> --> 1023 <div id="slider" style="margin-top: -20px"> 1024 1025 <div style="max-width: 100%;" class="imgcontainer"> 1026 <!-- <img src="img/banner/gbcbg_2.jpg" id="image" usemap="#image-map" style="width:100%">--> 1027 1028 <style> 1029:root{ 1030 --bg: #f5e9d3; 1031 --card: #ffffff; 1032 --text: #1b2b44; 1033 --muted: #5b6b82; 1034 --brand: #103e8a; 1035 --radius: 22px; 1036 --shadow: 0 8px 24px rgba(0,0,0,.08); 1037 --gap: 12px; 1038} 1039 1040/* Page wrapper */ 1041.wrap{ 1042 max-width: 1200px; 1043 margin: 0 auto; 1044 padding: 20px; 1045} 1046 1047/* Two-column layout */ 1048.layout{ 1049 display: grid; 1050 grid-template-columns: 1.1fr 2fr; 1051 gap: clamp(16px, 2.4vw, 28px); 1052 align-items: start; 1053} 1054 1055/* Left round image card */ 1056.left{ 1057 background: #ffffff; 1058 border-radius: var(--radius); 1059 box-shadow: var(--shadow); 1060 padding: clamp(12px, 2.2vw, 20px); 1061} 1062 1063.round{ 1064 width: 100%; 1065 aspect-ratio: 1/1; 1066 border-radius: 999px; 1067 overflow: hidden; 1068 box-shadow: 0 10px 26px rgba(0,0,0,.12); 1069} 1070.round img{ 1071 width: 100%; 1072 height: 100%; 1073 object-fit: cover; 1074 display: block; 1075} 1076 1077/* Right grid blocks */ 1078.grid{ 1079 display: grid; 1080 grid-template-columns: repeat(4, 1fr); 1081 gap: 14px; 1082 margin-top: -20px; 1083} 1084 1085.card{ 1086 background: var(--card); 1087 border-radius: var(--radius); 1088 box-shadow: var(--shadow); 1089 padding: 6px 5px; 1090 min-height: 180px; 1091 display: flex; 1092 flex-direction: column; 1093 align-items: center; 1094 justify-content: center; 1095 transition: transform .15s ease, box-shadow .15s ease; 1096} 1097.card:hover{ 1098 transform: translateY(-2px); 1099 box-shadow: 0 12px 28px rgba(0,0,0,.12); 1100} 1101 1102.logo{ 1103 width: 130px; 1104 height: 130px; 1105 display: flex; 1106 align-items: center; 1107 justify-content: center; 1108 overflow: hidden; 1109 margin: auto; 1110} 1111.logo img{ 1112 max-width: 100%; 1113 max-height: 100%; 1114 object-fit: contain; 1115 display: block; 1116} 1117 1118.title{ 1119 margin: 8px 0 0; 1120 font-size: 0.9rem; 1121 font-weight: 800; 1122 color: var(--brand); 1123 text-transform: uppercase; 1124 text-align: center; 1125} 1126 1127/* Responsive tweaks */ 1128@media (max-width: 1024px){ 1129 .grid{ grid-template-columns: repeat(3, 1fr); } 1130} 1131 1132@media (max-width: 768px){ 1133 .layout{ grid-template-columns: 1fr; } /* stack left + right */ 1134 .grid{ grid-template-columns: repeat(2, 1fr); } 1135 .left{ max-width: 340px; margin: 0 auto; } /* center the round image */ 1136} 1137 1138@media (max-width: 480px){ 1139 .grid{ grid-template-columns: 1fr; } 1140 .logo{ width: 200px; height: 200px; } 1141} 1142</style> 1143 1144<div style="background: #055e9a"> 1145 <div class="wrap"> 1146 <div class="text-center text-uppercase text-light" 1147 style="font-weight: bold; letter-spacing: 3px; margin-bottom: 14px; font-size: 26px"> 1148 CII - GREEN BUSINESS CENTRE 1149 </div> 1150 1151 <div class="layout"> 1152 <!-- LEFT: Round Image --> 1153 <section class="left"> 1154 <div class="round"> 1155 <a href="/green-building-tour" target="_blank"><img src="img/banner/backgroundorig.jpg" alt="CII â Green Business Centre, Hyderabad" /></a> 1156 </div> 1157 </section> 1158 1159 <!-- RIGHT: Grid of blocks --> 1160 <section class="right" style="background: #055e9a; padding: 20px"> 1161 <div class="grid"> 1162 <article class="card"><div class="logo"><a href="https://energy.greenbusinesscentre.com/" target="_blank"><img src="img/logo/EEC.jpg" alt="Energy Efficiency" /></a></div></article> 1163 <article class="card"><div class="logo"><a href="https://igbc.in/" target="_blank"><img src="img/icon/sc1.jpg" alt="IGBC" /></a></div></article> 1164 <article class="card"><div class="logo"><a href="https://greenco.in/" target="_blank"><img src="img/icon/greenco.png" alt="GreenCo" /></a></div></article> 1165 <article class="card"><div class="logo"><a href="https://ciigreenpro.com/" target="_blank"><img src="img/icon/greenpro.png" alt="GreenPro" /></a></div></article> 1166 <article class="card"><div class="logo"><a href="renewableenergy.php" target="_blank"><img src="img/icon/REC.png" alt="Renewable Energy Council" /></a></div></article> 1167 <article class="card"><div class="logo"><a href="entrepreneurship.php" target="_blank"><img src="img/icon/GEC.png" alt="CII â Green Entrepreneurship Council" /></a></div></article> 1168 <article class="card"><div class="logo"><a href="greenmobility.php" target="_blank"><img src="img/logo/Green_Mobility.png" alt="Council on Green Mobility" /></a></div></article> 1169 <article class="card"><div class="logo"><a href="https://greencooling.greenbusinesscentre.com/" target="_blank"><img src="img/logo/Green_Cooling.png" alt="Green Cooling Council" /></a></div></article> 1170 </div> 1171 </section> 1172 </div> 1173 1174 <div class="text-center text-uppercase" 1175 style="color: #fcd319; font-weight: bold; letter-spacing: 3px; font-size: 22px; margin-top:-20px; position: relative; z-index: 1;"> 1176 Green Makes Business Sense 1177 </div> 1178 </div> 1179</div> 1180 <!-- <div class="video-container" id="videoContainer"> 1181 <button id="closeVideo" class="close-btn" title="Close">×</button> 1182 1183 <video id="video" autoplay muted loop> 1184 <source src="video/CII_NC_Second Version.mp4" type="video/mp4"> 1185 Your browser does not support the video tag. 1186 </video> 1187 1188 <div class="controls"> 1189 <button id="soundToggle"><i class="fa fa-volume-up"></i></button> 1190 <button id="fullscreenToggle"><i class='fas fa-expand-arrows-alt'></i></button> 1191 </div> 1192 </div> --> 1193 1194 1195 <div class="animationsc"> 1196 1197 <!-- <div class="<?php// echo $currentClass; ?> scani" > 1198 <ul class="list-icon list-icon-circle list-icon-colored"> 1199 <b><?php// echo $card;?></b> 1200 </ul> 1201 </div> --> 1202<?php// }?> 1203 1204 1205 1206 </div> 1207 1208 <?php// include 'newbannerinc.php';?> 1209 </div> 1210 1211 <!-- <div id="container1"> 1212 <svg> 1213 <image xlink:href="img/banner/gbcbg.jpg" width="100%" height="100%"></image> 1214 </svg> 1215 </div>--> 1216 </div> 1217 1218 <!-- <div class="d-flex"> 1219 <div id="rectangle-left" data-animate="bounceInLeft"></div> 1220 <div id="rectangle-right" data-animate="bounceInRight"></div> 1221 </div> --> 1222 1223 <section id="about-gbc" class="p-t-20" style="background: #ffffff;"> 1224 <div class="container-fluid"> 1225 <div class="row align-items-center"> 1226 <div class="heading-text heading-line text-center"> 1227 <h4 style="color: #055e9a">About CII Green Business Centre</h4> 1228 </div> 1229 1230 <div class="col-lg-5"> 1231 <div class="p-4 shadow-sm" style="background: #ffffff; border: 1px solid #055e9a;"> 1232 <h4 class="fw-700" style="color: #055e9a; text-align: center"> 1233 A âCentre of Excellenceâ for Energy, Environment, Green Buildings, Renewable Energy & Climate Change 1234 </h4> 1235 <p class="m-t-15"> 1236 CII â Sohrabji Godrej Green Business Centre (CII â GBC) was established in the year 2004, 1237 as CIIâs Developmental Institute on Green Practices & Businesses, aimed at offering 1238 world class advisory services on conservation of natural resources. 1239 The Green Business Centre was inaugurated by His Excellency Late Dr. A. P. J. Abdul Kalam, 1240 the then President of India on 14 July 2004. 1241 </p> 1242 <p> 1243 Fostering green practices and businesses through its services in energy management, 1244 green buildings, green companies, renewable energy, green product certification, 1245 green mobility, green cooling, waste management, and cleaner production processes, 1246 the Green Business Centre facilitate Indiaâs emergence as a global leader 1247 in green business by 2030. 1248 </p> 1249 <a href="aboutus.php" class="fw-bold" style="color: #00327d; float: right">More...</a> 1250 </div> 1251 </div> 1252 1253 <div class="col-lg-7"> 1254 <h4 class="fw-bold text-center text-uppercase">
1255 <span style="background: #fcd319; color:#055e9a; padding: 10px">Timeline</span> 1256 </h4> 1257 <div class="gbc-timeline"> 1258 <div class="timeline-items" data-animate="fadeInUp" data-animate-delay="0"> 1259 <span class="year">2000</span> 1260 <img src="img/timeline/timeline_2000.png" alt="2000 event" class="img-fluid" style="border: 2px solid #fcd319"> 1261 </div> 1262 <div class="timeline-items" data-animate="fadeInUp" data-animate-delay="200"> 1263 <span class="year">2004</span> 1264 <img src="img/timeline/t_2004.png" alt="2004 event" class="img-fluid" style="border: 2px solid #fcd319"> 1265 </div> 1266 <div class="timeline-items" data-animate="fadeInUp" data-animate-delay="400"> 1267 <span class="year">2019</span> 1268 <img src="img/timeline/timeline_19.png" alt="2019 event" class="img-fluid" style="border: 2px solid #fcd319"> 1269 </div> 1270 <div class="timeline-items" data-animate="fadeInUp" data-animate-delay="800"> 1271 <span class="year">2025</span> 1272 <img src="img/timeline/t_2025.jpg" alt="2025 event" class="img-fluid" style="z-index: 20; border: 2px solid #fcd319"> 1273 </div> 1274 <div class="timeline-items" data-animate="fadeInUp" data-animate-delay="600"> 1275 <span class="year">2023</span> 1276 <img src="img/timeline/timeline_23.png" alt="2023 event" class="img-fluid" style="border: 2px solid #fcd319"> 1277 </div> 1278 </div> 1279 </div> 1280 </div> 1281 </div> 1282</section> 1283 1284<style> 1285.gbc-timeline { 1286 display: grid; 1287 grid-template-columns: repeat(3, 1fr); 1288 justify-content: center; 1289 position: relative; 1290 padding: 20px 0; 1291} 1292 1293/* --- Base hidden state for line animations --- */ 1294.gbc-timeline::before, 1295.timeline-items::before, 1296.timeline-items::after { 1297 opacity: 0; 1298 transform: scaleX(0); 1299 transform-origin: left; 1300} 1301 1302/* Main horizontal line for first row (2000-2019) */ 1303.gbc-timeline::before { 1304 content: ""; 1305 position: absolute; 1306 top: 30%; /* Center of row */ 1307 left: 10px; 1308 right: 10px; 1309 height: 4px; 1310 background: #055e9a; 1311 z-index: 0; 1312 transition: transform 1s ease, opacity 0.5s ease; 1313} 1314 1315/* Vertical line from 2019 â 2023 */ 1316.timeline-items:nth-child(3)::after { 1317 content: ""; 1318 position: absolute; 1319 top: 100%; 1320 left: 70%; 1321 width: 4px; 1322 height: 100%; 1323 background: #055e9a; 1324 transform: scaleY(0); 1325 transform-origin: top; 1326 opacity: 0; 1327 z-index: 0; 1328 transition: transform 1s ease, opacity 0.5s ease; 1329} 1330 1331/* Horizontal line connecting 2023 â 2025 */ 1332.timeline-items:nth-child(4)::after { 1333 content: ""; 1334 position: absolute; 1335 top: 50%; 1336 width: 100%; 1337 height: 4px; 1338 background: #055e9a; 1339 z-index: 0; 1340 transform-origin: right; 1341 opacity: 0; 1342 transition: transform 1s ease, opacity 0.5s ease; 1343} 1344 1345 1346/* Timeline items */ 1347.timeline-items { 1348 margin: 10px; 1349 text-align: center; 1350 position: relative; 1351 z-index: 1; 1352} 1353 1354.timeline-items img { 1355 height: 180px; 1356 width: auto; 1357 margin: 0 auto; 1358 display: block; 1359 position: relative; 1360 z-index: 10; 1361} 1362 1363.timeline-items .year { 1364 display: block; 1365 text-align: center; 1366 font-weight: bold; 1367 font-size: 16px; 1368 margin-bottom: 8px; 1369 color: #00327d; 1370} 1371 1372/* Grid adjustments for uneven items */ 1373.timeline-items:nth-child(4) { 1374 grid-column: 1 / span 2; 1375} 1376 1377.timeline-items:nth-child(5) { 1378 grid-column: 3 / 4; 1379 z-index: 2; 1380} 1381 1382/* --- Animate lines AFTER images fade in --- */ 1383.timeline-items.animated::after, 1384.timeline-items.animated::before, 1385.gbc-timeline.animated::before { 1386 opacity: 1; 1387 transform: scaleX(1) scaleY(1); 1388} 1389</style> 1390
1391<script> 1392/* Example JS if you're not already using WOW.js/AOS */ 1393document.addEventListener("DOMContentLoaded", () => { 1394 const items = document.querySelectorAll(".timeline-items"); 1395 const timeline = document.querySelector(".gbc-timeline"); 1396 1397 const observer = new IntersectionObserver((entries) => { 1398 entries.forEach(entry => { 1399 if (entry.isIntersecting) { 1400 entry.target.classList.add("animated"); 1401 } 1402 }); 1403 }, { threshold: 0.5 }); 1404 1405 items.forEach(item => observer.observe(item)); 1406 observer.observe(timeline); 1407}); 1408</script>
1408 1409 1410 1411 1412 <style> 1413.team-member { 1414 display: flex; 1415 flex-direction: column; 1416 align-items: center; 1417 text-align: center; 1418 height: 600px; 1419 padding: 20px; 1420 border-radius: 10px; 1421} 1422 1423.team-image img { 1424 width: 60px !important; 1425 height: auto; 1426 margin-bottom: 10px; 1427} 1428 1429.team-desc { 1430 text-align: justify; 1431} 1432.team-image img[src*="REC.png"] { 1433 width: 100px !important; 1434 max-height: 100px !important; 1435 height: auto !important; 1436 object-fit: contain; 1437} 1438 .team-image img[src*="GEC.png"] { 1439 width: 80px !important; 1440 max-height: 80px !important; 1441 height: auto !important; 1442 object-fit: contain; 1443} 1444</style> 1445 1446<section style="background: #055e9a; position: relative; padding-bottom: 20px;"> 1447 <div class="heading-text heading-line text-center"> 1448 <h4 style="color: #fcd319">Impact</h4> 1449 </div> 1450 <div class="carousel team-members team-members-shadow" data-items="3" style="margin-bottom: 30px;"><div class="team-member" style="margin: 20px"> 1451 <div class="team-image"> 1452 <img src="img/logo/energyefficiency.png" class="img-fluid" alt="ENERGY EFFICIENCY"> 1453 </div> 1454 <div class="team-desc"> 1455 <h3>ENERGY EFFICIENCY</h3> 1456 <p><div>CII - Godrej GBC has carried out more than 2,200+ detailed energy audits across India and different countries, including the USA, the UAE, Australia, Indonesia, Japan, Oman, Philippines and South Korea.</div><div><br></div><div><ul><li>30+ years in Energy Efficiency Management</li><li> 14572,200+ Energy Audits across the Globe</li><li> 1458â¹ 3.10 Billion+ Annual Recurring Saving Occurred</li><li> 1459100+ Energy Efficiency Publications</li><li> 1460100,000+ Professionals Trained on Energy Efficiency Management</li></ul></div></p> 1461 </div> 1462 </div><div class="team-member" style="margin: 20px"> 1463 <div class="team-image"> 1464 <img src="img/icon/sc1.jpg" class="img-fluid" alt="IGBC"> 1465 </div> 1466 <div class="team-desc"> 1467 <h3>IGBC</h3> 1468 <p><div>IGBC is India's Premier certification body, headquartered at Hyderabad. IGBC is the founding member of World Green Building Council discussing global issues at COP and similar global platforms.</div><div><br></div><div><ul><li>15.90 billion sft. of Registered Green Building Footprint </li><li>19,330+ IGBC Rated Projects </li><li> 146933 <span data-teams="true">Green & Net Zero Building Rating Systems</span></li><li>32 Regional & 400+ Student Chapters</li><li> 1470260 Lifetime Members & 2,600+ Organizational Members</li><li>8,965+ IGBC Accredited Green Building Professionals</li><li>53.1 Million Tonnes / annum of CO2 emission reduction</li></ul></div></p> 1471 </div> 1472 </div><div class="team-member" style="margin: 20px"> 1473 <div class="team-image"> 1474 <img src="img/icon/greenpro.png" class="img-fluid" alt="GREEN PRO"> 1475 </div> 1476 <div class="team-desc"> 1477 <h3>GREEN PRO</h3> 1478 <p><div>GreenPro is an Ecolabel which enables the end users in the building sector and manufacturing sector to choose sustainable products, materials and technologies.</div><div><br></div><div><ul><li>14,200+ Certified Products</li><li>700+ Companies</li><li> 147954 Categories for Ecolabelling Standards</li><li> 148018 Public Works Departments & Public Sector Units Green Procurement</li><li>More than 95% of building materials & products are ecolabelled</li><li>2.5 Million tonnes / annum of CO2 emission reduction</li></ul></div></p> 1481 </div> 1482 </div><div class="team-member" style="margin: 20px"> 1483 <div class="team-image"> 1484 <img src="img/icon/greenco.png" class="img-fluid" alt="GREENCO"> 1485 </div> 1486 <div class="team-desc"> 1487 <h3>GREENCO</h3> 1488 <p><div>Greenco is building a holistic mechanism for evaluating the performance of companies on the ecological front.</div><div><br></div><div>1,500+ Manufacturing Units are Working on GreenCo Rating<br>Spanning 27 Sectors, with participation from Public and Private, Large enterprises, and SMEs<br>GreenCo Forums in 12 Cities to foster continuous stakeholder engagement<br>Annual recurring savings by the first 600 GreenCo-rated units:<br>5.7 million tons of CO2 eq. GHG Emissions Mitigation<br>604 million units of Electrical Energy Savings<br>194 million kilolitres of Water Conservation.</div></p> 1489 </div> 1490 </div><div class="team-member" style="margin: 20px"> 1491 <div class="team-image"> 1492 <img src="img/icon/REC.png" class="img-fluid" alt="RENEWABLE ENERGY"> 1493 </div> 1494 <div class="team-desc"> 1495 <h3>RENEWABLE ENERGY</h3> 1496 <p><div>Renewable Energy Council of CII - Sohrabji Godrej Green Business Centre is working with a vision to enable India to emerge as a global leader in renewable energy.</div><div><br></div><div><ul><li>Facilitated 1+GW of Renewable Energy across the country</li><li>100+ certified vendors under the CII Rooftop Solar Vendor Rating Program (VRP)</li></ul></div></p> 1497 </div> 1498 </div><div class="team-member" style="margin: 20px"> 1499 <div class="team-image"> 1500 <img src="img/icon/GEC.png" class="img-fluid" alt="GEC"> 1501 </div> 1502 <div class="team-desc"> 1503 <h3>GEC</h3> 1504 <p><div>To advance the objectives of the council, GEC (Green Entrepreneurship Council) has launched the Acceleration of Cleaner Enterprises or ACE program.</div><div><br></div><div><ul><li>50+ Cleantech Startup cohort members</li><li> 150515 + Sectors engaged</li><li>570+ B2B interactions</li><li> 1506700+ B2B interests from industry</li><li><span data-teams="true">Countries engaged - Australia, Bangladesh, Ethiopia & Japan</span></li></ul></div></p> 1507 </div> 1508 </div><div class="team-member" style="margin: 20px"> 1509 <div class="team-image"> 1510 <img src="img/logo/Green_Mobility.png" class="img-fluid" alt="GREEN MOBILITY COUNCIL"> 1511 </div> 1512 <div class="team-desc"> 1513 <h3>GREEN MOBILITY COUNCIL</h3> 1514 <p>
1514To support Indiaâs movement towards green mobility, in turn, support national net zero goals, by developing actions on green mobility across policy, capacity building, projects, and platforms.</p> 1515 </div> 1516 </div><div class="team-member" style="margin: 20px"> 1517 <div class="team-image"> 1518 <img src="img/logo/Green_Cooling.png" class="img-fluid" alt="GREEN COOLING COUNCIL"> 1519 </div> 1520 <div class="team-desc"> 1521 <h3>GREEN COOLING COUNCIL</h3> 1522 <p>To mitigate carbon emissions, addressing the critical climate impact of cooling systems and paving the way for a more sustainable future.</p> 1523 </div> 1524 </div></div> 1525 <span style="display:block; text-align:right; color:#fff; padding:10px;">*** As of March 31, 2026</span> 1526 </section> 1527 1528 <section class="background-light"> 1529 <div class="container"> 1530 <div class="heading-text heading-line text-center"> 1531 <h4 style="color: #055e9a">Events</h4> 1532 </div> 1533 1534 <div id="blog" class="grid-layout post-3-columns m-b-30" data-item="post-item"> 1535 1536 <!-- 1. Events 2026 --> 1537 <div class="post-item border"> 1538 <a href="https://greenbusinesscentre.com/events.php" target="_blank"> 1539 <div class="post-item-wrap"> 1540 <div class="post-video"> 1541 <center> 1542 <img src="eventimages/flyer/events.jpg" class="img-fluid rounded" width="100%" alt="GBC 2026"> 1543 </center> 1544 </div> 1545 <div class="post-item-description"> 1546 <h2>GBC - Events 2026</h2> 1547 </div> 1548 </div> 1549 </a> 1550 </div> 1551 1552 <!-- 2. Green Building Congress 2026 --> 1553 <div class="post-item border"> 1554 <a href="https://greenbuildingcongress.com/" target="_blank"> 1555 <div class="post-item-wrap"> 1556 <div class="post-video"> 1557 <center> 1558 <img src="eventimages/flyer/Savethedate.jpg" class="img-fluid rounded" width="100%" alt="Green Building Congress"> 1559 </center> 1560 </div> 1561 <div class="post-item-description"> 1562 <h2>Green Building Congress 2026</h2> 1563 </div> 1564 </div> 1565 </a> 1566 </div> 1567 1568 1569 1570<!-- GreenPro 2026 --> 1571<div class="post-item border"> 1572 <a href="https://ciigreenpro.com/" target="_blank"> 1573 <div class="post-item-wrap"> 1574 <div class="post-video"> 1575 <center> 1576 <img src="eventimages/flyer/GreenPro2026.jpg" class="img-fluid rounded" width="100%" alt="GreenPro 2026"> 1577 </center> 1578 </div> 1579 <div class="post-item-description"> 1580 <h2>GreenPro 2026</h2> 1581 </div> 1582 </div> 1583 </a> 1584</div> 1585 1586<!-- Energy Summit 2026 --> 1587<div class="post-item border"> 1588 <a href="https://energy.greenbusinesscentre.com/mv/energysummit/" target="_blank"> 1589 <div class="post-item-wrap"> 1590 <div class="post-video"> 1591 <center> 1592 <img src="eventimages/flyer/EnergySummit2026.jpg" class="img-fluid rounded" width="100%" alt="Energy Summit 2026"> 1593 </center> 1594 </div> 1595 <div class="post-item-description"> 1596 <h2>Energy Summit 2026</h2> 1597 </div> 1598 </div> 1599 </a> 1600</div> 1601</section> 1602 1603 1604 <!-- Upcoming Event --> 1605 <!-- <section style="background-color:#1b1d42;"> 1606 <div id="particles-stars" class="particles"></div> 1607 <div class="container"> 1608 <div class="heading-text text-light text-center"> 1609 <h5 class="text-uppercase"><span class="badge bg-danger animate__animated visible animate__flip" data-animate="flip" style="animation-iteration-count: 10;">New</span></h5> 1610 <h2 class="font-weight-800"><span>Upcoming Event</span></h2> 1611 <div data-animate="fadeInUp" data-animate-delay="400"> 1612 <div data-bs-toggle="tooltip" data-bs-original-title="Click to Register"><center><a href="https://cam.mycii.in/OR/OnlineRegistrationLogin.html?EventId=E000062959" target="_blank"><img src="img/banner/greenpower.jpeg" class="img-fluid rounded image-hover-shadow" width="70%" alt="Green Power 2023"></a></center></div></div> 1613 </div> 1614 </div> 1615 </section> --> 1616 <!-- end: Upcoming Event --> 1617 1618 1619 <!-- Page Content --> 1620 <section style="background: #055e9a;"> 1621 <div class="container"> 1622 <!-- grid layout --> 1623 <div class="grid-layout grid-3-columns" data-item="grid-item" data-margin="10"> 1624 1625 <div class="grid-item"> 1626 <!-- Mini gallery--> 1627 <div class="widget widget-gallery p-cb"> 1628 <h4 class="widget-title">Campus</h4> 1629 <div data-lightbox="gallery"> 1630 <a href="img/greenbuildingtour/landscape.jpg" data-lightbox="gallery-image"> 1631 <img alt="image" src="img/greenbuildingtour/landscape.jpg"> 1632 </a> 1633 <a href="img/greenbuildingtour/phytoremediation1.jpeg" data-lightbox="gallery-image"> 1634 <img alt="image" src="img/greenbuildingtour/phytoremediation1.jpeg"> 1635 </a> 1636 <a href="img/greenbuildingtour/brokenceramics.jpg" data-lightbox="gallery-image"> 1637 <img alt="image" src="img/greenbuildingtour/brokenceramics.jpg"> 1638 </a> 1639 <a href="img/greenbuildingtour/courtyard.jpg" data-lightbox="gallery-image"> 1640 <img alt="image" src="img/greenbuildingtour/courtyard.jpg"> 1641 </a> 1642 <a href="img/greenbuildingtour/fauna.jpg" data-lightbox="gallery-image"> 1643 <img alt="image" src="img/greenbuildingtour/fauna.jpg"> 1644 </a> 1645 <a href="img/greenbuildingtour/gbt15.jpeg" data-lightbox="gallery-image"> 1646 <img alt="image" src="img/greenbuildingtour/gbt15.jpeg"> 1647 </a> 1648 </div> 1649 </div> 1650 <!-- end: mini gallery --> 1651 </div> 1652 1653 1654 <div class="grid-item"> 1655 <!-- Twitter widget --> 1656 <div class="widget widget-tweeter p-cb" data-avatar="true" data-username="envato" data-limit="2"> 1657 <h4 class="widget-title">Recent Post</h4> 1658 <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fgreenbusinesscentre&tabs=timeline&width=450px&height=600px&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="450px" height="450px" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe> 1659 </div> 1660 <!-- end: Twitter widget--> 1661 </div> 1662 1663 <div class="grid-item"> 1664 <div class="widget p-cb"> 1665 <h4 class="widget-title">Calendar</h4> 1666 <div class="text-center"> 1667 <div id="calendarWidget"></div> 1668 </div> 1669 </div> 1670 </div> 1671 1672 <div class="grid-item"> 1673 <!-- Video --> 1674 <div class="widget p-cb"> 1675 <h4 class="widget-title">Video</h4> 1676 <iframe src="https://www.youtube.com/embed/gIHCDIJy0To?si=g_TiMJ4f86RSnMyU" width="500" height="281"></iframe> 1677 </div> 1678 <!-- end: Video --> 1679 </div> 1680 1681 <div class="grid-item"> 1682 <!--Services--> 1683 <div class="widget clearfix widget-categories p-cb"> 1684 <a href="careers.php"><h4 class="widget-title">Looking for a career in a world-class Green organization?</h4></a> 1685 <!--<ul class="list list-arrow-icons"> 1686 <li> <a title="Energy Efficiency" href="careers.php">Energy Efficiency </a> </li> 1687 <li> <a title="Green Buildings" href="careers.php">Green Buildings </a> </li> 1688 <li> <a title="GreenCo" href="careers.php">GreenCo </a> </li> 1689 </ul>--> 1690 </div> 1691 <!--End: Services--> 1692 </div> 1693 1694 1695 <!-- <div class="grid-item"> 1696 <div class="widget p-cb"> 1697 <h4 class="widget-title">Video</h4> 1698 <iframe width="560" height="315" src="https://www.youtube.com/embed/SKprb2Q8akQ?si=ZIfIKiLnIrd_x8gD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> 1699 </div> 1700 </div> --> 1701 1702 1703 </div> 1704 <!-- end: grid layout --> 1705 </div> 1706 </section> 1707 <!-- end: Page Content --> 1708 1709 1710 1711 <!-- <section id="page-content"> 1712 <div class="container"> 1713 <div data-animate="fadeInUp" data-animate-delay="0"> 1714 <div class="row justify-content-center"> 1715 <?php// foreach ($scorecard as $sc) {?> 1716 <div class="col-lg-3 text-center animated visible pulse" data-animate="pulse"> 1717 <div class="icon-box effect medium border center image-hover-shadow" style="background-color:white;padding: 5px;border-radius: 25px;width: 270px;height: 270px;margin:10px"> 1718 <img src="<?php// echo $sc['img'];?>" class="avatar avatar-xl"><br><br> 1719 <div class="counter bold"> <span data-speed="700" data-refresh-interval="50" data-to="<?php// echo $sc['value'];?>" data-from="0" data-seperator="true"></span> </div> 1720 <p style="text-align: center;"><?php// echo $sc['key'];?></p> 1721 </div> 1722 </div> 1723 <?php// } ?> 1724 </div> 1725 </div> 1726 </div> 1727 </section> --> 1728 1729 1730 1731 <!-- Section --> 1732 <!--<section id="page-content"> 1733 <div class="container"> 1734 <div data-animate="fadeInUp" data-animate-delay="800"> 1735 <div class="row">--> 1736 <!--<div class="col-lg-2 <?php// echo ($count % 2 == 0) ? 'even' : 'odd'; ?>"> 1737 <a href="<?php// echo $down['doc'];?>" target="_blank"><center><img src="<?php// echo $down['img'];?>" class="img-fluid img-thumbnail image-hover-shadow image-hover-zoom" alt="downloads" style="width:160px;height:250px"></center></a> 1738 </div>--> 1739 <?php// $count++; } ?> 1740 <!--</div> 1741 </div> 1742 </div> 1743 </section>--> 1744 1745 1746 1747 <!--<section class="background-grey"> 1748 <div class="container-fluid"> 1749 <div data-animate="fadeInUp" data-animate-delay="1000"> 1750 <div class="carousel equalize testimonial testimonial-box" data-margin="20" data-arrows="false" data-items="4" data-items-sm="2" data-items-xxs="1" data-equalize-item=".testimonial-item">--> 1751 <?php// foreach ($testi as $t) {?> 1752 <!--<div class="testimonial-item image-hover-shadow"> 1753 <p class="text-muted" style="font-style: italic;">"<?php// echo $t['testimonial'];?>"</p>
1754 <span class="text-info"><?php// echo $t['name'];?><br><span class="text-success" style="font-size:12px"><?php// echo $t['desig'];?></span></span> 1755 </div>--> 1756 <?php// } ?> 1757 <!--</div> 1758 </div> 1759 </div> 1760 </section>--> 1761 1762 <style> 1763.footer-hover:hover { 1764 color: blue; 1765} 1766.social-instagram a { 1767 color: #E4405F; /* Instagram pink */ 1768} 1769 1770.social-instagram a:hover { 1771 color: #C13584; 1772} 1773</style> 1774<!-- Footer --> 1775 <footer id="footer"> 1776 <div class="footer-content" style="padding: 20px"> 1777 <div class="container"> 1778 <div class="row"> 1779 <div class="col-lg-5"> 1780 <div class="widget"> 1781 <div class="widget-title">CII - Sohrabji Godrej Green Business Centre</div> 1782 <p class="mb-5">Survey # 64, Kothaguda Post<br>R R District, Hyderabad - 500084<br>India</p> 1783 </div> 1784 </div> 1785 <div class="col-lg-3"> 1786 <div class="widget"> 1787 <div class="widget-title">Contact Us</div> 1788 <p class="mb-5">Tel: +91 40-44185111 (B)<br>Fax: +91 40 44185189<br>E-mail: [email protected]</p> 1789 </div> 1790 </div> 1791 <div class="col-lg-2"> 1792 <div class="widget"> 1793 <div class="widget-title">Quick Links</div> 1794 <ul class="list"> 1795 <!--<li><a href="downloads.php">Downloads</a></li>--> 1796 <!--<li><a href="mediaroom.php">Media Room</a></li>--> 1797 <li><a class="footer-hover"> 1798 <form method="post" action="greenbuildingtour.php" target="_blank"> 1799 <input type="hidden" name="gbctour"> 1800 <input type="submit" value="Green Building Tour" style="border: none;background:none;color:#3c4043"> 1801 </form> 1802 </a></li> 1803 <li> 1804 <a><b>Subscribe to our Newsletter</b></a></li> 1805<li style="padding:0 0 10px 0;"> 1806<input type="email" id="nsemail" aria-required="true" name="email" required class="form-control required email" placeholder="Enter your Email" required ></li> 1807<li><button onclick="subscribe()" class="btn">Subscribe</button></li> 1808 1809<li><div id="nsmsg"></div> 1810
1810<script> 1811function subscribe() { 1812 const email = document.getElementById('nsemail').value; 1813 const msg = document.getElementById('nsmsg'); 1814 1815 if (!email) { 1816 msg.innerHTML = "â ï¸ Please enter your email!"; 1817 msg.style.color = "red"; 1818 return; 1819 } 1820 1821 fetch('subscribe090226.php', { 1822 method: 'POST', 1823 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 1824 body: 'email=' + encodeURIComponent(email) 1825 }) 1826 .then(async (res) => { 1827 const text = await res.text(); 1828 console.log('Raw response:', text); 1829 1830 const jsonMatch = text.match(/\{.*\}/s); 1831 if (!jsonMatch) throw new Error("No valid JSON found in response"); 1832 1833 const data = JSON.parse(jsonMatch[0]); 1834 msg.innerHTML = data.message || "Unknown response"; 1835 msg.style.color = data.success ? "green" : "red"; 1836 document.getElementById('nsemail').value = ""; 1837 }) 1838 .catch(err => { 1839 console.error(err); 1840 msg.innerHTML = "â Error connecting to server!"; 1841 msg.style.color = "red"; 1842 }); 1843} 1844 1845</script>
1845</li> 1846 </ul> 1847 </div> 1848 </div> 1849 <div class="col-lg-2"> 1850 <img src="img/logo/20yrs.jpg" width="100%"> 1851 </div> 1852 </div> 1853 <div class="row" style="margin-top: -30px"> 1854 <div class="col-lg-4"></div> 1855 <div class="col-lg-4"> 1856 <div class="social-icons social-icons-medium social-icons-colored text-center"> 1857 <ul class="mx-auto"> 1858<li class="social-instagram"> 1859 <a href="https://www.instagram.com/online_ciigbc/" target="_blank"> 1860 <i class="fab fa-instagram"></i> 1861 </a> 1862</li> 1863 1864 <li class="social-linkedin"> 1865 <a href="https://in.linkedin.com/company/cii-godrej-gbc" target="_blank"> 1866 <i class="fab fa-linkedin"></i> 1867 </a> 1868 </li> 1869 1870 <li class="social-facebook"> 1871 <a href="https://www.facebook.com/greenbusinesscentre/" target="_blank"> 1872 <i class="fab fa-facebook-f"></i> 1873 </a> 1874 </li> 1875 1876 <li class="social-youtube"> 1877 <a href="https://www.youtube.com/@ciigodrejgbc7638/videos" target="_blank"> 1878 <i class="fab fa-youtube"></i> 1879 </a> 1880 </li> 1881 1882 <li class="social-twitter"> 1883 <a href="https://x.com/Follow_CIIGBC" target="_blank"> 1884 <i class="fab fa-twitter"></i> 1885 </a> 1886 </li> 1887 1888</ul> 1889 </div> 1890 </div> 1891 <div class="col-lg-4"></div> 1892 </div> 1893 </div> 1894 </div> 1895 <div class="copyright-content" style="min-height: 20px; padding: 0px 0px"> 1896 <div class="container"> 1897 <div class="copyright-text text-center">© 2026 CII - Green Business Center. All Rights Reserved.</div> 1898 </div> 1899 </div> 1900 </footer> <!-- end: Footer --> 1901 </div> 1902 <!-- end: Body Inner --> 1903 <!-- Scroll top --> 1904 <a id="scrollTop"><i class="icon-chevron-up"></i><i class="icon-chevron-up"></i></a> 1905 <!--Plugins-->
1906<script src="js/jquery.js"></script>
vendor: 2 bytes, line 1906
1906
1907<script src="js/plugins.js"></script>
1907 1908<!--Template functions-->
1909<script src="js/functions.js"></script>
1909 1910<!-- Partical js base file -->
1911<script src="plugins/particles/particles.js" type="text/javascript"></script>
1911 1912<!--Particles-->
1913<script src="plugins/particles/particles-dots.js" type="text/javascript"></script>
1913 1914<!--Particles stars-->
1915<script src="plugins/particles/particles-stars.js" type="text/javascript"></script>
1915 1916<!--Particles bubbles-->
1917<script src="plugins/particles/particles-bubble.js" type="text/javascript"></script>
1917 1918<!--Particles snow-->
1919<script src="plugins/particles/particles-snow.js" type="text/javascript"></script>
1919 1920<!--Bootstrap Datetimepicker component--> 1921
1921<script src="plugins/moment/moment.min.js"></script>
1921 1922
1922<script src="plugins/bootstrap-datetimepicker/tempusdominus-bootstrap-4.js"></script>
1922 1923
1923<script type="text/javascript"> 1924 jQuery(document).ready(function() { 1925 $('#calendarWidget').datetimepicker({ 1926 inline: true, 1927 format: 'L' 1928 }); 1929 }); 1930 </script>
1930 <!DOCTYPE html> 1931<html lang="en"> 1932<head> 1933 <meta charset="UTF-8"> 1934 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 1935 <title>Send Data to API</title> 1936</head> 1937<body> 1938
1938<script type="text/javascript"> 1939 // Pass the PHP variable to JavaScript 1940 var ipAddress = "172.83.83.9"; 1941 1942 function sendDataToAPI() { 1943 // Define the endpoint URL 1944 var apiUrl = "https://dgaccum.ogiv.in/trackerapp/getdet.php"; // Replace with your API URL 1945 var appid="1903748"; 1946 var now = new Date(); 1947 1948// Get the full date and time as a string 1949var dateTimeString = now.toString(); 1950 // Prepare the data to be sent 1951 var data = { 1952 ip: ipAddress, 1953 // Add any other data you want to collect 1954 userAgent: navigator.userAgent, 1955 screenWidth: window.screen.width, 1956 screenHeight: window.screen.height, 1957 appid:appid, 1958 pageURL:window.location.href, 1959 referrer:document.referrer, 1960 timestamp:dateTimeString 1961 }; 1962 1963 // Convert data to JSON format 1964 var jsonData = data;//JSON.stringify(data); 1965 1966 // Prepare the parameters 1967 1968 //var fn = "jmiscdops"; // Replace with your function name 1969 var ref = "CMS"; // Replace with your reference value 1970 var opid = "0"; // Replace with your operation ID 1971 1972 // Create a new XMLHttpRequest object 1973 var xhr = new XMLHttpRequest(); 1974 1975 // Configure it: POST-request for the URL /post 1976 xhr.open("POST", apiUrl, true); 1977 xhr.setRequestHeader("Content-Type", "application/json"); 1978 1979 // Prepare the payload 1980 var payload = { 1981 //fn: fn, 1982 ref: ref, 1983 opid: opid, 1984 data: jsonData 1985 }; 1986 1987 // Send the request with the payload 1988 xhr.send(JSON.stringify(payload)); 1989 1990 // Handle the response 1991 xhr.onload = function () { 1992 if (xhr.status >= 200 && xhr.status < 300) { 1993 console.log("Request successful, response:", xhr.responseText); 1994 } else { 1995 console.error("Request failed, status:", xhr.status); 1996 } 1997 }; 1998 } 1999 2000 // Call the function to send the data 2001 sendDataToAPI(); 2002 </script>
2002 2003</body> 2004</html> 2005</body> 2006 2007</html> 2008 2009 2010
2010<script> 2011 const video = document.getElementById('video'); 2012 const soundToggle = document.getElementById('soundToggle'); 2013 const fullscreenToggle = document.getElementById('fullscreenToggle'); 2014 2015 soundToggle.addEventListener('click', () => { 2016 video.muted = !video.muted; 2017 soundToggle.innerHTML = video.muted ? '<i class="fa fa-volume-up"></i>' : '<i class="fas fa-volume-mute"></i>'; 2018 }); 2019 2020 fullscreenToggle.addEventListener('click', () => { 2021 if (video.requestFullscreen) { 2022 video.requestFullscreen(); 2023 } else if (video.mozRequestFullScreen) { 2024 video.mozRequestFullScreen(); 2025 } else if (video.webkitRequestFullscreen) { 2026 video.webkitRequestFullscreen(); 2027 } else if (video.msRequestFullscreen) { 2028 video.msRequestFullscreen(); 2029 } 2030 }); 2031 </script>
2031 2032
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.