PageSourceSearch

https://greenbusinesscentre.com/

html greenbusinesscentre.com collected 2026-10-02 19:09:23 UTC 71,093 bytes, 2,032 lines download raw bytes

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">&times;</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&nbsp;</li><li>19,330+ IGBC Rated Projects&nbsp;</li><li>
146933&nbsp;<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&amp;tabs=timeline&amp;width=450px&amp;height=600px&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;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">&copy; 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.