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" /> <style> .container-100 { width: 90%; } .fix-height { min-height: 750px; } .layer-overlay.overlay-green-light::before { background-color: rgba(16, 196, 92, 0.33); } ol { list-style-type: disc; margin: 0 25px; } </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"> <div class="row"> <div class="col-md-12 layer-overlay" data-bg-img="/public/umum/temp/bg-training.jpeg" style="background-position: bottom; background-size: cover;"> <div class="container pt-200 pb-200"> <div class="row"> <div class="col-md-12 text-left"> <h1 class="text-white">Volunteer</h1> <div class="text-white font-weight-400"> <p>As a transformation agency, GBC Indonesia invites all levels of society to know and understand the concept of green buildings and apply it in their lives and activities. </p> </div> <div> <a class="btn btn-colored btn-theme-colored btn-xl mt-15 md-opjjpmhoiojifppkkcdabiobhakljdgm_doc" href="/volunteer_join">Join Volunteer</a> </div> </div> </div> </div> </div> </div> </section> <!-- Section: blog --> <section id="blog"> <div class="container"> <div class="section-title text-center"> <div class="row"> <div class="col-md-12"> <h2 class="title text-uppercase">Latest <span class="text-theme-colored">Volunteer News</span></h2> </div> </div> </div> <div class="section-content"> <div class="row"> <div class="col"> <h4>Description</h4> <p> The Volunteer program from GBC Indonesia is a program that would like to facilitate the eagerness of people to participate, get involved, and contribute to the green building movement in Indonesia and mitigate climate change through GBC Indonesia activities. </p> <p> This program is designed for individuals regardless of their background, as long as they have the interest and, most importantly, the passion to fight for more responsible and sustainable practices in the building and construction sector. </p> <p> You can choose multiple activities and programs that interest you most and if you think that you excel at it, then you can contribute the best way you can. </p> <p> Collaboration is at the heart of our organization. Through this volunteer program, we wish to connect and collaborate with you to achieve our goals together, which is to make Indonesia more sustainable through green building. </p> <h4>Who can be a volunteer?</h4> <p> You can be a student, you can be a professional, or anything you are. We are looking for an independent individual who has a strong commitment to this movement and integrity in doing it. No donation is needed to be a volunteer. </p> <h4>Activity</h4> <p> <img src="/public/umum/images/volunteer_foto.png" style="display: block; margin-left: auto; margin-right: auto;" width="70%" height="70%" alt=""> </p> <h4>Scheme</h4> <h3>Open for Volunteers</h3> <p> Open for volunteers will be opened momentarily when GBC Indonesia has a program that needs your support, especially your expertise. </p> <h3>Volunteer Sourcing</h3> <p> Volunteer sourcing will be open every time. Just sign up if you want to be our volunteer, then we will contact you when your profile meets our needs. </p> <h4>Benefit</h4> <p> • GBC Indonesia merchandise for volunteer <br> • Acknowledgement as volunteer <br> • Opportunity to be involved in GBC Indonesia event for free <br> • First to know about green building updates <br> • Opportunity to expand your network connection <br> • Appreciation certificate as volunteer <br> </p> </div> </div> </div> <div class="section-content"> <div class="row"> </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="5a33343c351a3d383933343e35343f29333b7435283d">[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> <!-- end wrapper --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> $(document).ready(function () { }); </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>