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" />  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" />  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />  <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/7.1.0/mdb.min.css" rel="stylesheet" /> <style> .icon-hover:hover { border-color: #3b71ca !important; background-color: white !important; color: #3b71ca !important; } .icon-hover:hover i { color: #3b71ca !important; } .card { --mdb-card-spacer-y: 0; --mdb-card-spacer-x: 0; /* Atau Anda bisa menetapkannya ke nilai yang sesuai */ } </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://netzero.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="p-5 " style="margin-top: 150px;">  <div id="new-building" class="" style="display:none;"> <div class="container"> <div class="row gx-5">  <aside class="col-lg-6">  <div class="border rounded-4 mb-3 d-flex justify-content-center"> <a data-fslightbox="mygalley" class="rounded-4 p-3 bg-secondary" target="_blank" data-type="image" href="/public/umum/images/etalase/cover-NB-1.png"> <img style="max-width: 100%; max-height: 50vh; margin: auto;" class="rounded-4 fit" src="/public/umum/images/etalase/cover-NB-1.png" /> </a> </div>  <div class="d-flex justify-content-center mb-3"> <a data-fslightbox="mygalley" class="border mx-1 rounded-2 p-1" target="_blank" data-type="image" href="/public/umum/images/etalase/cover-NB-1.png" class="item-thumb"> <img max-width="60" max-height="60" class="rounded-2" style="max-height:60px;max-width:60px" src="/public/umum/images/etalase/cover-NB-1.png" /> </a> </div>   </aside> <main class="col-lg-6">  <ul class="nav nav-tabs mb-3" id="ex1" role="tablist" style="border-bottom: 1px solid #45a687;"> <li class="nav-item" role="presentation"> <a data-mdb-tab-init class="nav-link " id="ex2-tab-1" href="#ex2-tabs-1" role="tab" aria-controls="ex2-tabs-1" aria-selected="true" style="color: #45a687; border-color: #45a687; border-bottom: 0"><span style="color: black ;">Deskripsi Buku</span></a> </li> </ul>   <div class="tab-content" id="ex2-content"> <div class="tab-pane show active" id="ex2-tabs-1" role="tabpanel" aria-labelledby="ex2-tab-1"> <div class="ps-lg-3">  <h4 class="title text-dark"> Greenship New Building versi 1.2 </h4> <div class="mb-3"> </div>  <div class="row"> <dt class="col-5">Jumlah Halaman:</dt> <dd class="col-7">395</dd> <dt class="col-5">Bahasa</dt> <dd class="col-7">Indonesia</dd> <dt class="col-5">Penerbit</dt> <dd class="col-7">GBC Indonesia</dd> <dt class="col-5">Status</dt> <dd class="col-7">Dapat dipesan</dd> <dt class="col-5">Harga</dt> <dd class="col-7">Rp.</dd> </div>  <p class="mt-4"> GREENSHIP for New Building is a Building Certification System that evaluates New Building Development which includes the Design and Construction phase. This Certification gives the project team opportunities to create environmentally friendly buildings that are comprehensive with innovative and creative approaches from the design phase to the operational phase. <span id="dots" style="display: none;"> The target market for GREENSHIP NB is the building owner, who is usually represented by the design and construction team in engaging the development activities of the particular building. These are types of projects that can be included in the GREENSHIP NB Certification Process, namely: a. located on an empty site and is a new building b. located on a constructed site and has renovation activities with a minimum portion of 90% on mechanical, electrical, or structural works; and c. located on a site in an integrated area and is a new building. The scope of the rating in GREENSHIP NB is the development stage </span> <br><a class="" href="#" onclick="myFunction()" id="myBtn">Baca Selengkapnya</a> </p> <hr /> <div class="row mb-4"> <div class="col-md-4 col-6"> </div>  <div class="col-md-4 col-6 mb-3"> </div> </div> <div class="d-grid gap-2"> <a href="https://forms.gle/UDh7eCVxSTdyea4C6" class="btn btn-primary" type="button" data-mdb-ripple-init style="background-color: #45a687;"> <span style="color: #eee;">Pesan</span> </a> </div> </div> </div>  </main> </div> </div> </div>  <div id="existing-building" class="" style="display:none;"> <div class="container"> <div class="row gx-5">  <aside class="col-lg-6">  <div class="border rounded-4 mb-3 d-flex justify-content-center"> <a data-fslightbox="mygalley" class="rounded-4 p-3" target="_blank" data-type="image" href="/public/akses/img/brand/GREENSHIP.png"> <img style="max-width: 100%; max-height: 50vh; margin: auto;" class="rounded-4 fit" src="/public/akses/img/brand/GREENSHIP.png" /> </a> </div>  <div class="d-flex justify-content-center mb-3"> <a data-fslightbox="mygalley" class="border mx-1 rounded-2 p-1" target="_blank" data-type="image" href="/public/akses/img/brand/GREENSHIP.png" class="item-thumb"> <img max-width="60" max-height="60" class="rounded-2" style="max-height:60px;max-width:60px" src="/public/akses/img/brand/GREENSHIP.png" /> </a> </div>   </aside> <main class="col-lg-6">  <ul class="nav nav-tabs mb-3" id="ex1" role="tablist" style="border-bottom: 1px solid #45a687;"> <li class="nav-item" role="presentation"> <a data-mdb-tab-init class="nav-link " id="ex2-tab-1" href="#ex2-tabs-1" role="tab" aria-controls="ex2-tabs-1" aria-selected="true" style="color: #45a687; border-color: #45a687; border-bottom: 0"><span style="color: black ;">Deskripsi Buku</span></a> </li> </ul>   <div class="tab-content" id="ex2-content"> <div class="tab-pane show " id="ex2-tabs-1" role="tabpanel" aria-labelledby="ex2-tab-1"> <div class="ps-lg-3">  <h4 class="title text-dark"> Greenship Existing Building versi 1.1 </h4> <div class="mb-3"> </div>  <div class="row"> <dt class="col-5">Jumlah Halaman:</dt> <dd class="col-7">395</dd> <dt class="col-5">Bahasa</dt> <dd class="col-7">Indonesia</dd> <dt class="col-5">Penerbit</dt> <dd class="col-7">GBC Indonesia</dd> <dt class="col-5">Status</dt> <dd class="col-7">Dapat dipesan</dd> <dt class="col-5">Harga</dt> <dd class="col-7">Rp.</dd> </div>  <p class="mt-4"> Greenship for Existing Building (Built) is a Rating System that evaluuates buildings that have been operating for at least one year after their completion and functioning as offices, shops, apartments, hotels, or hospitals including both government and private. Complexity of the variables that must be considered in Green Building Implementation for Existing Building is mostly related with operational management and maintenance of a building. <span id="dots" style="display: none;"> In general, approximately 98% of buildings in Indonesia are Existing Building, where these are challenges for GBCI INDONESIA to invite everyone to implement the Green Building Strategies at this entry-level stage in the Building Industry. This opportunity becomes a valuable moment for GBC INDONESIA to embrace every level of the Building Industry to achieve Sustainable Development through Green Building strategies in Existing Building. </span> <br><a class="" href="#" onclick="myFunction()" id="myBtn">Baca Selengkapnya</a> </p> <hr /> <div class="row mb-4"> <div class="col-md-4 col-6"> </div>  <div class="col-md-4 col-6 mb-3"> </div> </div> <div class="d-grid gap-2"> <a href="https://forms.gle/UDh7eCVxSTdyea4C6" class="btn btn-primary" type="button" data-mdb-ripple-init style="background-color: #45a687;"> <span style="color: #eee;">Pesan</span> </a> </div> </div> </div>  </main> </div> </div> </div>  <div id="interior-space" class="" style="display:none;"> <div class="container"> <div class="row gx-5">  <aside class="col-lg-6">  <div class="border rounded-4 mb-3 d-flex justify-content-center"> <a data-fslightbox="mygalley" class="rounded-4 p-3" target="_blank" data-type="image" href="/public/akses/img/brand/GREENSHIP.png"> <img style="max-width: 100%; max-height: 50vh; margin: auto;" class="rounded-4 fit" src="/public/akses/img/brand/GREENSHIP.png" /> </a> </div>  <div class="d-flex justify-content-center mb-3"> <a data-fslightbox="mygalley" class="border mx-1 rounded-2 p-1" target="_blank" data-type="image" href="/public/akses/img/brand/GREENSHIP.png" class="item-thumb"> <img max-width="60" max-height="60" class="rounded-2" style="max-height:60px;max-width:60px" src="/public/akses/img/brand/GREENSHIP.png" /> </a> </div>   </aside> <main class="col-lg-6">  <ul class="nav nav-tabs mb-3" id="ex1" role="tablist" style="border-bottom: 1px solid #45a687;"> <li class="nav-item" role="presentation"> <a data-mdb-tab-init class="nav-link " id="ex2-tab-1" href="#ex2-tabs-1" role="tab" aria-controls="ex2-tabs-1" aria-selected="true" style="color: #45a687; border-color: #45a687; border-bottom: 0"><span style="color: black ;">Deskripsi Buku</span></a> </li> </ul>   <div class="tab-content" id="ex2-content"> <div class="tab-pane show " id="ex2-tabs-1" role="tabpanel" aria-labelledby="ex2-tab-1"> <div class="ps-lg-3">  <h4 class="title text-dark"> Greenship Interior Space versi 1.0 </h4> <div class="mb-3"> </div>  <div class="row"> <dt class="col-5">Jumlah Halaman:</dt> <dd class="col-7">395</dd> <dt class="col-5">Bahasa</dt> <dd class="col-7">Indonesia</dd> <dt class="col-5">Penerbit</dt> <dd class="col-7">GBC Indonesia</dd> <dt class="col-5">Status</dt> <dd class="col-7">Dapat dipesan</dd> <dt class="col-5">Harga</dt> <dd class="col-7">Rp.</dd> </div>  <p class="mt-4"> GREENSHIP for Interior Space is a Building Certification System intendedd for interiors which aims to provide optimum comfort, health, and productivity for their users. The target market of GREENSHIP Interior Space is for Building Users who are usually Business Players who act as tenants and utilize the interior space partially or entirely, then conduct fitting out execises where business activities are accomodated. <span id="dots" style="display: none;"> The scope of assessment of this GREENSHIP Interior Space does not only limit to fitting out activities, but also includes the management policies in terms of building selection and management where maintenance is done by the management team after the building starts operating. </span> <br><a class="" href="#" onclick="myFunction()" id="myBtn">Baca Selengkapnya</a> </p> <hr /> <div class="row mb-4"> <div class="col-md-4 col-6"> </div>  <div class="col-md-4 col-6 mb-3"> </div> </div> <div class="d-grid gap-2"> <a href="https://forms.gle/UDh7eCVxSTdyea4C6" class="btn btn-primary" type="button" data-mdb-ripple-init style="background-color: #45a687;"> <span style="color: #eee;">Pesan</span> </a> </div> </div> </div>  </main> </div> </div> </div>  <div id="homes" class="" style="display:none;"> <div class="container"> <div class="row gx-5">  <aside class="col-lg-6">  <div class="border rounded-4 mb-3 d-flex justify-content-center"> <a data-fslightbox="mygalley" class="rounded-4 p-3" target="_blank" data-type="image" href="/public/akses/img/brand/GREENSHIP.png"> <img style="max-width: 100%; max-height: 50vh; margin: auto;" class="rounded-4 fit" src="/public/akses/img/brand/GREENSHIP.png" /> </a> </div>  <div class="d-flex justify-content-center mb-3"> <a data-fslightbox="mygalley" class="border mx-1 rounded-2 p-1" target="_blank" data-type="image" href="/public/akses/img/brand/GREENSHIP.png" class="item-thumb"> <img max-width="60" max-height="60" class="rounded-2" style="max-height:60px;max-width:60px" src="/public/akses/img/brand/GREENSHIP.png" /> </a> </div>   </aside> <main class="col-lg-6">  <ul class="nav nav-tabs mb-3" id="ex1" role="tablist" style="border-bottom: 1px solid #45a687;"> <li class="nav-item" role="presentation"> <a data-mdb-tab-init class="nav-link " id="ex2-tab-1" href="#ex2-tabs-1" role="tab" aria-controls="ex2-tabs-1" aria-selected="true" style="color: #45a687; border-color: #45a687; border-bottom: 0"><span style="color: black ;">Deskripsi Buku</span></a> </li> </ul>   <div class="tab-content" id="ex2-content"> <div class="tab-pane show " id="ex2-tabs-1" role="tabpanel" aria-labelledby="ex2-tab-1"> <div class="ps-lg-3">  <h4 class="title text-dark"> Greenship Homes versi 2.0 </h4> <div class="mb-3"> </div>  <div class="row"> <dt class="col-5">Jumlah Halaman:</dt> <dd class="col-7">-</dd> <dt class="col-5">Bahasa</dt> <dd class="col-7">Indonesia</dd> <dt class="col-5">Penerbit</dt> <dd class="col-7">GBC Indonesia</dd> <dt class="col-5">Status</dt> <dd class="col-7">Dalam pengembangan</dd> <dt class="col-5">Harga</dt> <dd class="col-7">Rp.</dd> </div>  <p class="mt-4"> GREENSHIP Homes is a rating system for single-landed residential buildings certification. This GREENSHIP is developed to assess new homes, existing homes (built), and renovated existing homes (redevelopment).  </p> <hr /> <div class="row mb-4"> <div class="col-md-4 col-6"> </div>  <div class="col-md-4 col-6 mb-3"> </div> </div> <div class="d-grid gap-2"> <a href="https://forms.gle/UDh7eCVxSTdyea4C6" class="btn btn-primary" type="button" data-mdb-ripple-init style="background-color: #45a687;"> <span style="color: #eee;">Pesan</span> </a> </div> </div> </div>  </main> </div> </div> </div>  <div id="neighborhood" class="" style="display:none;"> <div class="container"> <div class="row gx-5"> <aside class="col-lg-6"> <div class="border rounded-4 mb-3 d-flex justify-content-center"> <a data-fslightbox="mygalley" class="rounded-4 p-3" target="_blank" data-type="image" href="/public/umum/images/etalase/cover_NH_1.1.png"> <img style="max-width: 100%; max-height: 50vh; margin: auto;" class="rounded-4 fit" src="/public/umum/images/etalase/cover_NH_1.1.png" /> </a> </div>  <div class="d-flex justify-content-center mb-3"> <a data-fslightbox="mygalley" class="border mx-1 rounded-2 p-1" target="_blank" data-type="image" href="/public/umum/images/etalase/cover_NH_1.1.png" class="item-thumb"> <img max-width="60" max-height="60" class="rounded-2" style="max-height:60px;max-width:60px" src="/public/umum/images/etalase/cover_NH_1.1.png" /> </a> </div>   </aside> <main class="col-lg-6">  <ul class="nav nav-tabs mb-3" id="ex1" role="tablist" style="border-bottom: 1px solid #45a687;"> <li class="nav-item" role="presentation"> <a data-mdb-tab-init class="nav-link " id="ex2-tab-1" href="#ex2-tabs-1" role="tab" aria-controls="ex2-tabs-1" aria-selected="true" style="color: #45a687; border-color: #45a687; border-bottom: 0"><span style="color: black ;">Deskripsi Buku</span></a> </li> </ul>   <div class="tab-content" id="ex2-content"> <div class="tab-pane show " id="ex2-tabs-1" role="tabpanel" aria-labelledby="ex2-tab-1"> <div class="ps-lg-3"> <h4 class="title text-dark"> Greenship Neighborhood versi 1.1 </h4> <div class="mb-3"> </div> <div class="row"> <dt class="col-5">Jumlah Halaman:</dt> <dd class="col-7">152</dd> <dt class="col-5">Bahasa</dt> <dd class="col-7">Indonesia</dd> <dt class="col-5">Penerbit</dt> <dd class="col-7">GBC Indonesia</dd> <dt class="col-5">Status</dt> <dd class="col-7">Pengajuan ISBN</dd> <dt class="col-5">Harga</dt> <dd class="col-7">Rp.</dd> </div> <p class="mt-4"> GREENSHIP Neighborhood is a rating system that certifies sustainable and environmentally friendly neighborhoods for their users with a greater scope than the building scale, which considers the interaction between buildings, nature, and humans. This GREENSHIP is developed to assess residential areas, business districts, and industrial areas, from small to large scale. </p> <hr /> <div class="row mb-4"> <div class="col-md-4 col-6"> </div>  <div class="col-md-4 col-6 mb-3"> </div> </div> <div class="d-grid gap-2"> <a href="https://forms.gle/UDh7eCVxSTdyea4C6" class="btn btn-primary" type="button" data-mdb-ripple-init style="background-color: #45a687;"> <span style="color: #eee;">Pesan</span> </a> </div> </div> </div>  </main> </div> </div> </div>  <div id="net-zero" class="" style="display:none;"> <div class="container"> <div class="row gx-5">  <aside class="col-lg-6">  <div class="border rounded-4 mb-3 d-flex justify-content-center"> <a data-fslightbox="mygalley" class="rounded-4 p-3" target="_blank" data-type="image" href="/public/umum/images/etalase/cover-NZ.png"> <img style="max-width: 100%; max-height: 50vh; margin: auto;" class="rounded-4 fit" src="/public/umum/images/etalase/cover-NZ.png" /> </a> </div>  <div class="d-flex justify-content-center mb-3"> <a data-fslightbox="mygalley" class="border mx-1 rounded-2 p-1" target="_blank" data-type="image" href="/public/umum/images/etalase/cover-NZ.png" class="item-thumb"> <img max-width="60" max-height="60" class="rounded-2" style="max-height:60px;max-width:60px" src="/public/umum/images/etalase/cover-NZ.png" /> </a> </div>   </aside> <main class="col-lg-6">  <ul class="nav nav-tabs mb-3" id="ex1" role="tablist" style="border-bottom: 1px solid #45a687;"> <li class="nav-item" role="presentation"> <a data-mdb-tab-init class="nav-link " id="ex2-tab-1" href="#ex2-tabs-1" role="tab" aria-controls="ex2-tabs-1" aria-selected="true" style="color: #45a687; border-color: #45a687; border-bottom: 0"><span style="color: black ;">Deskripsi Buku</span></a> </li> </ul>   <div class="tab-content" id="ex2-content"> <div class="tab-pane show " id="ex2-tabs-1" role="tabpanel" aria-labelledby="ex2-tab-1"> <div class="ps-lg-3">  <h4 class="title text-dark"> Greenship Net Zero versi 1.0 </h4> <div class="mb-3"> </div>  <div class="row"> <dt class="col-5">Jumlah Halaman:</dt> <dd class="col-7">69</dd> <dt class="col-5">Bahasa</dt> <dd class="col-7">Indonesia</dd> <dt class="col-5">Penerbit</dt> <dd class="col-7">GBC Indonesia</dd> <dt class="col-5">Status</dt> <dd class="col-7">Pengajuan ISBN</dd> <dt class="col-5">Harga</dt> <dd class="col-7">Rp.</dd> </div>  <p class="mt-4"> GREENSHIP NZ is an asseessment tool to spread awareness and inspiration in the application and realization of Low Carbon Buildings. Obtainable Benefits that can be obtained from implementation: - Pioneer Low Carbon Buildings in Indonesia <span id="dots" style="display: none;"> - Maintain the harmony and balance of the biodiversity, as well as improve environmental quality in a healthy and comfortable space - Minimize the development impact on the environment - Maintain the balance between supply and demand of resources in the future </span> <br><a class="" href="#" onclick="myFunction()" id="myBtn">Baca Selengkapnya</a> </p> <hr /> <div class="row mb-4"> <div class="col-md-4 col-6"> </div>  <div class="col-md-4 col-6 mb-3"> </div> </div> <div class="d-grid gap-2"> <a href="https://forms.gle/UDh7eCVxSTdyea4C6" class="btn btn-primary" type="button" data-mdb-ripple-init style="background-color: #45a687;"> <span style="color: #eee;">Pesan</span> </a> </div> </div> </div>  </main> </div> </div> </div>  <div id="data-center" class="" style="display:none;"> <div class="container"> <div class="row gx-5">  <aside class="col-lg-6">  <div class="border rounded-4 mb-3 d-flex justify-content-center"> <a data-fslightbox="mygalley" class="rounded-4 p-3" target="_blank" data-type="image" href="/public/akses/img/brand/GREENSHIP.png"> <img style="max-width: 100%; max-height: 50vh; margin: auto;" class="rounded-4 fit" src="/public/akses/img/brand/GREENSHIP.png" /> </a> </div>  <div class="d-flex justify-content-center mb-3"> <a data-fslightbox="mygalley" class="border mx-1 rounded-2 p-1" target="_blank" data-type="image" href="/public/akses/img/brand/GREENSHIP.png" class="item-thumb"> <img max-width="60" max-height="60" class="rounded-2" style="max-height:60px;max-width:60px" src="/public/akses/img/brand/GREENSHIP.png" /> </a> </div>   </aside> <main class="col-lg-6">  <ul class="nav nav-tabs mb-3" id="ex1" role="tablist" style="border-bottom: 1px solid #45a687;"> <li class="nav-item" role="presentation"> <a data-mdb-tab-init class="nav-link " id="ex2-tab-1" href="#ex2-tabs-1" role="tab" aria-controls="ex2-tabs-1" aria-selected="true" style="color: #45a687; border-color: #45a687; border-bottom: 0"><span style="color: black ;">Deskripsi Buku</span></a> </li> </ul>   <div class="tab-content" id="ex2-content"> <div class="tab-pane show " id="ex2-tabs-1" role="tabpanel" aria-labelledby="ex2-tab-1"> <div class="ps-lg-3">  <h4 class="title text-dark"> Greenship Data Center versi 1.0 </h4> <div class="mb-3"> </div>  <div class="row"> <dt class="col-5">Jumlah Halaman:</dt> <dd class="col-7">-</dd> <dt class="col-5">Bahasa</dt> <dd class="col-7">Indonesia</dd> <dt class="col-5">Penerbit</dt> <dd class="col-7">GBC Indonesia</dd> <dt class="col-5">Status</dt> <dd class="col-7">Dalam pengembangan</dd> <dt class="col-5">Harga</dt> <dd class="col-7">Rp.</dd> </div>  <p class="mt-4"> GREENSHIP Data Center is a Rating Tool that assesses Sustainable Data Center Certification on an interior to building scale. This GREENSHIP is developed for both new and existing Data Center.  </p> <hr /> <div class="row mb-4"> <div class="col-md-4 col-6"> </div>  <div class="col-md-4 col-6 mb-3"> </div> </div> <div class="d-grid gap-2"> <a href="https://forms.gle/UDh7eCVxSTdyea4C6" class="btn btn-primary" type="button" data-mdb-ripple-init style="background-color: #45a687;"> <span style="color: #eee;">Pesan</span> </a> </div> </div> </div>  </main> </div> </div> </div> </section>  <section style="background-color: #eee;"> <div class="container py-5"> <h4 class="text-center mb-5"><strong>Book listing</strong></h4> </div> <div class="row justify-content-center"> <div class="col-lg-1 col-md-2 col-sm-3 mb-4" style="width: 139px;"> <a href="/etalase?book=new-building" class="card d-flex flex-column text-decoration-none" style="min-height: 206px; padding: 0;"> <div class="bg-image hover-zoom ripple shadow-1-strong rounded" style="height: 160px;"> <img src="/public/umum/images/etalase/cover-NB-1.png" class="w-200 h-200" style="object-fit: cover;" /> </div> <div class="card-body d-flex align-items-center justify-content-center" style="height: 55px; overflow: hidden;"> <p class="card-text text-center" style="font-size: small;">Greenship New Building versi 1.2</p> </div> </a> </div> <div class="col-lg-1 col-md-2 col-sm-3 mb-4" style="width: 139px;"> <a href="/etalase?book=existing-building" class="card d-flex flex-column text-decoration-none" style="min-height: 206px; padding: 0;"> <div class="bg-image hover-zoom ripple shadow-1-strong rounded" style="height: 160px;"> <img src="/public/akses/img/brand/GREENSHIP.png" class="w-200 h-200" /> </div> <div class="card-body d-flex align-items-center justify-content-center" style="height: 55px; overflow: hidden;"> <p class="card-text text-center" style="font-size: small;">Greenship Existing Building versi 1.2</p> </div> </a> </div> <div class="col-lg-1 col-md-2 col-sm-3 mb-4" style="width: 139px;"> <a href="/etalase?book=neighborhood" class="card d-flex flex-column text-decoration-none" style="min-height: 206px; padding: 0;"> <div class="bg-image hover-zoom ripple shadow-1-strong rounded" style="height: 160px;"> <img src="/public/umum/images/etalase/cover_NH_1.1.png" class="w-200 h-200" style="object-fit: cover;" /> </div> <div class="card-body d-flex align-items-center justify-content-center" style="height: 55px; overflow: hidden;"> <p class="card-text text-center" style="font-size: small;">Greenship Neighborhood versi 1.1</p> </div> </a> </div> <div class="col-lg-1 col-md-2 col-sm-3 mb-4" style="width: 139px;"> <a href="/etalase?book=net-zero" class="card d-flex flex-column text-decoration-none" style="min-height: 206px; padding: 0;"> <div class="bg-image hover-zoom ripple shadow-1-strong rounded" style="height: 160px;"> <img src="/public/umum/images/etalase/cover-NZ.png" class="w-200 h-200" style="object-fit: cover;" /> </div> <div class="card-body d-flex align-items-center justify-content-center" style="height: 55px; overflow: hidden;"> <p class="card-text text-center" style="font-size: small">Greenship Net Zero versi 1.0</p> </div> </a> </div> <div class="col-lg-1 col-md-2 col-sm-3 mb-4" style="width: 139px;"> <a href="/etalase?book=interior-space" class="card d-flex flex-column text-decoration-none" style="min-height: 206px; padding: 0;"> <div class="bg-image hover-zoom ripple shadow-1-strong rounded" style="height: 160px;"> <img src="/public/akses/img/brand/GREENSHIP.png" class="w-200 h-200" style="object-fit: cover;" /> </div> <div class="card-body d-flex align-items-center justify-content-center" style="height: 55px; overflow: hidden;"> <p class="card-text text-center" style="font-size: small;">Greenship Interior Space versi 1.0</p> </div> </a> </div> <div class="col-lg-1 col-md-2 col-sm-3 mb-4" style="width: 139px;"> <a href="/etalase?book=homes" class="card d-flex flex-column text-decoration-none" style="min-height: 206px; padding: 0;"> <div class="bg-image hover-zoom ripple shadow-1-strong rounded" style="height: 160px;"> <img src="/public/akses/img/brand/GREENSHIP.png" class="w-200 h-200" style="object-fit: cover;" /> </div> <div class="card-body d-flex align-items-center justify-content-center" style="height: 55px; overflow: hidden;"> <p class="card-text text-center" style="font-size: small;">Greenship Homes versi 2.0</p> </div> </a> </div> <div class="col-lg-1 col-md-2 col-sm-3 mb-4" style="width: 139px;"> <a href="/etalase?book=data-center" class="card d-flex flex-column text-decoration-none" style="min-height: 206px; padding: 0;"> <div class="bg-image hover-zoom ripple shadow-1-strong rounded" style="height: 160px;"> <img src="/public/akses/img/brand/GREENSHIP.png" class="w-200 h-200" style="object-fit: cover;" /> </div> <div class="card-body d-flex align-items-center justify-content-center" style="height: 55px; overflow: hidden;"> <p class="card-text text-center" style="font-size: small;">Greenship Data Center versi 1.0</p> </div> </a> </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="d4bdbab2bb94b3b6b7bdbab0bbbab1a7bdb5fabba6b3">[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 type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/7.1.0/mdb.umd.min.js"></script> <script> $(document).ready(function () { const book = getUrlParameter("book"); console.log('prams :', book) if (book) { $('#' + book).show() } else { $('#new-building').show() } }); function getUrlParameter(sParam) { var sPageURL = window.location.search.substring(1), sURLVariables = sPageURL.split('&'), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]); } } }; function myFunction() { var dots = document.getElementById("dots"); var moreText = document.getElementById("more"); var btnText = document.getElementById("myBtn"); if (dots.style.display === "none") { dots.style.display = "inline"; btnText.innerHTML = "Ringkas Deskripsi"; moreText.style.display = "none"; } else { dots.style.display = "none"; btnText.innerHTML = "Baca Selengkapnya"; moreText.style.display = "inline"; } } </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