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="/public/akses/plugins/fancyuploder/fancy_fileupload.css" rel="stylesheet" /> <script src="sweetalert2.min.js"></script> <link rel="stylesheet" href="sweetalert2.min.css"> <style> .net-zero-container { display: flex; flex-direction: column; align-items: flex-start; text-align: left; padding: 20px; margin: 10px; margin-top: 0; padding-top: 20; } .net-zero-container .logo img { width: 100px; margin-bottom: 10px; } .net-zero-container .title { font-size: 28px; color: #333; margin-bottom: 20px; } .net-zero-container .description { font-size: 16px; color: #666; line-height: 1.5; margin-bottom: 20px; } .entry-title { font-size: 20px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* Batasi menjadi 3 baris */ -webkit-box-orient: vertical; line-height: 1.2em; /* Menyesuaikan tinggi baris */ max-height: calc(1.2em * 3); /* Tinggi maksimal 3 baris */ } .jq-7-ellipsis { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; /* Batasi menjadi 3 baris */ height: calc(1.2em * 3); /* Sesuaikan tinggi berdasarkan jumlah baris */ line-height: 1.2em; } .net-zero-container .learn-more { background-color: #43814e; color: white; padding: 10px 20px; border: none; border-radius: 8px; font-size: 16px; cursor: pointer; text-decoration: none; margin-bottom: 20px; width: 100%; /* Make the button full-width */ box-sizing: border-box; /* Ensure padding is included in the width */ text-align: center; /* Center the text inside the button */ display: inline-block; /* Make it behave like a block-level element */ } .net-zero-container .learn-more:hover { background-color: #3ca0d0; } .net-zero-container .powered-by { margin-top: 30px; font-size: 14px; color: #999; position: absolute; right: 50px; bottom: -30px; display: flex; align-items: center; } .net-zero-container .powered-by img { width: 64px; margin-left: 10px; } .slider-text { font-size: 16px; text-align: justify; line-height: 25px; padding: 0 20px; } .divider .container { padding-top: 0px; padding-bottom: 0px; } .main-program { display: table; height: 100%; } .abbreviation { text-shadow: -1px -1px 0 #43814e, 1px -1px 0 #43814e, -1px 1px 0 #43814e, 1px 1px 0 #43814e; } .card { min-height: 350px; cursor: pointer; } .ellip { display: block; height: 100%; } .ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 100%; } .ellip, .ellip-line { position: relative; overflow: hidden; } .main-program .net-zero { padding-top: 100px; padding-bottom: 100px } @media (max-width: 992px) { .main-program .net-zero { padding-top: 30px; width: 100%; } } .carousel-content { position: absolute; top: 0px; width: 100%; height: 100%; background-color: rgba(16, 196, 92, 0.4); } .carousel-text { height: 300px; margin-left: 50%; width: 85%; font-size: 18px; margin-left: 50px; margin-top: 210px; color: white; } .carousel-text-image { margin-top: 210px; margin-left: 50px; float: left; width: 50%; width: 300px; height: 300px; } .margin-resp { margin-left: 100px; } @media (min-width: 320px) { .carousel-text { font-size: 8px; margin-top: 50px; width: 70%; } .carousel-text h4 { font-size: 8px; } .carousel-text-image { margin-top: 70px; width: 80px; height: 80px; } .margin-resp { margin-left: 0px; } } @media (min-width: 375px) { .carousel-text { font-size: 9px; margin-top: 60px; width: 70%; } .carousel-text h4 { font-size: 9px; } .carousel-text-image { margin-top: 60px; width: 120px; height: 120px; } .margin-resp { margin-left: 0px; } } @media (min-width: 425px) { .carousel-text { font-size: 10px; margin-top: 60px; width: 70%; } .carousel-text h4 { font-size: 10px; } .carousel-text-image { margin-top: 60px; width: 160px; height: 160px; } .margin-resp { margin-left: 0px; } } @media (min-width: 768px) { .carousel-text { font-size: 14px; margin-top: 160px; width: 80%; } .carousel-text h4 { font-size: 14px; } .carousel-text-image { margin-top: 160px; width: 250px; height: 250px; } .margin-resp { margin-left: 35px; } } @media (min-width: 992px) { .carousel-text { font-size: 18px; margin-top: 210px; width: 80%; } .carousel-text h4 { font-size: 18px; } .carousel-text-image { margin-top: 210px; width: 300px; height: 300px; } .margin-resp { margin-left: 60px; } } @media (min-width: 1200px) { .carousel-text { font-size: 22px; margin-top: 210px; } .carousel-text h4 { font-size: 22px; } .carousel-text-image { margin-top: 210px; width: 300px; height: 300px; } .margin-resp { margin-left: 100px; } } div.swal2-html-container { padding: 0 !important; margin: 0 !important; } .post-thumb { width: 100%; height: 200px; /* Atur tinggi sesuai kebutuhan */ overflow: hidden; } .post-thumb img { width: 100%; height: 100%; object-fit: cover; /* Menjaga proporsi gambar dan mengisi seluruh container */ } </style> <style> <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; } .post-thumb thumb{ width: 100px; height: 100px; object-fit: cover; } </style> </head> <body class=""> <div id="wrapper" class="clearfix">  <header id="header" class="header"> <div class="header-nav navbar-fixed-top header-dark navbar-white navbar-transparent bg-transparent-1 navbar-sticky-animated animated-active"> <div class="header-nav-wrapper"> <div class="container"> <nav class="menuzord default" style="padding-top: 5px;"> <ul class="menuzord-menu pull-right flip sm-pull-none hidden-xs hidden-sm"> <li class="nospace text-green-moss"><a href="/admin" class="text-green-moss">Sign In</a> |</li> <li class="nospace"><a href="/admin/auth/signup" class="text-green-moss">Sign Up</a></li> <ul class="styled-icons icon-dark icon-circled icon-sm pull-right flip sm-pull-none sm-text-center mt-sm-15 hidden-xs hidden-sm"> <li> </li> </ul> </ul> </nav> <nav id="menuzord-right" class="menuzord default"> <a class="menuzord-brand pull-left flip" href="/web"> <img src="/public/umum/images/logo-wide.png" alt=""> </a> <ul class="menuzord-menu"> <li class="list-inline sm-text-center text-green-moss hideonwidth"> <a href="/admin" class="text-green-moss btn btn-transparent"><i class="fa fa-user"></i> Sign In</a> </li> <li><a href="javascript:void(0)" class="text-green-moss">ABOUT US</a> <ul class="dropdown"> <li><a href="/structure" class="text-green-moss">Our Organization</a></li> <li><a href="/founding" class="text-green-moss">Corporate & Core Founder</a></li> <li style="display: none;"><a href="/board" class="text-green-moss">Committee & Assessment Board</a></li> <li><a href="/about/representative" class="text-green-moss">Representative</a></li> <li><a href="/about/partner" class="text-green-moss">Partner</a></li> <li><a href="/ethics" class="text-green-moss">Code of Ethics</a></li> </ul> </li> <li><a href="javascript:void(0)" class="text-green-moss">GREENSHIP</a> <ul class="dropdown"> <li><a href="https://nz.gbcindonesia.org/netzero" class="text-green-moss">Net Zero</a></li> <li><a href="/greens/new" class="text-green-moss">New Building</a></li> <li><a href="/greens/existing" class="text-green-moss">Existing Building</a></li> <li><a href="/greens/interior" class="text-green-moss">Interior</a></li> <li><a href="/greens/homes" class="text-green-moss">Homes</a></li> <li><a href="/greens/neighborhood" class="text-green-moss">Neighborhood</a></li> </ul> </li> <li><a href="javascript:void(0)" class="text-green-moss">PROGRAM</a> <ul class="dropdown"> <li><a href="/greenshipnzcc/greenship_solution_endorsement" class="text-green-moss">GSE</a></li> <li><a href="/certification" class="text-green-moss">Certification</a></li> <li><a href="/corpmember" class="text-green-moss">Corporate Member</a></li> <li><a href="/trainings" class="text-green-moss">Education/Training</a></li> <li><a href="/events" class="text-green-moss">Event</a></li> <li><a href="/volunteer" class="text-green-moss">Volunteer</a> </li> </ul> </li> <li><a href="javascript:void(0)" class="text-green-moss">EXPLORE</a> <ul class="dropdown"> <li><a href="/certbuilding" class="text-green-moss">Certified Building</a></li> <li><a href="/member" class="text-green-moss">Member List</a></li> <li><a href="/resource" class="text-green-moss">Resources</a></li> <li><a href="/etalase" class="text-green-moss">Etalase</a></li> <li><a href="/profesional" class="text-green-moss">Greenship Professional</a></li> <li><a href="/edgeauditor" class="text-green-moss">Edge Auditor</a></li> </ul> </li> <li><a href="/news" class="text-green-moss">NEWS</a></li> </ul> </nav> </div> </div> </div> </header>   <div class="main-content">  <section id="home" class="divider layer-overlay overlay-white-8est" data-bg-img="/public/umum/temp/home-1.jpg"> <div class="display-table"> <div class="display-table-cell"> <div class="row"> <div class="col-md-8"></div> <div class="col-md-5"></div> </div> <div class="container"> <div class="row main-program"> <div class=" col-md-7 text-left pt-lg-180 pt-sm-70 pb-70"> <h3 class="text-white mt-0">Green Building Council Indonesia</h3> <p class="text-white" style="font-size: 16px; padding-right: 20px;"> an independent not for profit organization founded in 2009 by leading professionals and companies in the building industry in Indonesia. Our main mission is to transform market and industry players to be more responsible and sustainable. We have four main programs namely Rating Development, Training and Education, Green Building Certification and Stakeholder Engagement. </p> <a class="btn btn-colored btn-warning btn-flat mt-15" href="/admin/auth/signup">Becoming Member</a> <a class="btn btn-colored btn-theme-colored btn-flat mt-15" href="/certification">Certified Your Building</a> </div> <div class="col-md-5 net-zero" style="background-color: #F0F3EABF; height: 100%; display: inherit; "> <div class="card" style="margin-bottom: 30px;"> <div class="card__front">  <div class="card__text"> <div class="row"> <div class="col-md-12 text-left"> <div class="net-zero-container"> <div class="logo"> <img class="greenship-logo" src="https://nz.gbcindonesia.org/public/nz/img/home/greenship_logo_netzero.png" style="width: 200px" alt="Logo"> </div> <h1 class="inter-extrabold title">Net Zero Application</h1> <p class="inter-regular description">In our commitment to global decarbonization by 2050, GBC Indonesia introduces the Net Zero Web Application. This innovative platform simplifies achieving Net Zero Building Certification under the GREENSHIP standard.</p> <a href="https://nz.gbcindonesia.org/netzero" class="inter-regular learn-more">Learn More</a> <div class="powered-by"> <img src="https://nz.gbcindonesia.org/public/umum/wika_logo.png" alt=""> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section> </section>  <section class="bg-lighter"> <div class="container" style="padding-top: 20px;"> <div class="section-content"> <div class="row"> <div class="col-md-6"> <h2 class="mt-0 line-bottom">Upcoming <span class="text-theme-colored">Training</span></h2> <div class="bxslider bx-nav-top" data-minslides="3"> <div class="event media mb-10 no-bg no-border"> <div class="event-date media-left text-center flip bg-lighter p-20"> <ul> <li class="font-30 text-theme-colored font-weight-600">26</li> <li class="font-22 text-uppercase">Nov</li> </ul> </div> <div class="media-body pl-20"> <div class="event-content pull-left flip"> <h4 class="event-title media-heading font-raleway font-weight-700"> <a href="/training/8109feec1bd24c69896d2e063c3b11e47pNMzYnFqYb">Edge Auditor Training I (26 November 2024 )</a> </h4> <span class="mb-10 text-gray-darkgray mr-10"><i class="fa fa-clock-o mr-5 text-theme-colored"></i> at 08:00</span> <span class="text-gray-darkgray"><i class="fa fa-tags mr-5"></i> Edge Training</span> <p class="mt-5">Online Zoom...</p> </div> </div> </div> <div class="event media mb-10 no-bg no-border"> <div class="event-date media-left text-center flip bg-lighter p-20"> <ul> <li class="font-30 text-theme-colored font-weight-600">29</li> <li class="font-22 text-uppercase">Nov</li> </ul> </div> <div class="media-body pl-20"> <div class="event-content pull-left flip"> <h4 class="event-title media-heading font-raleway font-weight-700"> <a href="/training/33cc71fce35540659e364ed0b57c4433xg55b3utIsu">Greenship Associate Training III Offline Surabaya ( 29 -30 November 2024 )</a> </h4> <span class="mb-10 text-gray-darkgray mr-10"><i class="fa fa-clock-o mr-5 text-theme-colored"></i> at 08:00</span> <span class="text-gray-darkgray"><i class="fa fa-tags mr-5"></i> Greenship Associate</span> <p class="mt-5">Offline Surabaya...</p> </div> </div> </div> <div class="event media mb-10 no-bg no-border"> <div class="event-date media-left text-center flip bg-lighter p-20"> <ul> <li class="font-30 text-theme-colored font-weight-600">01</li> <li class="font-22 text-uppercase">Dec</li> </ul> </div> <div class="media-body pl-20"> <div class="event-content pull-left flip"> <h4 class="event-title media-heading font-raleway font-weight-700"> <a href="/training/c7373950af014e929a2104524a8a4724W0T57FLuRyr">Greenship Associate Training XII ( 29 November - 5 Desember 2024 )</a> </h4> <span class="mb-10 text-gray-darkgray mr-10"><i class="fa fa-clock-o mr-5 text-theme-colored"></i> at 08:00</span> <span class="text-gray-darkgray"><i class="fa fa-tags mr-5"></i> Greenship Associate</span> <p class="mt-5">Menonton Video & hari...</p> </div> </div> </div> <div class="event media mb-10 no-bg no-border"> <div class="event-date media-left text-center flip bg-lighter p-20"> <ul> <li class="font-30 text-theme-colored font-weight-600">09</li> <li class="font-22 text-uppercase">Dec</li> </ul> </div> <div class="media-body pl-20"> <div class="event-content pull-left flip"> <h4 class="event-title media-heading font-raleway font-weight-700"> <a href="/training/ccfefa3c78444f38aa656b4ce0c1b0eaQOmnT7HnAKR">Greenship Professional Training III ( 9, 10, 11 dan 16, 17 Desember 2024 )</a> </h4> <span class="mb-10 text-gray-darkgray mr-10"><i class="fa fa-clock-o mr-5 text-theme-colored"></i> at 08:00</span> <span class="text-gray-darkgray"><i class="fa fa-tags mr-5"></i> Greenship Professional</span> <p class="mt-5">Online Zoom An advanced...</p> </div> </div> </div> <div class="event media mb-10 no-bg no-border"> <div class="event-date media-left text-center flip bg-lighter p-20"> <ul> <li class="font-30 text-theme-colored font-weight-600">18</li> <li class="font-22 text-uppercase">Dec</li> </ul> </div> <div class="media-body pl-20"> <div class="event-content pull-left flip"> <h4 class="event-title media-heading font-raleway font-weight-700"> <a href="/training/de79e549f10c498bb0b1cf3b3cb1880958tzXcWHPpQ">Workshop OTTV, Dialux dan Building Energy Calculation III ( 18 Desember 2024 )</a> </h4> <span class="mb-10 text-gray-darkgray mr-10"><i class="fa fa-clock-o mr-5 text-theme-colored"></i> at 08:00</span> <span class="text-gray-darkgray"><i class="fa fa-tags mr-5"></i> Others</span> <p class="mt-5">Online Zoom...</p> </div> </div> </div> </div> </div> <div class="col-md-6"> <h2 class="mt-0 line-bottom">Upcoming Events</h2> <div class="bxslider bx-nav-top" data-minslides="3"> </div> </div> </div> </div> </div> </section>  <section> <div class="container-fluid p-0"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> </ol> <div class="carousel-inner" role="listbox" style="max-height: 600px;"> </div> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> </section>  <section class="divider bg-black-111" data-bg-img="/public/umum/images/footer-bg2.png" style="display: none;"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.6s"> <div class="funfact"> <i class="pe-7s-global text-white mt-20 font-48 pull-left flip"></i> <div class="ml-60"> <h2 class="animate-number text-theme-colored mt-0 font-48 line-bottom" data-value="100" data-animation-duration="3500">0</h2> <div class="clearfix"></div> <h4 class="font-14 text-white">GA</h4> </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s"> <div class="funfact"> <i class="pe-7s-culture text-white mt-20 font-48 pull-left flip"></i> <div class="ml-60"> <h2 class="animate-number text-theme-colored mt-0 font-48 line-bottom" data-value="200" data-animation-duration="3500">0</h2> <div class="clearfix"></div> <h4 class="font-14 text-white">GP</h4> </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-6 mb-md-50"> <div class="funfact"> <i class="pe-7s-bookmarks text-white mt-20 font-48 pull-left flip"></i> <div class="ml-60"> <h2 class="text-theme-colored mt-0 font-48 line-bottom">Lorem ipsum dolor sit amet</h2> <div class="clearfix"></div> <h4 class="font-14 text-white"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas vel sint, ut. Quisquam doloremque <br> minus possimus eligendi dolore ad. </h4> </div> </div> </div> </div> </div> </section>  <section class="divider parallax layer-overlay overlay-dark-8" data-bg-img="/public/umum/temp/tempBg1.jpg" style="display: none;"> <div class="container pt-150 pb-150"> <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="owl-carousel-1col" data-dots="true"> <div class="item"> <div class="testimonial text-center"> <p class="lead text-white font-36">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas vel sint, ut. Quisquam doloremque minus possimus eligendi dolore ad.</p> <p class="author mt-20 text-gray-bbb"> <span>--Catherine Grace,</span> <small><em>CEO apple.inc</em></small> </p> </div> </div> <div class="item"> <div class="testimonial text-center"> <p class="lead text-white font-36">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas vel sint, ut. Quisquam doloremque minus possimus eligendi dolore ad.</p> <p class="author mt-20 text-gray-bbb"> <span>--Catherine Grace,</span> <small><em>CEO apple.inc</em></small> </p> </div> </div> <div class="item"> <div class="testimonial text-center"> <p class="lead text-white font-36">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas vel sint, ut. Quisquam doloremque minus possimus eligendi dolore ad.</p> <p class="author mt-20 text-gray-bbb"> <span>--Catherine Grace,</span> <small><em>CEO apple.inc</em></small> </p> </div> </div> </div> </div> </div> </div> </section> <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">News</span></h2> </div> </div> </div> <div class="section-content"> <div class="row" id="content-news"> </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="177e797178577075747e7973787972647e7639786570">[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 src="/public/akses/plugins/select2/js/select2.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script src="sweetalert2.all.min.js"></script> <script> $(document).ready(function () { console.log("anak soleh") $(".jq-7-ellipsis").ellipsis({ lines: 7, ellipClass: "ellip", responsive: true }); getNews(); async function getNews() { try { const response = await $.ajax({ url: "/api/latest-news", type: "GET", dataType: "json", cache: false }); let latest_news = ""; response.data.forEach(val => { latest_news += ` <div class="col-sm-4 col-md-4 wow fadeInLeft mb-50" data-wow-duration="1s" data-wow-delay="0.5s"> <article class="post clearfix"> <div class="entry-header"> <div class="post-thumb thumb"> <a href="/read/${val.kode_news}"> <img src="${val.image}" alt="" class="img-responsive img-fullwidth"> </a> </div> </div> <div class="entry-content"> <div class="entry-meta media"> <div class="media-body"> <div class="event-content pull-left flip"> <h4 class="entry-title text-theme-colored"> <a href="/read/${val.kode_news}" class="text-theme-colored">${val.title}</a> </h4> <span class="mb-10 text-gray-darkgray mr-10 font-13"> <i class="entry-title fa fa-layer mr-5 text-theme-colored"></i> ${val.category_news} </span> <span class="mb-10 text-gray-darkgray mr-10 font-13"> <i class="fa fa-calendar mr-5 text-theme-colored"></i> ${val.created} </span> </div> </div> </div> <div class="mt-10 jq-7-ellipsis">${val.content}</div> <a class="btn btn-dark btn-theme-colored mt-10" href="/read/${val.kode_news}">Read More</a> <div class="clearfix"></div> </div> </article> </div>`; }); $("#content-news").append(latest_news); applyTitleEllipsis(); // Terapkan ellipsis untuk judul applyEllipsis(); // Terapkan ellipsis untuk deskripsi } catch (error) { console.error('There was an error fetching the news:', error); } } function applyTitleEllipsis() { $(".entry-title").each(function () { let lineHeight = parseFloat($(this).css('line-height')); let maxHeight = lineHeight * 3; // Batas tinggi 3 baris if ($(this).height() > maxHeight) { let text = $(this).text(); while ($(this).height() > maxHeight) { text = text.slice(0, -1); // Kurangi satu karakter dari akhir $(this).text(text + "..."); } } }); } function applyEllipsis() { $(".jq-7-ellipsis").each(function () { let text = $(this).text(); let truncatedText = text.split(/\s+/).slice(0, 50).join(" ") + "..."; // Batas 50 kata $(this).text(truncatedText); }); } }); </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