NETZERO HOME

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">  <title>NETZERO HOME</title>  <link rel="stylesheet" href="/public/nz/home-assets/css/plugins/bootstrap.min.css"> <link rel="stylesheet" href="/public/nz/home-assets/css/plugins/swiper.bundle.css"> <link rel="stylesheet" href="/public/nz/home-assets/css/plugins/fontawesome.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="stylesheet" href="/public/nz/home-assets/css/plugins/nice-select.css"> <link rel="stylesheet" href="/public/nz/home-assets/css/plugins/owl.carousel.min.css"> <link rel="stylesheet" href="/public/nz/home-assets/css/plugins/modal-video.min.css"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link rel="stylesheet" href="/public/nz/home-assets/css/plugins/mobile.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Lexend+Deca:wght@400;500;600;700;800&family=Manrope:wght@400;600;700;800&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,500;1,700&family=Rubik:wght@400;500;600;700;800&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:slnt,wght@-10..0,100..900&display=swap" rel="stylesheet"> <style> .inter-regular { font-family: "Inter", sans-serif; font-weight: 400; font-style: normal; } .inter-medium { font-family: "Inter", sans-serif; font-weight: 500; font-style: normal; } .inter-semibold { font-family: "Inter", sans-serif; font-weight: 600; font-style: normal; } .inter-bold { font-family: "Inter", sans-serif; font-weight: 700; font-style: normal; } .inter-extrabold { font-family: "Inter", sans-serif; font-weight: 800; font-style: normal; } </style> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <style> .montserrat-regular { font-family: "Montserrat", sans-serif; font-weight: 400; font-style: normal; } .montserrat-medium { font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; } .montserrat-semibold { font-family: "Montserrat", sans-serif; font-weight: 600; font-style: normal; } .montserrat-bold { font-family: "Montserrat", sans-serif; font-weight: 700; font-style: normal; } .montserrat-extrabold { font-family: "Montserrat", sans-serif; font-weight: 800; font-style: normal; } </style> <link rel="stylesheet" href="/public/nz/home-assets/css/plugins/aos.css"> <link rel="stylesheet" href="/public/nz/home-assets/css/typography.css"> <link rel="stylesheet" href="/public/nz/home-assets/css/master.css"> <link rel="stylesheet" href="/public/nz/home-assets/css/plugins/responsive.css">  <link rel="icon" type="image/x-icon" href="/public/nz/img/icon/GBCI.svg" />  <script src="/public/nz/home-assets/js/plugins/jquery-3-6-0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script> <style> :root { --primary-color: #1C323F; --pale-color: #ADC8D9; /* Warna biru muda */ --secondary-color: #506466; /* Warna biru gelap */ --accent-color: #81B29A; /* Warna hijau */ --background-color: #D9D9D9; /* Warna abu-abu */ } /* Body style */ body { background-color: var(--background-color); color: var(--secondary-color); font-family: Arial, sans-serif; } /* Header style */ /* header { */ /* background-color: var(--primary-color); */ /* padding: 20px; */ /* text-align: center; */ /* } */ /* Navigation style */ nav { background-color: var(--secondary-color); color: white; padding: 10px; text-align: center; } nav a { color: white; text-decoration: none; margin: 0 10px; } nav a:hover { color: var(--accent-color); } /* Button style */ button { background-color: var(--accent-color); border: none; color: white; padding: 10px 20px; cursor: pointer; } button:hover { background-color: var(--secondary-color); } .border-custom-secondary { border-color: var(--secondary-color) !important; } /* Additional classes for text color */ .text-custom-primary { color: var(--primary-color) !important; } .text-custom-secondary { color: var(--secondary-color) !important; } .text-custom-pale { color: var(--pale-color) !important; } .text-custom-accent { color: var(--accent-color) !important; } .text-custom-background { color: var(--background-color) !important; } /* Additional classes for background color */ .bg-custom-primary { background-color: var(--primary-color) !important; } .bg-custom-secondary { background-color: var(--secondary-color) !important; } .bg-custom-pale { background-color: var(--pale-color) !important; } .bg-custom-accent { background-color: var(--accent-color) !important; } .bg-custom-background { background-color: var(--background-color) !important; } .text-align-justify { text-align: justify; } .custom-text-truncate { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .custom-text-truncate-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } header #header.sticky { background-color: var(--background-color) !important; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075); } @media only screen and (max-width: 600px) { .greenship-logo { max-width: 45px; } .footer-top .gbci-logo { max-width: 180px; } .section-padding2 { padding: 30px 0 30px; } } </style> <style> .home-banner { background-image: url("/public/nz/img/home_banner_image.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 549px; border-radius: 15px; } .home-banner-section { background: #D9D9D9; } .about-inner-text a svg { padding: 0 5px 0 5px; } .welget-btn { cursor: pointer; } .home-banner-section { position: relative; padding: 200px 0 50px; } .about-img-slider { padding: 5rem; } @media only screen and (max-width: 600px) { .home-banner-section { padding: 150px 0 30px; } .home-banner-section h1 { font-size: 48px; } .home-banner-section p { font-size: 18px; line-height: 28px; } .about h5 { font-size: 24px } .about p { font-size: 18px } .about-slider h5, .why-section h5 { font-size: 24px } .about-slider p, .why-section p { font-size: 18px } .about-img-slider { padding: 2rem; } .about-slider-content { text-align: center; } .about-slider-content h5 { font-size: 18px; } .about-slider-content p { line-height: 34px; text-align: center !important; } } @media (max-width: 768px) { .net-zero-section .row { flex-direction: column; } .net-zero-section .col-md-4 { width: 100%; border: none; /* Hapus garis batas di mode mobile */ text-align: center; /* Pusatkan teks dan ikon di mode mobile */ padding: 0 15px; /* Tambahkan padding untuk jarak kanan dan kiri */ box-sizing: border-box; /* Pastikan padding tidak mempengaruhi ukuran elemen */ margin: 0; /* Set margin to 0 */ } .net-zero-section .d-flex { flex-direction: column; /* Ubah arah flex menjadi kolom di mode mobile */ align-items: center; /* Pusatkan konten */ width: 100%; /* Pastikan elemen memenuhi lebar kolom */ padding: 0; /* Reset padding di dalam flex */ margin: 0; /* Set margin to 0 */ } .net-zero-section .d-flex img { width: 60px; /* Sesuaikan ukuran ikon di mode mobile */ height: auto; margin-bottom: 10px; /* Tambahkan margin bawah untuk spasi antara ikon dan teks */ } .net-zero-section .ms-3 { margin-left: 0; /* Hapus margin kiri di mode mobile */ margin: 0; /* Set all margins to 0 */ padding: 0; /* Reset padding to 0 */ } .net-zero-section .inter-semibold.font-12 { font-size: 24px; /* Perbesar ukuran font judul */ line-height: 1.5; /* Atur jarak antar baris untuk judul */ margin: 0; /* Set margin to 0 */ } .net-zero-section .inter-regular.font-10 { font-size: 18px; /* Perbesar ukuran font deskripsi */ line-height: 1.6; /* Atur jarak antar baris untuk deskripsi */ margin: 0; /* Set margin to 0 */ } .net-zero-section .inter-bold.font-14 { font-size: 20px; /* Perbesar ukuran font link */ line-height: 1.5; /* Atur jarak antar baris untuk link */ margin: 0; /* Set margin to 0 */ } } .testimonial-3-area .owl-nav { text-align: center; margin-top: 0px; } </style> </head> <body>  <div id="preloader"> <div id="loader"></div> </div>   <div class="paginacontainer"> <div class="progress-wrap"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> </svg> </div> </div>   <header> <div class="header-top-social-area bg-custom-primary d-lg-block d-none"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="header-top-text-area" style="padding:14px !important"> <div class="haeder-top-text"> <p class="text-white inter-medium text-center " style="font-size:12px"> <img src="/public/nz/img/icon/email.svg" class="me-2 my-auto" alt=""> <span class="my-auto me-4"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7c15121a133c1b1e1f1512181312190f151d52130e1b">[email protected]</a></span> <img src="/public/nz/img/home/icon/telephone.png" class="me-2 my-auto" alt=""> <span class="my-auto me-4">(+62) 21 2960 8012</span> <img src="/public/nz/img/home/icon/mark.png" class="me-2 my-auto" alt=""> <span class="my-auto me-4">Jakarta, Indonesia</span> </p> </div> <div class="haeder-top-social"> <ul> <li><a href="#" class="color"><img src="/public/nz/img/home/icon/youtube.png" alt=""></a></li> <li><a href="#" class="color"><img src="/public/nz/img/home/icon/instagram.png" alt=""></a></li> <li><a href="#" class="color"><img src="/public/nz/img/home/icon/linkedin.png" alt=""></a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="header main-header"> <div class="header-area header header-sticky" id="header"> <div class="container"> <div class="row"> <div class="col-12"> <div class="header-elements"> <div class="site-logo d-flex flex-row justify-content-center align-items-end"> <a class="me-md-3" href="/netzero/"> <img class="greenship-logo" src="/public/nz/img/home/icon/wika_logo.png" style="width: 100%" alt="Logo" /> </a> <a class="mb-2" href="/netzero/"> <img class="greenship-logo" src="/public/nz/img/home/icon/greenship_logo.png" style="width: 100%" alt="Logo" /> </a> </div> <div class="main-menu-ex text-custom-secondary dropdown"> <ul> <li> <a href="#" class="text-custom-secondary"> ABOUT <span><i class="fa-solid fa-angle-down"></i></span> </a> <ul class=""> <li><a href="/netzero" class="inter-regular font-14 ">Home Net Zero</a> </li> <li><a href="/netzero/greenship" class="inter-regular font-14 ">Greenship Net Zero</a> </li> <li><a href="/netzero/advancing" class="inter-regular font-14 ">Advancing Net Zero</a> </li> <li><a href="/netzero/framework" class="inter-regular font-14 ">Net Zero Framework</a> </li> <li><a href="/netzero/benefit" class="inter-regular font-14 ">Net Zero Opportunities & Benefits</a> </li> </ul> </li> <li> <a href="#" class="text-custom-secondary" data-bs-toggle="modal" data-bs-target="#certify-building-modal">CERTIFY YOUR BUILDING </a> </li> <li> <a href="/netzero/" class="text-custom-secondary"> TRAINING  </a> </li> <li> <a href="/netzero/" class="text-custom-secondary"> SPECIALIST </a> </li> </ul> </div> <div class="cta-btn d-lg-block d-none"> <div class=""> <a href='https://gbcindonesia.org/' class='app-brand-link' target=''> <span class='app-brand-logo'> <img src="/public/nz/img/home/logo_gbci.png" alt="Gambar SVG" width="159px" height="59px" /> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </header>   <div class="mobile-header mobile-header-4 d-block d-lg-none" style="position:fixed;"> <div class="container-fluid"> <div class="col-12"> <div class="mobile-header-elements"> <div class="mobile-logo"> </div> <div class="mobile-nav-icon black-nav border-black text-custom-secondary border-custom-secondary "> <i class="fa-solid fa-bars"></i> </div> </div> </div> </div> </div>  <div class="mobile-sidebar"> <div class="menu-close"> <svg class="svg-inline--fa fa-xmark" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""> <path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"> </path> </svg> </div> <div class="mobile-nav"> <ul class="mobile-nav-list"> <li class=""> <a href="#" class="font-roboto font-18 weight-400 hash-nav">ABOUT </a> <ul class="sub-menu" style="display: none;"> <li class=""><a href="/netzero" class="inter-regular font-14 hash-nav">Home Net Zero</a> </li> <li class=""><a href="/netzero/greenship" class="inter-regular font-14 hash-nav">Greenship Net Zero</a> </li> <li class=""><a href="/netzero/advancing" class="inter-regular font-14 hash-nav">Advancing Net Zero</a> </li> <li class=""><a href="/netzero/framework" class="inter-regular font-14 hash-nav">Net Zero Framework</a> </li> <li class=""><a href="/netzero/benefit" class="inter-regular font-14 hash-nav">Net Zero Opportunities & Benefits</a> </li> </ul> </li> <li class=""> <a href="#" class="font-roboto font-18 weight-400 hash-nav">CERTiFY YOUR BUILDING </a> </li> <li class=""> <a href="#" class="font-roboto font-18 weight-400 hash-nav">TRAINING </a> </li> <li class=""> <a href="#" class="font-roboto font-18 weight-400 hash-nav">SPECIALIST </a> </li> </ul> </div> </div>   <div class="home-banner-section"> <div class="container"> <div class="home-banner p-3 p-md-5"> <div class="row align-items-end" style="height:100%"> <div class="col-md-6 aos-init aos-animate" data-aos="fade-right" data-aos-duration="1000"> <h1 class="text-white montserrat-extrabold font-56"> GBC Indonesia <br> Towards <span class="" style="color:#F2CC8F">Net Zero</span> </h1> </div> <div class="col-1"></div> <div class="col-md-5 aos-init aos-animate" data-aos="fade-left" data-aos-duration="1000"> <p class="text-white inter-regular lineh-35 font-22 text-end"> GBC Indonesia is committed to developing a certification program called GREENSHIP Net Zero as part of the global initiative for total sector decarbonization by 2050 </p> </div> </div> </div>  <div class="row mt-5"> <div class="col-lg-12" data-aos="fade-up" data-aos-duration="800"> <div class="mb-5 text-center"> <h5 class="montserrat-extrabold font-38 ">Join our Movement</h5> </div> </div> <div class="col-lg-4 col-md-6"> <a data-bs-toggle="modal" data-bs-target="#certify-building-modal"> <img src="/public/nz/img/home/certify_building_card.png" alt=""> </a> </div> <div class="col-lg-4 col-md-6"> <a href="/netzero/"> <img src="/public/nz/img/home/training_card.png" alt=""> </a> </div> <div class="col-lg-4 col-md-6"> <a href="/netzero/"> <img src="/public/nz/img/home/event_card.png" alt=""> </a> </div> </div>  </div> </div>   <div class="about-section-area section-padding2 about"> <div class="container"> <div class="row "> <div class="col-lg-5"> <div class=""> <h5 class="inter-bold font-32 mb-1 mb-md-3 " data-aos="fade-left" data-aos-duration="800"> A Challenge of Sustainability </h5> <p class="inter-medium font-16 lineh-21 text-align-justify" data-aos="fade-left" data-aos-duration="1000"> Since the UN Brundtland Commission's report, global efforts to address sustainability challenges have been insufficient. Our consumption far outpaces the Earth's ability to regenerate resources. Excessive energy use, resulting in massive greenhouse gas emissions, drives global warming and climate change. Current projections indicate that without significant intervention, Earth's temperature will rise 2 degrees Celsius above pre-industrial levels by 2050. </p> <h5 class="inter-bold font-32 weight-700 lineh-48 mt-3 mb-1 mb-md-3" data-aos="fade-left" data-aos-duration="800"> An Answer to The Question </h5> <p class="inter-medium font-16 lineh-21 " data-aos="fade-left" data-aos-duration="1000" style="text-align: justify;"> The NET ZERO Roadmap is a global pathway to keep the Earth 1.5 or lower degrees Celsius above the pre-industrial level to achieve the goals of the Paris Agreement. The vision is to reduce the GHG emissions and take back all that has been produced. It requires innovative solutions and business models in every sector of the industry. </p> <a href="/netzero/advancing" class="btn btn-lg bg-custom-accent text-custom-background p-3 px-5 mt-md-5" data-aos="fade-left" data-aos-duration="1200" style="border-radius: 40px;"> <span class="inter-semibold text-custom-background me-4"> Discover Advancing Net Zero </span> <span class="long-arrow "><img src="/public/nz/img/home/icon/arrow_btn.png" alt=""></span> </a> </div> </div> <div class="col-md-1"></div> <div class="col-lg-6 p-0" data-aos="flip-right" data-aos-duration="1000"> <img src="/public/nz/img/home/img_home_run_1.png" style="width: 100%; height: 100%;" alt=""> </div> </div> </div> </div>   <div style="padding: 50px 0 0 0;"> <div style="border-radius: 25px; background-color: #D9D9D7;"> <div style="text-align: center; margin: 20px 0;"> <h5 class="text-center montserrat-extrabold font-38" style="color: #506466;"> Net Zero Goals in Green Construction </h5> </div> </div> </div>   <div class="section-padding2 about-slider"> <div class="container"> <div class="bg-custom-primary" style="border-radius: 25px;"> <div class="row">   <div class="col-lg-12" data-aos="fade-down" data-aos-duration="1000"> <div class="about-slider-content testimonial-3-area owl-carousel p-4 px-md-5 "> <div class="row align-items-center"> <div class="col-md-7 text-custom-background"> <h5 class="inter-bold font-28 text-center"> Enhanced Occupant Experience and Productivity </h5> <p class="inter-regular mt-3 mt-md-5 font-26 lineh-48 text-center" style=""> GREENSHIP buildings prioritize indoor environmental quality, including air quality, natural lighting, and thermal comfort. These factors contribute to the well-being and productivity of occupants, making the spaces more appealing to businesses and residents. </p> </div> <div class="col-md-5 mt-md-0 about-img-slider" style=""> <img src="/public/nz/img/home/icon_1_blank.png" alt=""> </div> </div> <div class="row align-items-center"> <div class="col-md-7 text-custom-background"> <h5 class="inter-bold font-28 text-center"> Risk Management </h5> <p class="inter-regular mt-3 mt-md-5 font-26 lineh-48 text-center"> Investing in GREENSHIP-certified buildings helps mitigate risks associated with future regulations on sustainability and energy efficiency. As governments worldwide tighten environmental regulations, having a building that already meets high green standards can avoid costly retrofits and ensure compliance. </p> </div> <div class="col-md-5 mt-md-0 about-img-slider" style=""> <img src="/public/nz/img/home/icon_2_blank.png" alt=""> </div> </div> <div class="row align-items-center"> <div class="col-md-7 text-custom-background"> <h5 class="inter-bold font-28 text-center"> Market Differentiation and Branding </h5> <p class="inter-regular mt-3 mt-md-5 font-26 lineh-48 text-center"> Buildings certified by recognized green rating systems like GREENSHIP distinguish themselves in the market. This differentiation can attract tenants and buyers interested in sustainable living or operational spaces, providing a competitive advantage. </p> </div> <div class="col-md-5 mt-md-0 about-img-slider" style=""> <img src="/public/nz/img/home/icon_3_blank.png" alt=""> </div> </div> <div class="row align-items-center"> <div class="col-md-7 text-custom-background"> <h5 class="inter-bold font-28 text-center"> Financial Incentives </h5> <p class="inter-regular mt-3 mt-md-5 font-26 lineh-48 text-center"> Green certifications often unlock government or industry-specific financial incentives such as tax breaks, rebates, and grants designed to offset the costs associated with achieving green standards. </p> </div> <div class="col-md-5 mt-md-0 about-img-slider" style=""> <img src="/public/nz/img/home/icon_4_blank.png" alt=""> </div> </div> <div class="row align-items-center"> <div class="col-md-7 text-custom-background"> <h5 class="inter-bold font-28 text-center"> Increased Property Values </h5> <p class="inter-regular mt-3 mt-md-5 font-26 lineh-48 text-center"> GREENSHIP-certified buildings typically enjoy higher demand, which can drive up lease rates and property values. This demand comes from a growing recognition of the benefits of living and working in environmentally friendly spaces. een standards can avoid costly retrofits and ensure compliance. </p> </div> <div class="col-md-5 mt-md-0 about-img-slider" style=""> <img src="/public/nz/img/home/icon_5_blank.png" alt=""> </div> </div> </div> </div> </div> </div> </div> </div>   <div class="client-section-area section-padding2 why-section "> <div class="container"> <h5 class="inter-bold font-34 text-custom-secondary mb-1 mb-md-3"> Why we must transform </h5> <p class="inter-light font-20 text-align-justify"> The green building sector's embrace of the Net Zero framework combines eco-friendly building methods, enhanced energy efficiency, and the use of renewable energy, underpinned by creative financial models such as green finance, carbon trading, and incentives for energy efficiency. This approach enables a significant reduction in carbon emissions, making sustainable projects financially attractive through various incentives and subsidies. This comprehensive strategy is key to driving the building industry towards achieving worldwide net zero emissions goals, showcasing a dedication to sustainable development and efficiency. </p> <div class="row align-items-center mt-md-5 pt-md-4"> <div class="col-md-5" data-aos="flip-right" data-aos-duration="1000"> <div class="about-img-area"> <img src="/public/nz/img/home/building_co.png" alt=""> </div> </div> <div class="col-md-7 "> <div class="mx-md-5 px-md-4"> <h5 class="inter-bold font-20 weight-700 mb-1 " data-aos="fade-left" data-aos-duration="800"> Building Retrofitting and Modernization </h5> <p class="inter-light font-18 lineh-28 weight-400 color-3 text-align-justify" data-aos="fade-left" data-aos-duration="1000"> Upgrading existing buildings with modern technologies and materials to improve their energy efficiency and reduce emissions is crucial, given the long lifespan of buildings and the vast existing infrastructure. Retrofitting can include sealing leaks, updating insulation, and installing energy-efficient windows and heating systems. </p> <h5 class="inter-bold font-20 weight-700 mb-1 mt-2 mt-md-3 " data-aos="fade-left" data-aos-duration="800"> Circular Economy Approaches in Building Lifecycle </h5> <p class="inter-light font-18 lineh-28 weight-400 color-3 text-align-justify" data-aos="fade-left" data-aos-duration="1000"> Implementing circular economy principles by designing for disassembly, reusing materials, and recycling waste within the building lifecycle minimizes waste and encourages the use of renewable resources. This approach extends beyond the construction phase to include the maintenance, renovation, and eventual decommissioning of buildings. </p> <a href="/netzero/framework" class="btn btn-lg bg-custom-accent text-custom-background p-1 px-5 mt-md-5 d-flex justify-content-between text-start" data-aos="fade-left" data-aos-duration="1200" style="border-radius: 40px;max-width:30rem"> <span class="inter-semibold text-custom-background me-4"> Discover Indonesia’s Net Zero Framework </span> <span class="long-arrow me-auto"><img src="/public/nz/img/home/icon/arrow_btn.png" alt=""></span> </a> </div> </div> </div> <div class="row align-items-center mt-md-5"> <div class="col-lg-5"> <div class="about-others-text"> <h5 class="inter-bold font-32 weight-700 mb-1 mb-md-3 " data-aos="fade-left" data-aos-duration="800"> From Indonesia to the world </h5> <p class="inter-medium font-18 lineh-28 weight-400 color-3 text-align-justify m-0" data-aos="fade-left" data-aos-duration="1000"> Indonesia’s GFA is expected to grow to 7 billion Square Meters by 2050. That will be 700 million tons of CO2 emission/year, or 300 million tons more than today or equivalent to around 12 billion more trees. This opportunity is not just an environmental solution but a gateway to economic growth and social equity. <br> As leaders in Sustainability, we can make groundbreaking movements in the industry to always move forward towards a greener future. </p> <a href="/netzero/greenship" class="btn btn-lg bg-custom-accent text-custom-background p-3 px-5 my-md-5" data-aos="fade-left" data-aos-duration="1200" style="border-radius: 40px;"> <span class="inter-semibold text-custom-background me-4"> Discover GREENSHIP Net Zero </span> <span class="long-arrow "><img src="/public/nz/img/home/icon/arrow_btn.png" alt=""></span> </a> <p class="inter-medium font-18 lineh-28 weight-400 color-3" data-aos="fade-left" data-aos-duration="1000" style="text-align: justify;"> Together with us, GBCI, through GREENSHIP Net Zero, we believe that we can help transform Indonesia into a country of Sustainability and inherit a better future for our generations to come. </p> </div> </div> <div class="col-lg-7 px-md-5" data-aos="flip-right" data-aos-duration="1000"> <div class="about-img-area"> <img src="/public/nz/img/home/world_greenship.png" alt=""> </div> </div> </div> </div> </div>   <div class="section-padding2 net-zero-section"> <div class="row bg-white mt-sm-5 mx-0 p-0 flex-wrap"> <div class="col-md-4 border-end m-0 p-3 p-sm-5" data-aos="fade-up" data-aos-duration="800"> <div class="d-flex flex-md-row flex-column align-items-center" style="height: 100%; width: 100%;"> <img src="/public/nz/img/home/icon/farm_house.svg" alt="" /> <div class="ms-3"> <h6 class="inter-semibold font-12">GBC Indonesia Framework Towards Net Zero</h6> <p class="inter-regular font-10 lineh-18 mt-2 text-custom-secondary text-wrap text-align-justify mb-3"> Our framework to guide the transition towards Net Zero buildings, emphasizing the integration of sustainable design principles, energy efficiency, and renewable </p> <a href="/netzero/framework" class="inter-bold font-14 text-custom-secondary" style="text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: #88BD85; text-decoration-thickness: 2px;"> FIND OUT MORE </a> </div> </div> </div> <div class="col-md-4 border-end m-0 p-3 p-sm-5" data-aos="fade-up" data-aos-duration="800"> <div class="d-flex flex-md-row flex-column align-items-center" style="height: 100%; width: 100%;"> <img src="/public/nz/img/home/icon/papper.svg" alt=""> <div class="ms-3"> <h6 class="inter-semibold font-12">Net Zero Pathways: Catalyzing Carbon Offset through GREENSHIP </h6> <p class="inter-regular font-10 lineh-18 mt-2 text-custom-secondary text-wrap text-align-justify mb-3 custom-text-truncate"> The adoption of a GREENSHIP Net Zero in Indonesia presents a multitude of opportunities and benefits that are pivotal for the country's carbon offset goals in the coming future. </p> <a href="/netzero/benefit" class="inter-bold font-14 text-custom-secondary" style="text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: #88BD85; text-decoration-thickness: 2px;"> FIND OUT MORE </a> </div> </div> </div> <div class="col-md-4 border-end m-0 p-3 p-sm-5" data-aos="fade-up" data-aos-duration="800"> <div class="d-flex flex-md-row flex-column align-items-center" style="height: 100%; width: 100%;"> <img src="/public/nz/img/home/icon/greenship.svg" alt=""> <div class="ms-3"> <h6 class="inter-semibold font-12">GREENSHIP Net Zero for Indonesia’s future development</h6> <p class="inter-regular font-10 lineh-18 mt-2 text-custom-secondary text-wrap text-align-justify mb-3 custom-text-truncate"> GREENSHIP Net Zero certification process with a comprehensive workflow designed to guide projects from initial design through to operation, focusing on achieving specific targets for energy efficiency. </p> <a href="/netzero/greenship" class="inter-bold font-14 text-custom-secondary" style="text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: #88BD85; text-decoration-thickness: 2px;"> FIND OUT MORE </a> </div> </div> </div> </div> </div>   <div class="section-padding7"> <div class="container"> <div class="bg-custom-primary" style="border-radius: 25px;"> <div class="row"> <div class="col-lg-12" data-aos="fade-down" data-aos-duration="1000"> <div class="testimonial-3-area owl-carousel p-5"> <div class="row"> <div class="col-lg-4"> <div class="latest-blog-area"> <div class="blog-1"> <img src="/public/nz/img/home/certified-img-1.png" alt="" style="border-radius: 15px;"> </div> <div class="latest-author-text"> <a href="/netzero/project/banyuwangi-airport" class="color-7"> <h1 class="inter-semibold font-18 lineh-30"> BANYUWANGI AIRPORT </h1> </a> <p class="inter-regular font-12 mt-md-3 custom-text-truncate-2"> Banyuwangi International Airport, situated on Java's east coast, is renowned as Indonesia's first green airport. </p> <div class="latest-flex-text"> <a href="#"> <p class="font-cm font-16 weight-400 lineh-26 color-12"> </p> </a> <span><i class="fa-solid fa-arrow-right"></i></span> </div> </div> </div> </div> <div class="col-lg-4"> <div class="latest-blog-area"> <div class="blog-1"> <img src="/public/nz/img/home/certified-img-2.jpg" alt="" style="border-radius: 15px;"> </div> <div class="latest-author-text"> <a href="/netzero/project/pahoa" class="color-7"> <h1 class="inter-semibold font-18 lineh-30"> PAHOA KINDERGARTEN </h1> </a> <p class="inter-regular font-12 mt-md-3 custom-text-truncate-2"> Pahoa Kinder gardern, situated on South Tangerang, is designed concern in healthy and playful place to student. </p> <div class="latest-flex-text"> <a href="#"> <p class="font-cm font-16 weight-400 lineh-26 color-12"> </p> </a> <span><i class="fa-solid fa-arrow-right"></i></span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>   <div class="project-testimonial-section section-padding5 bg-white"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-4" data-aos="fade-right" data-aos-duration="800"> <div class="project-testimonial-text"> <h1 class="inter-bold font-45 lineh-54 margin-b24"> LATEST NEWS <br> <span class="text-custom-accent"> GBC Indonesia Towards Net zero </span> </h1> <p class="inter-medium font-16 text-align-justify"> Indonesia’s GFA is expected to grow to 7 billion Square Meters by 2050. That will be 700 million tons of CO2 emission/year, or 300 million tons more than today or equivalent to around 12 billion more trees. </p> </div> </div> <div class="col-lg-8" data-aos="fade-left" data-aos-duration="1200"> <div class="project-testimonial-area owl-carousel"> <div class="latest-blog-area"> <div class="blog-1"> <img src="/public/nz/img/home/leadership.png" width="370" height="293" alt="" style="border-radius: 15px;"> </div> <div class="latest-author-text"> <p class="inter-medium font-14 mb-md-3"> </p> <a href="https://gbcindonesia.org/read/XIuZ9FMbmIAXGNTO0x3pmywZ4ZcuKfQI66707523dd4f4021a799a1d44470fae1ZzVr3eSjStR" class="color-7"> <h1 class="inter-regular font-22 lineh-30" style=" display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;"> Leadership Course I: Net Zero Building and Sustainable Transit-Oriented Development </h1> </a> <p class="inter-regular font-12 mt-md-3"> Green Building Council Indonesia, in collaboration with partners and industry leaders, ... </p> <div class="latest-flex-text"> <a href="#"> <p class="font-cm font-16 weight-400 lineh-26 color-12">August 18, 2023 </p> </a> <span><i class="fa-solid fa-arrow-right"></i></span> </div> </div> </div> <div class="latest-blog-area"> <div class="blog-1"> <img src="/public/nz/img/home/pahoa.png" width="370" height="293" alt="" style="border-radius: 15px;"> </div> <div class="latest-author-text"> <p class="inter-medium font-14 mb-md-3"> </p> <a href="https://gbcindonesia.org/read/MWTR5qhacd7Z6bmPdse9C4ReKp2VKrr68147bc05b209417898d1115b8d028ce2L0400IFxvs5" class="color-7"> <h1 class="inter-regular font-22 lineh-30" style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;"> KB-TK Pahoa Achieves Net Zero Healthy Ready Certification </h1> </a> <p class="inter-regular font-12 mt-md-3"> The KB-TK Pahoa building has proudly achieved the prestigious Net Zero Healthy Ready certification </p> <div class="latest-flex-text"> <a href="#"> <p class="font-cm font-16 weight-400 lineh-26 color-12">April 13, 2023</p> </a> <span><i class="fa-solid fa-arrow-right"></i></span> </div> </div> </div> <div class="latest-blog-area shadow"> <div class="blog-1"> <img src="/public/nz/img/home/jakarta_celebrates.jpg" width="370" height="293" alt="" style="border-radius: 15px;"> </div> <div class="latest-author-text"> <p class="inter-medium font-14 mb-md-3"> </p> <a href="https://gbcindonesia.org/read/u7xuHxmCvcqSNHs6rwEjwvEuN9em89sD510f86c9f71343ee9904c9a2edf6a5caz9C9V1IndqW" class="color-7"> <h1 class="inter-regular font-22 lineh-30"> Jakarta Celebrates Milestones in Net Zero Schools Initiative </h1> </a> <p class="inter-regular font-12 mt-md-3"> Jakarta, September 27, 2022 – In journey to achieve Net Zero by 2050, GBC Indonesia is actively collaborating ... </p> <div class="latest-flex-text"> <a href="#"> <p class="font-cm font-16 weight-400 lineh-26 color-12">September 27, 2022</p> </a> <span><i class="fa-solid fa-arrow-right"></i></span> </div> </div> </div> </div> </div> </div> </div> </div>   <div class="" style="background:#212529"> <div class="footer-top"> <div class="container py-lg-5 px-lg-5"> <div class="row py-lg-5 px-lg-5"> <div class="px-lg-5 col-lg-12 col-md-12 col-sm-12"> <div class="container"> <div class="row p-3 p-md-0"> <div class="col-md-3 col-md-3 col-sm-3"> <h4 class="inter-bold font-20 text-white mb-2 mb-md-4">About Us</h4> <p class="inter-regular font-14 text-light mb-3 mb-md-0 text-align-justify"> 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 href="https://gbcindonesia.org/"> <img class="gbci-logo mt-md-5" src="/public/nz/img/home/icon/gbci_footer_logo.png" alt="logo-gbci"> </a> </div> <div class="col-md-1 col-sm-3"></div> <div class="col-md-4 col-md-3 col-sm-3 mt-5 mt-md-0"> <h4 class="inter-bold font-20 text-white mb-2 mb-md-4"> Useful Links </h4> <ul class="list-unstyled mb-md-0 mt-md-0 inter-regular lineh-36"> <li class="mb-2"> <a data-bs-toggle="modal" data-bs-target="#certify-building-modal" class="text-secondary inter-regular text-light"> Certify Your Building </a> </li> <li class="mb-2"> <a href="/netzero/greenship" class="text-secondary inter-regular text-light"> Greenship Net Zero </a> </li> <li class="mb-2"> <a href="/netzero/advancing" class="text-secondary inter-regular text-light"> Advancing Net Zero </a> </li> <li class="mb-2"> <a href="/netzero/framework" class="text-secondary inter-regular text-light"> Net Zero Framework </a> </li> <li class="mb-2"> <a href="/netzero/benefit" class="text-secondary inter-regular text-light"> Net Zero Opportunities & Benefits </a> </li> </ul> </div> <div class="col-md-4 col-sm-3 mt-5 mt-md-0 text-white"> <div class="ms-md-5"> <h4 class="inter-bold font-20 mb-md-4">Contact Us</h4> <p class="inter-regular font-16"> <i class="fa fa-phone"></i>&emsp;(+62) 21 2960 8012</p> <p class="inter-regular font-16 mt-2"> <i class="fa fa-envelope"></i>&emsp;<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="81e8efe7eec1e6e3e2e8efe5eeefe4f2e8e0afeef3e6">[email protected]</a> </p> <div class="mt-5"> <i class="bx bxl-instagram text-biru-utama fs-2 pe-2"></i> <i class="bx bxl-twitter text-biru-utama fs-2 px-2"></i> <i class="bx bxl-facebook text-biru-utama fs-2 px-2"></i> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-bottom py-3 bg-hitam-utama" style="background:#16181B"> <div class="container d-flex flex-wrap justify-content-center flex-md-row flex-column text-center text-md-start"> <div class="mb-2 mb-md-0 text-center"> <span class="footer-text">Copyright</span> <span class="footer-text">© <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> document.write(new Date().getFullYear()); </script>. </span> <span class="footer-text"> GREEN BUILDING COUNCIL INDONESIA. All Rights Reserved</span> </div> </div> </div> </div>   <script src="/public/nz/home-assets/js/plugins/bootstrap.min.js" defer></script> <script src="/public/nz/home-assets/js/plugins/swiper.bundle.js" defer></script> <script src="/public/nz/home-assets/js/plugins/owl.carousel.min.js" defer></script> <script src="/public/nz/home-assets/js/plugins/fontawesome.js" defer></script> <script src="/public/nz/home-assets/js/plugins/counter.js" defer></script> <script src="/public/nz/home-assets/js/plugins/jquery-modal-video.min.js" defer></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js" defer></script> <script src="/public/nz/home-assets/js/plugins/jquery.nice-select.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous" defer></script> <script src="/public/nz/assets/vendor/libs/cleavejs/cleave.js"></script> <script src="/public/nz/assets/vendor/libs/cleavejs/cleave-phone.js"></script> <script src="/public/nz/home-assets/js/plugins/mobilemenu.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11" crossorigin="anonymous" defer></script> <script src="/public/nz/home-assets/js/main.js" defer></script>  <div class="modal fade" id="certify-building-modal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-xl modal-simple modal-edit-user"> <div class="modal-content" style="padding: 0;"> <div class="modal-body" style="padding:0px;"> <div class="row"> <div class="col-md-6"> <img src="/public/nz/img/background-register.png" alt="" style="width: 100%;height: 100%;"> </div> <div class="col-md-6"> <div class="p-3 mt-5"> <h6>Register Building</h6> </div> <form id='registerBuildingModel' class='row g-3 px-3' onsubmit='return false'> <input type="hidden" name="entity" id="entity-input" value=0> <input type="hidden" name="use" id="use-input" value=1> <div class='col-12 col-md-12'> <label class='form-label' for='modaProjectOwner'>Project Owner</label> <input type='text' id='modaProjectOwner' name='project_owner' class='form-control' /> </div> <div class="col-12 col-md-12"> <label class="form-label" for="modalCompany">Company</label> <input type="text" id="modalCompany" name="company" class="form-control" /> </div> <div class="col-12 col-md-12"> <label class="form-label" for="modalAddress">Address</label> <textarea id="modalAddress" class="form-control" name="address"></textarea> </div> <div class="col-12 col-md-12 mb-3"> <label class="form-label" for="modaMobile">Phone Number</label> <div class="input-group input-group-merge"> <span class="input-group-text">+62</span>   <input type="text" id="basic-default-phone" class="form-control phone-mask" placeholder="81283121234" aria-label="81283121234" aria-describedby="basic-default-phone" name="mobile" /> </div> </div> <hr> <div class="row mt-3"> <div class="col-md-6"> <div class="form-group"> <label class="form-label" for="picName">PIC Name</label> <input type="text" id="picName" name="pic_name" class="form-control" /> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="form-label" for="picMobile">PIC Phone Number</label> <div class="input-group input-group-merge"> <span class="input-group-text">+62</span> <input type="text" id="basic-default-phone" class="form-control phone-mask" placeholder="81283121234" aria-label="81283121234" aria-describedby="basic-default-phone" name="pic_mobile" /> </div> </div> </div> </div> <div class="col-12"> <label class="form-label" for="modalBuildingName">Building Name</label> <input type="text" id="modalBuildingName" name="building_name" class="form-control" /> </div> <div class="row mt-3"> <div class="col-12 mt-1"> <label class="switch"> <input class="form-check-input mt-0" id="checkbox-save" type="checkbox" value="" aria-label="Checkbox for following text input" /> <span class="switch-label">I accept the <a href="/netzero/under-development"> Terms and condition</a></span> </label> <br /> <label class="switch"> <input class="form-check-input mt-0" type="checkbox" value="" aria-label="Checkbox for following text input" /> <span class="switch-label"><a href="/netzero/under-development"> Self Declarations</a></span> </label> </div> </div> <div class="col-12 text-center my-4"> <button id="save-btn" class="btn me-sm-3 me-1" style="color: white;background-color: #495970;">Register</button>  </div> </form> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function () { $('#checkbox-save').on("change", function () { console.log('checkbox clicked') if ($(this).is(":checked")) { $("#save-btn").prop("disabled", false); } else {$("#save-btn").prop("disabled", true);}; }); $("#save-btn").click(function () { let data = $('#registerBuildingModel').serialize(); doSave(data); }); }); function doSave(data) { $.ajax({ url: "/api-netzero/project/save", data: data, dataType: "json", type: "POST", cache: false }).done(function (res) { Swal.fire({ target: document.getElementById('editUser'), icon: "success", title: "Data Registered Successfully", showConfirmButton: false, timer: 3000 }).then(function () { $(location).attr("href", '/netzero/dashboard/client'); }); }).fail(function (err) { Swal.fire({ target: document.getElementById('editUser'), icon: "error", title: "Data Registration Failed!", text: err.responseJSON.message, showConfirmButton: false, timer: 300000 }); }); } </script> <script> const phoneMaskList = document.querySelectorAll('.phone-mask') // Phone Number if (phoneMaskList) { phoneMaskList.forEach(function (phoneMask) { new Cleave(phoneMask, { phone: true, phoneRegionCode: 'ID' }); }); } </script> </body> </html>

CINXE.COM

NETZERO HOME