CINXE.COM

GREEN BUILDING COUNCIL INDONESIA | GBCI

<!DOCTYPE html> <!-- بسم الله الر حمن الر حيم Copyright (C) 2020 Muhammad Iqbal (市丸 零) <iqbal@indesc.com> This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see <http://www.gnu.org/licenses/>. --> <html dir="ltr" lang="en"> <head> <!-- Meta Tags --> <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" /> <!-- Page Title --> <title>GREEN BUILDING COUNCIL INDONESIA | GBCI</title> <!-- Favicon and Touch Icons --> <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" /> <!-- Stylesheet --> <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" /> <!-- CSS | sweet alert --> <link href="/public/akses/plugins/sweet-alert/sweetalert.css" rel="stylesheet" /> <!-- CSS | menuzord megamenu skins --> <link href="/public/umum/css/menuzord-skins/menuzord-boxed.css" rel="stylesheet" id="menuzord-menu-skins" /> <!-- CSS | Main style file --> <link href="/public/umum/css/style-main.css" rel="stylesheet" type="text/css" /> <!-- CSS | Preloader Styles --> <link href="/public/umum/css/preloader.css" rel="stylesheet" type="text/css" /> <!-- CSS | Custom Margin Padding Collection --> <link href="/public/umum/css/custom-bootstrap-margin-padding.css" rel="stylesheet" type="text/css" /> <!-- CSS | Responsive media queries --> <link href="/public/umum/css/responsive.css" rel="stylesheet" type="text/css" /> <!-- CSS | Style css. This is the file where you can place your own custom css code. Just uncomment it and use it. --> <!-- <link href="css/style.css" rel="stylesheet" type="text/css"> --> <!-- Revolution Slider 5.x CSS settings --> <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" /> <!-- CSS | Theme Color --> <link href="/public/umum/css/colors/theme-skin-green.css" rel="stylesheet" type="text/css" /> <!-- external javascripts --> <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> <!-- JS | jquery plugin collection for this theme --> <script src="/public/umum/js/jquery-plugin-collection.js"></script> <!-- Revolution Slider 5.x SCRIPTS --> <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> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <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> <!-- Driver.js untuk fitur tourguide --> <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" /> <!-- Internal Data table css --> <link href="/public/akses/plugins/datatable/css/jquery.dataTables.min.css" rel="stylesheet"> <link rel="stylesheet" href="/public/umum/js/leaflet/leaflet.css"> <style> .layer-overlay.overlay-blue-light::before { background-color: rgba(29, 195, 237, 0.4); } .breadcrumb>li+li::before { content: " | "; font-size: 30px; } p { margin-bottom: 0px; } </style> <style> .table-responsive { overflow-x: hidden; } .table-responsive th::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after { content: ""; } </style> <style> #mapid { height: 400px; } .carousel-content { position: absolute; top: 0px; width: 100%; height: 100%; background-color: rgba(16, 196, 92, 0.4); } .carousel-text { height: 300px; width: 50%; margin-top: 210px; color: white; } .carousel-text-image { float: right; margin-right: 10px; margin-top: 210px; } </style> <style> .ellip { display: block; height: 100%; } .ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 100%; } .ellip, .ellip-line { position: relative; overflow: hidden; } </style> <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 --> <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> <!-- NAVBAR WEBSITE --> <!-- Start main-content --> <div class="main-content"> <!-- Section: home --> <section id="home" class="divider parallax layer-overlay overlay-blue-light" data-bg-img="/files/greenship/06bf7b57-e601-4842-9433-9087a53c97fe/Netzero_img.jpg"> <div class="display-table"> <div class="display-table-cell"> <div class="container pt-200 pb-200"> <div class="row"> <div class="col-md-12 text-right"> <h1 class="tagline text-uppercase text-white font-60">Net Zero</h1> <p class="text-white">GREENSHIP Net Zero (NZ)</p> <a class="btn btn-colored btn-warning btn-flat mt-15" href="/netzero" style="display: none;">Net Zero Project</a> </div> </div> </div> <ol class="breadcrumb text-center text-black bg-transparent-1" style="background: rgba(0, 0, 0, 0.4); margin-bottom: 0;"> <li><a href="javascript:void(0)" data-section="0" class="nz-menu" style="color: white;">Introduction</a> </li> <li><a href="javascript:void(0)" data-section="1" class="nz-menu" style="color: white;">Rating Tools & Certification Scheme</a></li> <li><a href="javascript:void(0)" data-section="2" class="nz-menu" style="color: white;">Resources</a> </li> <li><a href="javascript:void(0)" data-section="3" class="nz-menu" style="color: white;">News</a></li> <li><a href="javascript:void(0)" data-section="4" class="nz-menu" style="color: white;">Training & Workshop</a></li> <li><a href="javascript:void(0)" data-section="5" class="nz-menu" style="color: white;">Event</a></li> <li><a href="javascript:void(0)" data-section="6" class="nz-menu" style="color: white;">Certified NZ Building</a></li> </ol> </div> </div> </section> <!-- Section: About --> <section> <div class="container"> <div class="section-content"> <div class="row "> <div class="col-sm-12 col-md-12 mb-sm-20 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"> <h2 class="mt-0 line-bottom"> <span class="text-theme-colored">Net Zero</span> </h2> <div class="div-nzh" id="div-0"> <p><strong>Introduction Net Zero</strong></p> <br> <p>GBC Indonesia realizes that global climate change has a huge impact on human life. The main cause of global climate change is global warming or an increase in the earth's average temperature due to the greenhouse gas effect caused by the accumulation of greenhouse gas emissions in the Earth's atmosphere. Buildings consume 36% of energy produced, and are responsible for 39% of global carbon emissions, making it the largest contributing sector to climate change.</p><p><br></p><p><br></p><p> </p><p>In the efforts to decarbonise the building sector, GBC Indonesia participates in WorldGBC's global project working towards total sector decarbonisation by 2050, namely Advancing Net Zero. GBC Indonesia is committed to developing a net zero certification program according to the Indonesian context by developing <strong>GREENSHIP Net Zero rating tool</strong> and conducting training and education on net zero to the public and the young generation as well as involving corporate and government in promoting net zero in Indonesia.</p><p> </p><p><br></p><p><br></p><p>The basic principle of implementing a net zero building is to optimize the design of the building in such a way that it can reduce the need for energy consumption per year as low as possible so that the energy supply can rely entirely on renewable energy systems. In addition, the spaces quality should be managed by the designer and building management so that meet the standard for health and comfort for occupants inside.</p><p><br></p><p class="ql-align-justify"><br></p><p class="ql-align-justify"><br></p><p class="ql-align-justify"><strong>Why Net Zero</strong></p><p><br></p><p>We care about our Indonesia, we care about our only one earth. </p><p>We believe that Indonesia has no future if the place where we stand is not land but water, because there are floods everywhere. </p><p>We believe that Indonesia has no future if water becomes difficult to find, due to frequent drought. </p><p>We believe that Indonesia has no future if flora and fauna do not exist. </p><p class="ql-align-justify">Climate change can be felt and it is real.</p><p class="ql-align-justify"><br></p><p class="ql-align-justify"><br></p><p>The IPCC in its report states that global emissions must reach net-zero around the middle of this century to reach the global warming target below 1.5oC. Besides this, Here is President Joko Widodo's statement at the UNFCCC Conference of the Parties (COP) 21 on November 30, 2015.</p><p><br></p><p><em> "Indonesia is committed to reducing carbon emissions by up to 29% below business as usual in 2030 and 41% with international assistance"</em></p><p><br></p><p><br></p><p class="ql-align-justify">Responding to these issues and as part of the World Green Building Council which has launched the Net Zero Advancing Program, Green Building Council Indonesia (GBCI) has developed GREENSHIP Net Zero to transform all buildings with zero emissions by taking steps:</p><p>1. Passive design approach. Use of natural ventilation and natural lighting.</p><p>2. Active design approach. Optimization of the performance of air conditioning systems, lighting and other equipments.</p><p>3. Healthy and comfortable environment. Creating healthy and comfortable air quality in the building.</p><p class="ql-align-justify">4. Renewable energy onsite, offsite, and offset. Reducing emissions from building operations by utilizing renewable energy with zero emissions.</p><p class="ql-align-justify"><br></p><p class="ql-align-justify"><br></p> </div> <div class="div-nzh" id="div-1"> <p><strong>Rating Tools And Certification Scheme GREENSHIP Net Zero</strong></p> <br> <p><strong>GREENSHIP Net Zero (NZ)</strong></p> <br> <p>A certification system that assesses the performances of buildings to energy efficient building criteria and neutralizes annual carbon emissions from building operations through the use of onsite, offsite, and offset renewable energy. The assessment of GREENSHIP NZ can apply to new and existing buildings, and to a variety of building typologies. The prerequisite scope assessed includes:</p> <ul> <li>1. Fulfillment of the quality of comfort in the building.</li> <li>2. Energy usage intensity (EUI) of a building is efficient.</li> <li>3. Action to reduce carbon emissions, beyond the applications of renewable energy.</li> </ul> <br> <p>GREENSHIP NZ is structured in a concise form which consists of check-points per criteria, so that the valuation method of NZ buildings is easier and simpler.</p> <br> <p><strong>GREENSHIP NZ calculation methodology</strong></p> <p>To determine the achievement of the certification level, the following 4 parameters must be assessed.</p> <br> <p><strong>Certification Level: Net Zero Ready</strong></p> <ul> <li>1. Fulfillment of Energy Usage Intensity (EUI) standards and comfort standards.</li> <li>2. Renewable Energy onsite fulfills 1 of 3 schemes.</li> <li>3. Building Monitoring System application for monitoring building systems.</li> <li>4. Delivering a 'carbon balanced' (Renewable Energy and/or carbon offsets) implementation plan.</li> </ul> <br> <p><strong>Certification Level: Net Zero Certified</strong></p> <ul> <li>1. Fulfillment of Energy Usage Intensity (EUI) standards and comfort standards.</li> <li>2. Renewable Energy onsite or offsite meet the Renewable Energy implementation scheme. </li> <li>3. Building Monitoring System application for monitoring building systems.</li> <li>4. Delivering a 'carbon balanced' (Renewable Energy and/or carbon offsets) implementation plan, with carbon balance equal to or less than zero.</li> </ul> <br> <p>To certify your building as Net Zero Building, please go to <a href="/certification" class="text-theme-colored">following this link</a></p> </div> <div class="div-nzh" id="div-2"> <div class="section-title text-center"> <div class="row"> <div class="col-md-12"> <h4 class="title text-uppercase">File <span class="text-theme-colored">Resources</span> </h4> </div> </div> </div> <div class="section-content"> <div class="row"> <div id="resources" class="resource col-xl-12"> <div class="col-xs-12 col-sm-4 col-md-4"> </div> </div> </div> </div> </div> <div class="div-nzh" id="div-3"> <div id="blog-posts-wrapper" class="blog-posts"> <div class="col-sm-6 col-md-4 col-lg-4"> <article class="post clearfix maxwidth600 mb-30"> <div class="entry-header"> <div class="post-thumb thumb"> <a href="/read/sREk15tdoxPQjEnQqqnoYhb487781KW4ddd4678e43a94a50877aefacfcbed73dA0eBU90eoVT"> <img src="/files/news/533c2597-1e79-4352-b37c-3c2b1bc277bc/1. Grha Unilever.jpg" alt="" class="img-responsive img-fullwidth"> </a> </div> </div> <div class="entry-content border-1px p-20"> <h5 class="entry-title text-theme-colored mt-0 pt-0"> <a href="/read/sREk15tdoxPQjEnQqqnoYhb487781KW4ddd4678e43a94a50877aefacfcbed73dA0eBU90eoVT" class="text-theme-colored">Penyerahan Sertifikat GREENSHIP Existing Building Peringkat Platinum &amp; GREENSHIP Net-Zero Ready Certified untuk Gedung Grha Unilever</a> </h5> <p class="list-inline entry-date font-12 text-theme-colored"> 28/10/2024 <br> News, Net Zero, Greenship, Certification </p> <div class="text-left mb-20 mt-15 font-13 jq-7-ellipsis"> Tangerang, 25 Oktober 2024 – Unilever Indonesia kembali mencatatkan pencapaian luar biasa dalam perjalanan keberlanjutan dengan memperoleh sertifikat GREENSHIP Existing Building dengan peringkat </div> <a class="btn btn-dark btn-theme-colored btn-xs btn-flat mt-0" href="/read/sREk15tdoxPQjEnQqqnoYhb487781KW4ddd4678e43a94a50877aefacfcbed73dA0eBU90eoVT">Read more</a> <div class="clearfix"></div> </div> </article> </div> <div class="col-sm-6 col-md-4 col-lg-4"> <article class="post clearfix maxwidth600 mb-30"> <div class="entry-header"> <div class="post-thumb thumb"> <a href="/read/BUH0UVZBo9a5IDdaTojMSSEQt16fJbB402af5bc25d1f433a8cf9efa537ed3027yPUD6bfQGjG"> <img src="/files/news/0c8255ef-89e2-43f4-866b-80deb398c5fe/IMG_9960.jpg" alt="" class="img-responsive img-fullwidth"> </a> </div> </div> <div class="entry-content border-1px p-20"> <h5 class="entry-title text-theme-colored mt-0 pt-0"> <a href="/read/BUH0UVZBo9a5IDdaTojMSSEQt16fJbB402af5bc25d1f433a8cf9efa537ed3027yPUD6bfQGjG" class="text-theme-colored">GREENSHIP&#x27;s Digital Transformation Journey towards Net Zero</a> </h5> <p class="list-inline entry-date font-12 text-theme-colored"> 13/08/2024 <br> News, Event, Net Zero </p> <div class="text-left mb-20 mt-15 font-13 jq-7-ellipsis"> On Wednesday, 7 August 2024, Green Building Council Indonesia (GBC Indonesia) conduct the launch of its Net Zero Web Application, a digital platform designed to simplify and expedite the process of </div> <a class="btn btn-dark btn-theme-colored btn-xs btn-flat mt-0" href="/read/BUH0UVZBo9a5IDdaTojMSSEQt16fJbB402af5bc25d1f433a8cf9efa537ed3027yPUD6bfQGjG">Read more</a> <div class="clearfix"></div> </div> </article> </div> <div class="col-sm-6 col-md-4 col-lg-4"> <article class="post clearfix maxwidth600 mb-30"> <div class="entry-header"> <div class="post-thumb thumb"> <a href="/read/qZWimpEbNxi5X8m4FwnYgbEivA3JPMyW510f86c9f71343ee9904c9a2edf6a5caz9C9V1IndqW"> <img src="/files/news/b2a095ac-6f97-491c-945f-28db653d98c4/jakarta celebrates.jpg" alt="" class="img-responsive img-fullwidth"> </a> </div> </div> <div class="entry-content border-1px p-20"> <h5 class="entry-title text-theme-colored mt-0 pt-0"> <a href="/read/qZWimpEbNxi5X8m4FwnYgbEivA3JPMyW510f86c9f71343ee9904c9a2edf6a5caz9C9V1IndqW" class="text-theme-colored">Jakarta Celebrates Milestones in Net Zero Schools Initiative</a> </h5> <p class="list-inline entry-date font-12 text-theme-colored"> 26/06/2024 <br> News, Net Zero </p> <div class="text-left mb-20 mt-15 font-13 jq-7-ellipsis"> Jakarta, September 27, 2022 – In journey to achieve Net Zero by 2050, GBC Indonesia is actively collaborating with the government to implement energy-efficient building projects. This initiative </div> <a class="btn btn-dark btn-theme-colored btn-xs btn-flat mt-0" href="/read/qZWimpEbNxi5X8m4FwnYgbEivA3JPMyW510f86c9f71343ee9904c9a2edf6a5caz9C9V1IndqW">Read more</a> <div class="clearfix"></div> </div> </article> </div> <div class="col-sm-6 col-md-4 col-lg-4"> <article class="post clearfix maxwidth600 mb-30"> <div class="entry-header"> <div class="post-thumb thumb"> <a href="/read/R9MVD6uYtMYxUxqNDN3hbJSwk908IbUb8147bc05b209417898d1115b8d028ce2L0400IFxvs5"> <img src="/files/news/1f97bb10-7cde-4821-954b-72b597d59227/pahoa.png" alt="" class="img-responsive img-fullwidth"> </a> </div> </div> <div class="entry-content border-1px p-20"> <h5 class="entry-title text-theme-colored mt-0 pt-0"> <a href="/read/R9MVD6uYtMYxUxqNDN3hbJSwk908IbUb8147bc05b209417898d1115b8d028ce2L0400IFxvs5" class="text-theme-colored">KB-TK Pahoa Achieves Net Zero Healthy Ready Certification</a> </h5> <p class="list-inline entry-date font-12 text-theme-colored"> 26/06/2024 <br> News, Net Zero </p> <div class="text-left mb-20 mt-15 font-13 jq-7-ellipsis"> April 13, 2023 - The KB-TK Pahoa building has proudly achieved the prestigious Net Zero Healthy Ready certification. By meeting the stringent criteria for an environmentally friendly building, KB-TK </div> <a class="btn btn-dark btn-theme-colored btn-xs btn-flat mt-0" href="/read/R9MVD6uYtMYxUxqNDN3hbJSwk908IbUb8147bc05b209417898d1115b8d028ce2L0400IFxvs5">Read more</a> <div class="clearfix"></div> </div> </article> </div> <div class="col-sm-6 col-md-4 col-lg-4"> <article class="post clearfix maxwidth600 mb-30"> <div class="entry-header"> <div class="post-thumb thumb"> <a href="/read/q5KurQzp8eRsOUBBCO1z55rK6nVWr1FJ367ffc934cba42f09603eb8b93ea0bdcHqGHYLQAcvd"> <img src="/files/news/5aca212a-12df-4a37-a18f-8e533889d982/IMG_6117.JPG" alt="" class="img-responsive img-fullwidth"> </a> </div> </div> <div class="entry-content border-1px p-20"> <h5 class="entry-title text-theme-colored mt-0 pt-0"> <a href="/read/q5KurQzp8eRsOUBBCO1z55rK6nVWr1FJ367ffc934cba42f09603eb8b93ea0bdcHqGHYLQAcvd" class="text-theme-colored">Executive Leadership Course (Batch 3): Hong Kong</a> </h5> <p class="list-inline entry-date font-12 text-theme-colored"> 12/05/2024 <br> Event, Training And Education, Net Zero </p> <div class="text-left mb-20 mt-15 font-13 jq-7-ellipsis"> Following the success of our previous Leadership Courses, we are thrilled to announce the next chapter of our journey: Hong Kong, a bustling metropolis renowned for its commitment to sustainability. </div> <a class="btn btn-dark btn-theme-colored btn-xs btn-flat mt-0" href="/read/q5KurQzp8eRsOUBBCO1z55rK6nVWr1FJ367ffc934cba42f09603eb8b93ea0bdcHqGHYLQAcvd">Read more</a> <div class="clearfix"></div> </div> </article> </div> <div class="col-sm-6 col-md-4 col-lg-4"> <article class="post clearfix maxwidth600 mb-30"> <div class="entry-header"> <div class="post-thumb thumb"> <a href="/read/w4TivVQ2Ea9JsTCyqs7LRzkD0XyAeCyI66707523dd4f4021a799a1d44470fae1ZzVr3eSjStR"> <img src="/files/news/afa65c35-9ccd-4aa7-9449-2cd83e64a719/20230818-141130.jpeg" alt="" class="img-responsive img-fullwidth"> </a> </div> </div> <div class="entry-content border-1px p-20"> <h5 class="entry-title text-theme-colored mt-0 pt-0"> <a href="/read/w4TivVQ2Ea9JsTCyqs7LRzkD0XyAeCyI66707523dd4f4021a799a1d44470fae1ZzVr3eSjStR" class="text-theme-colored">Leadership Course on Net Zero Energy Building &amp; Sustainable Transit-oriented Development: A Milestone in Indonesia&#x27;s Sustainable Urbanization</a> </h5> <p class="list-inline entry-date font-12 text-theme-colored"> 16/08/2023 <br> Event, Training And Education, Net Zero </p> <div class="text-left mb-20 mt-15 font-13 jq-7-ellipsis"> Jakarta, August 18 th - Green Building Council Indonesia, in collaboration with honoured partners and industry leaders, successfully hosted the "Leadership Course on Net Zero Energy Building & </div> <a class="btn btn-dark btn-theme-colored btn-xs btn-flat mt-0" href="/read/w4TivVQ2Ea9JsTCyqs7LRzkD0XyAeCyI66707523dd4f4021a799a1d44470fae1ZzVr3eSjStR">Read more</a> <div class="clearfix"></div> </div> </article> </div> </div> </div> <div class="div-nzh" id="div-4"> <div class="container pt-10"> <div class="section-content"> <div class="row"> <div class="col-md-12"> <h4>Training & Workshop</h4> </div> <div class="col-md-12 mt-30"> <div class="table-responsive"> <table class="table text-md-nowrap table-striped table-hover tbl-shopping-cart" id="data-tabel" width="100%"> <thead> <tr> <th class="border-bottom-0">Course</th> <th class="border-bottom-0">Month</th> <th class="border-bottom-0">Price</th> <th class="wd-5p border-bottom-0">Detail</th> </tr> </thead> <tbody></tbody> </table> </div> </div> </div> </div> </div> </div> <div class="div-nzh" id="div-5"> <div class="container"> <div class="row"> <div class="col-md-9"> <div id="event" class="row"> </div> </div> </div> </div> </div> <div class="div-nzh" id="div-6"> <div class="container"> <div class="row mb-30"> <div class="col-md-12"> <div id="mapid" class="map"></div> </div> </div> <div class="row"> <div class="col-md-9"> <div id="buildings" 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 mt-40">Kota</h5> <ul class="list list-divider list-border"> <li> <div class="checkbox"> <label> <input type="checkbox" class=" mr-10 text-black-light"> <div class="checkbox-label">Jakarta</div> </label> </div> </li> <li> <div class="checkbox"> <label> <input type="checkbox" class=" mr-10 text-black-light"> <div class="checkbox-label">Medan</div> </label> </div> </li> <li> <div class="checkbox"> <label> <input type="checkbox" class=" mr-10 text-black-light"> <div class="checkbox-label">Bandung</div> </label> </div> </li> <li> <div class="checkbox"> <label> <input type="checkbox" class=" mr-10 text-black-light"> <div class="checkbox-label">Semarang</div> </label> </div> </li> <li> <div class="checkbox"> <label> <input type="checkbox" class=" mr-10 text-black-light"> <div class="checkbox-label">Surabaya</div> </label> </div> </li> <li> <div class="checkbox"> <label> <input type="checkbox" class=" mr-10 text-black-light"> <div class="checkbox-label">Makasar</div> </label> </div> </li> </ul> <h5 class="widget-title line-bottom mt-40">Jenis Bangunan</h5> <ul class="list list-divider list-border"> <li> <div class="checkbox"> <label> <input type="checkbox" class=" mr-10 text-black-light"> <div class="checkbox-label">Office</div> </label> </div> </li> <li> <div class="checkbox"> <label> <input type="checkbox" class=" mr-10 text-black-light"> <div class="checkbox-label">Hotel</div> </label> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <!-- end main-content --> <!-- Footer --> <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="bcd5d2dad3fcdbdedfd5d2d8d3d2d9cfd5dd92d3cedb">[email&#160;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 &copy; 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> <!-- end wrapper --> <!-- Internal Data tables --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/public/akses/plugins/datatable/js/jquery.dataTables.min.js"></script> <!-- Numeral.js --> <script src="/public/umum/js/numeral/numeral.min.js"></script> <!-- Maps --> <script src="/public/umum/js/leaflet/leaflet.js"></script> <script> $(document).ready(function () { var mymap = L.map('mapid').setView([-2.1, 117.3], 8); L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibW9odGhvcmlxIiwiYSI6ImNraDV5MmRmZTBxZW8ycXFqbm9peXVneXEifQ.XYD5kk0uDBLsMlDWCYC-Dg', { attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', maxZoom: 5, id: 'mapbox/streets-v11', tileSize: 512, zoomOffset: -1, accessToken: 'your.mapbox.access.token' }).addTo(mymap); mymap.scrollWheelZoom.disable(); loadData(mymap) numeral.register("locale", "id", { delimiters: { thousands: ".", decimal: "," } }); numeral.locale("id"); var trainings = $('#data-tabel').DataTable({ "sDom": "t", "ajax": { url: '/api/training/netzero/0/0/0', cache: true }, "rowId": "kode", "autoWidth": false, "columns": [ null, { "data": "datetime[0].datetime" }, null, null ], "columnDefs": [ { "render": function (data, type, row, meta) { return row.title + '<ul class="variation"><li class="variation-size">Type: <span>' + row.typeString + '</span></li></ul>'; }, "targets": [0] }, { "render": function (data, type, row, meta) { let date = ''; let time = ''; if (row.datetime.length != 0) { let d = row.datetime[0].datetime.split(" "); date = d[0].substring(3, 5); time = d[1].substring(0, 5); } return date + '<ul class="variation"><li class="variation-size">Time: <span>' + time + '</span></li></ul>'; }, "targets": [1] }, { "render": function (data, type, row, meta) { return 'Rp ' + numeral(row.price).format('0,0'); }, "targets": [2] }, { "width": "80px", "render": function (data, type, row, meta) { return '<div class="text-center"><a href="/training/' + row.kode + '" class="btn btn-theme-colored">Detail</a></div>'; }, "targets": [3] } ], "order": [[1, "asc"], [0, "asc"]] }); $(".div-nzh").hide(); $("#div-0").show(); $(".nz-menu").click(function () { $(".div-nzh").hide(); $("#div-" + $(this).data("section")).show(); }); loadResources(); loadEvent(); }); //event function loadEvent() { $.ajax({ url: "/api/event/preview/netzero/0/0/0/0/0/0", 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 loadData(mymap) { $.ajax({ url: "/api/explore/certBuildingNetZero", dataType: "json", type: "GET", cache: true }).done(function (response) { $.each(response.data, function (key, val) { let link = '/certbuilding/' + val.kode let building_html = '' + '<div class="col-sm-6 col-md-4 col-lg-4">' + '<article class="post clearfix maxwidth600 mb-30">' + '<div class="entry-header">' + '<div class="post-thumb thumb">' + '<a href="' + link + '"><img src="' + val.image + '" alt="" class="img-responsive img-fullwidth"></a>' + '</div>' + '</div>' + '<div class="entry-content border-1px p-20">' + '<h5 class="entry-title text-theme-colored mt-0 pt-0">' + '<a href="' + link + '" class="text-theme-colored">' + val.name + '</a>' + '</h5>' + '<div class="text-left mb-20 mt-15 font-13 jq-7-ellipsis">' + val.content + '</div>' + '<a class="btn btn-dark btn-theme-colored btn-xs btn-flat mt-0" href="' + link + '">Detail</a>' + '<div class="clearfix"></div>' + '</div>' + '</article>' + '</div>'; $('#buildings').append(building_html) if (val.latlon !== null) { L.marker([val.latlon.lat, val.latlon.lon]).addTo(mymap); } }) $(".jq-7-ellipsis").ellipsis({ lines: 7, ellipClass: "ellip", responsive: true }); }) } function loadResources() { $.ajax({ url: "/api/explore/resourceCateDetailNetzero", dataType: "json", type: "GET", cache: true }).done(function (response) { $.each(response.data, function (key, val) { let row1 = $('<div class="row"><div class="col-md-12"><h4><span class="fa fa-chevron-circle-right mr-5"></span>' + val.name + '</h4></div></div>'); $('#resources').append(row1) let row2 = $('<div class="row"></div>'); $.each(val.DataResources, function (key, val) { let file_name = val.path.split("/"); let building_html = '' + '<div class="col-sm-6 col-md-3 col-lg-3">' + '<div class="image-box text-center">' + '<div class="thumb">' + '<img src="/public/umum/images/pdf gbci.png" alt="" width="128">' + '</div>' + '<div class="image-box-details pt-20 pb-xs-20">' + '<h4 class="title">' + file_name[file_name.length - 1] + '</h4>' + '<p class="desc mb-10 text-center">' + val.content + '</p>' + '<a class="btn btn-dark btn-theme-colored mt-10" href="' + val.path + '">Download</a>' + '</div>' + '</div>' + '<br />' + '<br />' + '</div>'; row2.append(building_html) }) $('#resources').append(row2) }) $(".jq-7-ellipsis").ellipsis({ lines: 7, ellipClass: "ellip", responsive: true }); }) } </script> <!-- Footer Scripts --> <!-- JS | Custom script for all pages --> <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> <!-- jQuery LoadingOverlay --> <script src="/public/akses/plugins/loadingoverlay.min.js"></script> <!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.actions.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.carousel.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.kenburn.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.layeranimation.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.migration.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.navigation.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.parallax.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.slideanims.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.video.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>

Pages: 1 2 3 4 5 6 7 8 9 10