GREEN BUILDING COUNCIL INDONESIA

<!DOCTYPE html>  <html dir="ltr" lang="en"> <head>  <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="description" content="Lembaga KONSIL BANGUNAN HIJAU INDONESIA atau GREEN BUILDING COUNCIL INDONESIA / GBCI didirikan pada tahun 2009 dan diselenggarakan oleh sinergi di antara para pemangku kepentingannya, meliputi : profesional bidang jasa konstruksi, kalangan industri sektor bangunan dan properti, pemerintah, institusi pendidikan dan penelitian, asosiasi profesi dan masyarakat peduli lingkungan. Green Building Council Indonesia (GBCI) adalah Emerging Member dari World Green Building Council (WGBC) yang berpusat di Toronto, Kanada. WGBC saat ini beranggotakan 90 negara dan mengakui hanya ada satu GBC di setiap negara. GBCI melakukan berbagai kegiatan pendidikan masyarakat secara luas serta menyelenggarakan Sertifikasi Bangunan Hijau di Indonesia berdasarkan perangkat penilaian khas Indonesia yang diberi nama GREENSHIP. Dan website ini dikembangkan oleh Tim KAWAN." /> <meta name="keywords" content="green building council indonesia, green, building, greenship, council, gedung, new building, existing building. interior, bangunan hijau, rumah, tim kawan" /> <meta name="author" content="Tim KAWAN Indonesia powered by Muhammad Iqbal (市丸零) <iqbal@indesc.com> & Tim KAWAN" />  <title>GREEN BUILDING COUNCIL INDONESIA | GBCI</title>  <link href="/public/umum/images/favicon.png" rel="shortcut icon" type="image/png" /> <link href="/public/umum/images/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="/public/umum/images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72" /> <link href="/public/umum/images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114" /> <link href="/public/umum/images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144" />  <link href="/public/umum/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/css/jquery-ui.min.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/css/animate.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/css/css-plugin-collections.css" rel="stylesheet" />  <link href="/public/akses/plugins/sweet-alert/sweetalert.css" rel="stylesheet" />  <link href="/public/umum/css/menuzord-skins/menuzord-boxed.css" rel="stylesheet" id="menuzord-menu-skins" />  <link href="/public/umum/css/style-main.css" rel="stylesheet" type="text/css" />  <link href="/public/umum/css/preloader.css" rel="stylesheet" type="text/css" />  <link href="/public/umum/css/custom-bootstrap-margin-padding.css" rel="stylesheet" type="text/css" />  <link href="/public/umum/css/responsive.css" rel="stylesheet" type="text/css" />    <link href="/public/umum/js/revolution-slider/css/settings.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/js/revolution-slider/css/layers.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/js/revolution-slider/css/navigation.css" rel="stylesheet" type="text/css" />  <link href="/public/umum/css/colors/theme-skin-green.css" rel="stylesheet" type="text/css" />  <script src="/public/umum/js/jquery-2.2.4.min.js"></script> <script src="/public/umum/js/jquery-ui.min.js"></script> <script src="/public/umum/js/bootstrap.min.js"></script>  <script src="/public/umum/js/jquery-plugin-collection.js"></script>  <script src="/public/umum/js/revolution-slider/js/jquery.themepunch.tools.min.js"></script> <script src="/public/umum/js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>    <style> .boxed-layout .header { margin-bottom: 0; } .menuzord-menu { background: none; } #navbar-top-mobile { display: block; } #navbar-top-desktop { display: none; } @media (min-width: 900px) { #navbar-top-mobile { display: none; } #navbar-top-desktop { display: block; } } .menuzord-menu ul.dropdown li a { background-color: rgba(0, 0, 0, 0.3); } .menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown { /*background: rgba(0, 0, 0, 0.3);*/ background: #333; } .menuzord-menu .li a { color: #43814e; } .menuzord-menu > li { padding: 18px; } .header-nav.navbar-white { /*background-color: rgba(0, 0, 0, 0.3);*/ } .menuzord-menu ul.dropdown { border: none; } .menuzord-responsive .menuzord-menu ul.dropdown li a { border-bottom: none; } .menuzord-menu > li.nospace { padding: 0; } .menuzord-menu > li.nospace > a { padding: 0 5px; } .menuzord-brand img { max-height: 70px; } .menuzord-brand { margin: -20px 30px 0 0; } .footer-img img { height: 50px; } @media (min-width: 990px) { .hideonwidth { display: none !important; } } .footer-img img{ height: 76px; } </style>  <script src="https://cdn.jsdelivr.net/npm/driver.js@1.0.1/dist/driver.js.iife.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/driver.js@1.0.1/dist/driver.css" /> <style> input[type=checkbox] { margin: 8px 0 0; color: teal; } .checkbox { margin: 0px; } .checkbox-label { margin: 0 0 0 10px; } </style> </head> <body class=""> <div id="wrapper" class="clearfix">  <header id="header" class="header"> <div class="header-nav navbar-fixed-top header-dark navbar-white navbar-transparent bg-transparent-1 navbar-sticky-animated animated-active"> <div class="header-nav-wrapper"> <div class="container"> <nav class="menuzord default" style="padding-top: 5px;"> <ul class="menuzord-menu pull-right flip sm-pull-none hidden-xs hidden-sm"> <li class="nospace text-green-moss"><a href="/admin" class="text-green-moss">Sign In</a> |</li> <li class="nospace"><a href="/admin/auth/signup" class="text-green-moss">Sign Up</a></li> <ul class="styled-icons icon-dark icon-circled icon-sm pull-right flip sm-pull-none sm-text-center mt-sm-15 hidden-xs hidden-sm"> <li> </li> </ul> </ul> </nav> <nav id="menuzord-right" class="menuzord default"> <a class="menuzord-brand pull-left flip" href="/web"> <img src="/public/umum/images/logo-wide.png" alt=""> </a> <ul class="menuzord-menu"> <li class="list-inline sm-text-center text-green-moss hideonwidth"> <a href="/admin" class="text-green-moss btn btn-transparent"><i class="fa fa-user"></i> Sign In</a> </li> <li><a href="javascript:void(0)" class="text-green-moss">ABOUT US</a> <ul class="dropdown"> <li><a href="/structure" class="text-green-moss">Our Organization</a></li> <li><a href="/founding" class="text-green-moss">Corporate & Core Founder</a></li> <li style="display: none;"><a href="/board" class="text-green-moss">Committee & Assessment Board</a></li> <li><a href="/about/representative" class="text-green-moss">Representative</a></li> <li><a href="/about/partner" class="text-green-moss">Partner</a></li> <li><a href="/ethics" class="text-green-moss">Code of Ethics</a></li> </ul> </li> <li><a href="javascript:void(0)" class="text-green-moss">GREENSHIP</a> <ul class="dropdown"> <li><a href="https://nz.gbcindonesia.org/netzero" class="text-green-moss">Net Zero</a></li> <li><a href="/greens/new" class="text-green-moss">New Building</a></li> <li><a href="/greens/existing" class="text-green-moss">Existing Building</a></li> <li><a href="/greens/interior" class="text-green-moss">Interior</a></li> <li><a href="/greens/homes" class="text-green-moss">Homes</a></li> <li><a href="/greens/neighborhood" class="text-green-moss">Neighborhood</a></li> </ul> </li> <li><a href="javascript:void(0)" class="text-green-moss">PROGRAM</a> <ul class="dropdown"> <li><a href="/greenshipnzcc/greenship_solution_endorsement" class="text-green-moss">GSE</a></li> <li><a href="/certification" class="text-green-moss">Certification</a></li> <li><a href="/corpmember" class="text-green-moss">Corporate Member</a></li> <li><a href="/trainings" class="text-green-moss">Education/Training</a></li> <li><a href="/events" class="text-green-moss">Event</a></li> <li><a href="/volunteer" class="text-green-moss">Volunteer</a> </li> </ul> </li> <li><a href="javascript:void(0)" class="text-green-moss">EXPLORE</a> <ul class="dropdown"> <li><a href="/certbuilding" class="text-green-moss">Certified Building</a></li> <li><a href="/member" class="text-green-moss">Member List</a></li> <li><a href="/resource" class="text-green-moss">Resources</a></li> <li><a href="/etalase" class="text-green-moss">Etalase</a></li> <li><a href="/profesional" class="text-green-moss">Greenship Professional</a></li> <li><a href="/edgeauditor" class="text-green-moss">Edge Auditor</a></li> </ul> </li> <li><a href="/news" class="text-green-moss">NEWS</a></li> </ul> </nav> </div> </div> </div> </header>   <div class="main-content"> <section class="mt-100"> <div class="container"> <div class="row"> <div class="col-md-9 blog-pull-right"> <div id="event" class="row"> </div> </div> <div class="col-md-3"> <div class="sidebar sidebar-left mt-sm-30"> <div class="widget"> <h5 class="widget-title line-bottom">Bulan</h5> <ul id="date-ul" class="list list-divider list-border"></ul> <h5 class="widget-title line-bottom mt-40">Kota</h5> <ul id="location-ul" class="list list-divider list-border"></ul> <h5 class="widget-title line-bottom mt-40">Format</h5> <ul class="list list-divider list-border" id="format-ul"></ul> <h5 class="widget-title line-bottom mt-40">Tipe</h5> <ul class="list list-divider list-border" id="tipe-ul"></ul> <h5 class="widget-title line-bottom mt-40">Partner</h5> <ul class="list list-divider list-border" id="partner-ul"></ul> </div> </div> </div> </div> </div> </section> </div>   <footer id="footer" class="footer bg-black-222" data-bg-img="/public/umum/images/footer-bg.png" > <div class="container pt-70 pb-40"> <div class="row"> <div class="col-sm-6 col-md-3"> <div class="widget dark"> <div class="footer-img"> <img class="mt-10 mb-15" alt="" src="/public/umum/images/logo-wide.png" /> <img class="mt-10 mb-15 ml-15" alt="" src="/public/umum/images/wgbc-footer-new.png" /> </div> <p class="font-16 mb-10"> GBC Indonesia is an Established Member of World Green Building Council. World GBC is a global action network comprised of around 70 Green Building Councils around the globe. </p> <a class="font-14" href="https://www.worldgbc.org/about-us" ><i class="fa fa-angle-double-right text-theme-colored"></i> Read more</a > <ul class="styled-icons icon-dark mt-20"> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".1s" data-wow-offset="10" > <a href="https://www.facebook.com/greenbuildingcouncilindonesia" target="_blank" data-bg-color="#3B5998" ><i class="fa fa-facebook"></i ></a> </li> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".2s" data-wow-offset="10" > <a href="https://twitter.com/gbcindonesia" target="_blank" data-bg-color="#02B0E8" ><i class="fa fa-twitter"></i ></a> </li> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".3s" data-wow-offset="10" > <a href="#" target="_blank" data-bg-color="#C13584" ><i class="fa fa-instagram"></i ></a> </li> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".3s" data-wow-offset="10" > <a href="https://www.linkedin.com/in/gbcindonesia/" target="_blank" data-bg-color="#0E76A8" ><i class="fa fa-linkedin"></i ></a> </li> </ul> <p class="font-16 mb-10">Internet connection Supported By:</p> <div class="footer-img"> <img src="/public/umum/images/bizznet.png" alt="" class="" /> </div> </div> </div> <div class="col-sm-6 col-md-6"> <div class="widget dark"> <h5 class="widget-title line-bottom">Quick Contact</h5> <ul class="list-border"> <li><a href="javascript:void(0)"><span class="__cf_email__" data-cfemail="ddb4b3bbb29dbabfbeb4b3b9b2b3b8aeb4bcf3b2afba">[email protected]</span></a></li> <li> <a href="javascript:void(0)" class="lineheight-20" >Official Office<br />Gedung Office 8, Lantai 18 Unit A, SCBD Lot.28 Jl Jend Sudirman Kav. 52-53<br />Senayan - Kebayoran Baru<br />Jakarta Selatan 12190 <br /> (+62) 21 2960 8012<br /></a> </li> <li> <a href="javascript:void(0)" class="lineheight-20" >Studio Office<br />Jl. Al Barkah 1 No. 29<br />Cilandak Barat - Cilandak<br />Jakarta Selatan 12430<br /> (+62) 21 2765 8660<br />(+62) 21 2765 8662</a > </li> </ul> </div> </div> <div class="col-sm-6 col-md-3"> <div class="widget dark"> <h5 class="widget-title line-bottom">Useful Links</h5> <ul class="list angle-double-right list-border"> <li><a href="/netzero">Net Zero</a></li> <li><a href="javascript:void(0)">Resources</a></li> <li><a href="javascript:void(0)">Event</a></li> <li><a href="javascript:void(0)">Volunteer</a></li> <li><a href="/news">News</a></li> </ul> </div> </div> </div> </div> <div class="footer-bottom bg-black-333"> <div class="container pt-20 pb-20"> <div class="row"> <div class="col-md-6"> <p class="font-11 text-black-777 m-0"> Copyright © 2024 GREEN BUILDING COUNCIL INDONESIA. All Rights Reserved </p> </div> <div class="col-md-6 text-right"> <div class="widget no-border m-0"> <ul class="list-inline sm-text-center mt-5 font-12"> <li> <a href="javascript:void(0)">FAQ</a> </li> <li>|</li> <li> <a href="javascript:void(0)">Login</a> </li> </ul> </div> </div> </div> </div> </div> </footer> <a class="scrollToTop" href="javascript:void(0)" ><i class="fa fa-angle-up"></i ></a> </div>  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> $(document).ready(function () { let query = '0/0/0/0/0/0'; let offset = 0 loadData(); loadDate(); loadLocation(); loadFormatAndType(); loadPartner(); $('body').on('change', 'input[type="checkbox"]', function () { let date = 0; let location = 0; let format = 0; let type = 0; let partner = 0; $('input[type="checkbox"]:checked').each(function () { console.log(this.checked, this.value, this.name); if (this.name == 'date-filter') { if (date != 0) { date = date + '_' date = date + this.value; } else { date = this.value; } } if (this.name == 'location-filter') { if (location != 0) { location = location + '_' location = location + this.value; } else { location = this.value; } } if (this.name == 'format-filter') { if (format != 0) { format = format + '_' format = format + this.value; } else { format = this.value; } } if (this.name == 'type-filter') { if (type != 0) { type = type + '_' type = type + this.value; } else { type = this.value; } } if (this.name == 'partner-filter') { if (partner != 0) { partner = partner + '_' partner = partner + this.value; } else { partner = this.value; } } }) query = date + '/' + location + '/' + format + '/' + type + '/' + partner + '/' + offset; console.log(query) $('#event').empty(); loadData(); }); function loadData() { $.ajax({ url: "/api/event/preview/" + query, dataType: "json", type: "GET", cache: true }).done(function (response) { $.each(response.list, function (key, val) { let link = '/event/' + val.kode let building_html = '' + '<div class="col-sm-6 col-md-6 col-lg-6">' + '<div class="schedule-box maxwidth500 bg-light mb-30">' + '<div class="thumb">' + '<img class="img-fullwidth" alt="" src="' + val.image + '">' + '<div class="overlay"><a href="' + link + '"><i class="fa fa-calendar mr-5"></i></a></div>' + '</div>' + '<div class="schedule-details clearfix p-15 pt-10">' + '<h5 class="font-16 title"><a href="' + link + '">' + val.title + '</a></h5>' + '<ul class="list-inline font-11 mb-20">' + '<li><i class="fa fa-calendar mr-5"></i>' + val.date + '</li>' + '<li><i class="fa fa-map-marker mr-5"></i>' + val.location + '</li>' + '</ul>' + '<p>' + val.trim + '</p>' + '<div class="mt-10"><a href="' + link + '" class="btn btn-dark btn-sm mt-10">Details</a></div>' + '</div>' + '</div>' + '</div>'; $('#event').append(building_html); }); $(".jq-7-ellipsis").ellipsis({ lines: 7, ellipClass: "ellip", responsive: true }); }); } function loadDate() { $.ajax({ url: "/api/event/filter/date", dataType: "json", type: "GET", cache: false }).done(function (response) { var _date = ''; $.each(response, function (key, val) { _date += '<li><div class="checkbox"><label>' + '<input type="checkbox" class="mr-10 text-black-light filter" name="date-filter" value="' + val.kode + '">' + '<div class="checkbox-label">' + val.value + '</div>' + '</label></div></li>'; }); $("#date-ul").append(_date); }); } function loadLocation() { $.ajax({ url: "/api/event/filter/location", dataType: "json", type: "GET", cache: false }).done(function (response) { var _location = ''; $.each(response, function (key, val) { _location += '<li><div class="checkbox"><label>' + '<input type="checkbox" class="mr-10 text-black-light filter" name="location-filter" value="' + val.kode + '">' + '<div class="checkbox-label">' + val.value + '</div>' + '</label></div></li>'; }); $("#location-ul").append(_location); }); } function loadFormatAndType() { $.ajax({ url: "/api/enum/events", dataType: "json", type: "GET", cache: false }).done(function (response) { var _formats = ''; var _types = ''; $.each(response.results.type, function (key, val) { _types += '<li><div class="checkbox"><label>' + '<input type="checkbox" class="mr-10 text-black-light filter" name="type-filter" value="' + val + '">' + '<div class="checkbox-label">' + val + '</div>' + '</label></div></li>'; }); $.each(response.results.format, function (key, val) { _formats += '<li><div class="checkbox"><label>' + '<input type="checkbox" class="mr-10 text-black-light filter" name="format-filter" value="' + val + '">' + '<div class="checkbox-label">' + val + ' Event</div>' + '</label></div></li>'; }); $("#format-ul").append(_formats); $("#tipe-ul").append(_types); }); } function loadPartner() { $.ajax({ url: "/api/event/filter/partner", dataType: "json", type: "GET", cache: false }).done(function (response) { var _location = ''; $.each(response, function (key, val) { _location += '<li><div class="checkbox"><label>' + '<input type="checkbox" class="mr-10 text-black-light filter" name="partner-filter" value="' + val.kode + '">' + '<div class="checkbox-label">' + val.name + '</div>' + '</label></div></li>'; }); $("#partner-ul").append(_location); }); } }); </script>   <script src="/public/umum/js/custom.js"></script> <script src="/public/umum/js/jquery.render.min.js"></script> <script src="/public/umum/js/jquery.ellipsis.min.js"></script>  <script src="/public/akses/plugins/loadingoverlay.min.js"></script>  <script> $(document).ready(function () { // Burger bar // var burgerBar = $("#header .burger-bar"); // var nav = $("#header nav"); // var overlay = $("#overlay"); // $("#menuzord-right").on("click", function (event) { // if(event.target.className === 'showhide'){ // $(event.currentTarget).trigger('click') // } // }); // $("#menuzord-right").on("click", function (event) { // console.log(event.target) // if (event.target.className === 'showhide') { // console.log('overlay on') // overlay.toggleClass("burger-bar-overlay"); // } // }); $(".main-content").on("click", function () { // overlay.removeClass("burger-bar-overlay"); console.log('on click', ) if($('.menuzord-menu.menuzord-right.menuzord-indented.scrollable').css('display') === 'block'){ $(".showhide").trigger("click"); } }); $(window).on("scroll", function () { console.log('on scroll', ) if($('.menuzord-menu.menuzord-right.menuzord-indented.scrollable').css('display') === 'block'){ $(".showhide").trigger("click"); } }); }); </script> </body> </html>

CINXE.COM

GREEN BUILDING COUNCIL INDONESIA | GBCI