CINXE.COM
Staff - Institut Teknologi Bandung
<!DOCTYPE html> <html lang="id-ID"> <head> <title>Staff - Institut Teknologi Bandung</title> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="author" content=""> <meta name="title" content="Institut Teknologi Bandung, Bandung, Indonesia "> <meta name="keywords" content="itb, institut teknologi bandung, bandung, indonesia, ITB, Institution of higher learning of science, technology, and fine arts, with a mission of education, research, and services to the community. In Harmonia Progressio - Kemajuan dalam keselarasan"> <meta name="author" content="Webmaster Team, Direktorat Teknologi Informasi ITB"> <meta name="description" content="Staff"> <meta name="google-site-verification" content="-f2zE64R5W4FD-r-RqtVXMZLEoyxE2mUwTOCfPzmXR0" /> <!-- <meta name="msvalidate.01" content="746CE064434FE6D68B54BD98FD90B028" /> --> <link rel="canonical" href="https://itb.ac.id/staff" /> <!--S:fb meta--> <meta property="og:type" content="website" /> <meta property="og:image" content=https://itb.ac.id/images/logo-itb-small.png /> <meta property="og:title" content="Staff" /> <meta property="og:url" content="https://itb.ac.id/staff" /> <meta property="og:site_name" content="Institut Teknologi Bandung" /> <meta property="og:description" content="" /> <meta property="fb:admins" content="10208322639923490" /> <meta property="fb:app_id" content="829371137173499" /> <meta name="facebook-domain-verification" content="ff6unsl393t5dy5l81wlwr47le758y" /> <!-- e:fb meta --> <!-- S:tweeter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@itbofficial" /> <meta name="twitter:creator" content="@itbofficial"> <meta name="twitter:title" content="Staff - " /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content=https://itb.ac.id/images/logo-itb-small.png /> <!-- E:tweeter card --> <!-- <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@itbofficial" /> <meta name="twitter:creator" content="@itbofficial" /> <meta name="twitter:title" content="Staff - " /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="https://itb.ac.id/images/logo-itb-small.png" /> --> <link rel="preload" href="https://itb.ac.id/assets/css/bootstrap.min.css" as="style" onload="this.rel='stylesheet'"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"> <link rel="preload" href="https://itb.ac.id/assets/css/all.min.css" as="style" onload="this.rel='stylesheet'"> <link rel="stylesheet" href="https://itb.ac.id/assets/css/all-style.min.css?v=202504071440" as="style" onload="this.rel='stylesheet'"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet"> <link rel="shortcut icon" type="image/x-icon" href="https://itb.ac.id/favicon.ico"> <link rel="icon" type="image/x-icon" href="https://itb.ac.id/favicon.ico"> </head> <body> <nav style="background-color: #1a284d; opacity: unset; " class="bg-1 z-3 block-header-01"> <div class="container d-flex flex-wrap py-1"> <ul class="nav me-auto flag mt-1"> <li class=""><a href="https://itb.ac.id/lang/id" class="mx-2" title="Bahasa Indonesia"><img src="https://itb.ac.id/images/flag-id.png" alt="Bahasa Indonesia"></a></li> <li><a href="https://itb.ac.id/lang/en" class="mx-2" title="English"><img src="https://itb.ac.id/images/flag-en.png" alt="English"></a></li> </ul> <ul class="nav"> <li class="nav-item d-none d-md-block d-lg-block d-xl-block"><small><a href="https://itb.ac.id/staff" class="nav-link text-white text-decoration-none" title="Staff">Staff</a></small></li> <li class="nav-item d-none d-md-block d-lg-block d-xl-block"><small><a href="https://itb.ac.id/students" class="nav-link text-white text-decoration-none" title="Students">Students</a></small></li> <li class="nav-item d-none d-md-block d-lg-block d-xl-block"><small><a href="https://itb.ac.id/alumni" class="nav-link text-white text-decoration-none" title="Alumni">Alumni</a></small></li> <li class="nav-item d-none d-md-block d-lg-block d-xl-block"><small><a href="https://itb.ac.id/partners" class="nav-link text-white text-decoration-none" title="Partners">Partners</a></small></li> <li class="nav-item d-none d-md-block d-lg-block d-xl-block"><small><a href="https://itb.ac.id/visitor" class="nav-link text-white text-decoration-none" title="Visitors">Visitors</a></small></li> <li class="nav-item d-none d-md-block d-lg-block d-xl-block"><small><a href="https://itb.ac.id/press" class="nav-link text-white text-decoration-none" title="Press">Press</a></small></li> <li class="nav-item"><small><a href="/myitb" class="nav-link text-white text-decoration-none" title="My ITB">My ITB</a></small></li> <li class="nav-item d-none d-md-block d-lg-block d-xl-block admission"><small><a target="_blank" href="https://admission.itb.ac.id/info/" class="nav-link text-decoration-none text-white fw-semibold" title="Admission" style="background-color: #FF8F00; border-radius: 5px; padding: 2px 10px 5px 10px; margin-top: 4px;">Admission</a></small></li> <li class="nav-item d-none d-md-block d-lg-block d-xl-block"><small><a href="https://itb.ac.id/contact" class="nav-link text-white text-decoration-none" title="Contact"><i class="fa-regular fa-envelope"></i> Contact</a></small></li> <li class="nav-item d-none d-md-block d-lg-block d-xl-block"><small><a href="https://itb.ac.id/search" class="nav-link text-white text-decoration-none" title="Search"><i class="fa-solid fa-magnifying-glass"></i> Search</a></small></li> </ul> </div> </nav><header class="py-2 bg-2 z-3 block-header-02"> <div class="container d-flex flex-wrap"> <a href="https://itb.ac.id/" class="d-flex align-items-center mb-lg-0 me-lg-auto link-body-emphasis text-decoration-none" aria-label="Institut Teknologi Bandung"> <h1 class="m-0"><img class="logo" src="https://itb.ac.id/assets/images/logo-itb-1920-new.png" width="250px" height="60px" alt="Logo ITB"></h1> </a> <!-- <a href="https://itb.ac.id/" class="d-flex align-items-center mb-lg-0 me-lg-auto link-body-emphasis text-decoration-none" aria-label="Institut Teknologi Bandung"> <h1 class="m-0"><img class="logo" src="https://itb.ac.id/assets/images/logo-itb-1920-new.png" width="250px" height="60px" alt="Logo ITB"></h1> </a> --> <ul class="nav col col-md-auto mb-2 justify-content-end align-items-center mb-md-0"> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/about-itb" title="About ITB" class="nav-link text-white p-0">About ITB</a></li> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/admission" title="Admission" class="nav-link text-white p-0">Admission</a></li> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/education" title="Education" class="nav-link text-white p-0">Education</a></li> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/research" title="Research" class="nav-link text-white p-0">Research</a></li> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/community-services" title="Community Services" class="nav-link text-white p-0">Community Services</a></li> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/awards" title="Awards" class="nav-link text-white p-0">Awards</a></li> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/multicampus" title="Multi Campus" class="nav-link text-white p-0">Multi Campus</a></li> <li class="ms-3" style="margin-top: -5px;"> <a class="box-primary-nav-trigger" href="javascript:void()"> <span class="box-menu-icon"></span> </a> </li> </ul> </div> </header> <nav class=""> <div class="box-primary-nav"> <div class="container"> <div class=""> <ul class="row"> <li class="col-12 col-xs-4 col-sm-3 col-md-2 col-lg-2 p-0 d-block d-sm-none"> <ul class="p-0 mb-5"> <h4 class="fs-5" style="color: #fc0">Personal</h4> <li><a href="https://itb.ac.id/staff" class="nav-link" title="Staff">Staff</a></li> <li><a href="https://itb.ac.id/students" class="nav-link" title="Students">Students</a></li> <li><a href="https://itb.ac.id/partners" class="nav-link" title="Partners">Partners</a></li> <li><a href="https://itb.ac.id/alumni" class="nav-link" title="Alumni">Alumni</a></li> <li><a href="https://itb.ac.id/visitor" class="nav-link" title="Visitors">Visitors</a></li> <li><a href="https://itb.ac.id/press" class="nav-link" title="Press">Press</a></li> </ul> </li> <li class="col-12 col-xs-4 col-sm-3 col-md-2 col-lg-2 p-0"> <ul class="p-0 mb-5"> <h4 class="fs-5"><a href="https://itb.ac.id/about-itb">About ITB</a></h4> <li> <a class="nav-link" href="https://itb.ac.id/history" title="History" target="_self" >History </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/vision-and-mission" title="Vision and Mission" target="_self" >Vision and Mission </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/task-and-functions" title="Tasks and Functions" target="_self" >Tasks and Functions </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/board-of-officials" title="Officer" target="_self" >Officer </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/legal-foundation" title="Legal Foundation" target="_self" >Legal Foundation </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/organization-chart" title="Chart" target="_self" >Chart </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/board-of-trustees" title="Board of Trustee" target="_self" >Board of Trustee </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/academic-senate" title="Academic Senate" target="_self" >Academic Senate </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/multicampus" title="Multi Campus" target="_self" >Multi Campus </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/visit" title="Visit" target="_self" >Visit </a> </li> </ul> </li> <li class="col-12 col-xs-4 col-sm-3 col-md-2 col-lg-2 p-0"> <ul class="p-0 mb-5"> <h4 class="fs-5"><a href="https://itb.ac.id/admission">Admission</a></h4> <li> <a class="nav-link" href="https://itb.ac.id/undergraduate" title="Undergraduate" target="_self" >Undergraduate </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/graduate" title="Graduate" target="_self" >Graduate </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/professional" title="Professional" target="_self" >Professional </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/student-exchange" title="Student Exchange" target="_self" >Student Exchange </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/international-students" title="International Student" target="_self" >International Student </a> </li> </ul> </li> <li class="col-12 col-xs-4 col-sm-3 col-md-2 col-lg-2 p-0"> <ul class="p-0 mb-5"> <h4 class="fs-5"><a href="https://itb.ac.id/education">Education</a></h4> <li> <a class="nav-link" href="https://itb.ac.id/faculties-and-schools" title="Faculties and Schools " target="_self" >Faculties and Schools </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/programs" title="Programs" target="_self" >Programs </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/research-group" title="Research Groups" target="_self" >Research Groups </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/scholarship" title="Scholarship" target="_self" >Scholarship </a> </li> <li> <a class="nav-link" href="/staff/" title="Staff" target="_self" >Staff </a> </li> </ul> </li> <li class="col-12 col-xs-4 col-sm-3 col-md-2 col-lg-2 p-0"> <ul class="p-0 mb-5"> <h4 class="fs-5"><a href="campus-life">Campus Life</a></h4> <li> <a class="nav-link" href="https://itb.ac.id/student-life" title="Student Activities" target="_self" >Student Activities </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/explore" title="Explore" target="_self" >Explore </a> </li> </ul> </li> <li class="col-12 col-xs-4 col-sm-3 col-md-2 col-lg-2 p-0"> <ul class="p-0 mb-5"> <h4 class="fs-5"><a href="/alumni">Alumni</a></h4> <li> <a class="nav-link" href="https://itb.ac.id/alumni-programs" title="Programs" target="_self" >Programs </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/alumni-profile" title="Profile" target="_self" >Profile </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/give-to-itb" title="Donations" target="_self" >Donations </a> </li> </ul> </li> </ul> </div> </div> </div> </nav> <section id="page-slider" class="bg-5 "> <div class="bg-profil-slider"> <div class="overlay-slider"> <div class="container py-5"> <div id="headlineslider" class="carousel slide mb-6" data-bs-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="row "> <div class="col-12 col-md-5"> <img class="w-100 mb-3 img-fluid image-slider" src="https://itb.ac.id/images/profil/LOral-Indonesia---1.jpg"> </div> <div class="col-12 col-md-7 text-white d-flex flex-column justify-content-between pb-3"> <div> <h3 class="fs-5 fw-bold text-white">FTSL ITB Lecturer Prasanti Widyasih Sarli, Ph.D., Receives the 2024 For Women in Science Award from L’Oréal-UNESCO</h3> <p class="fw-semibold mt-3"> <p>BANDUNG, itb.ac.id – Prasanti Widyasih Sarli, S.T., M.T., Ph.D., a lecturer and researcher from the Faculty of Civil and Environmental Engineering, Institut Teknologi Bandung (FTSL ITB), has been awarded the 2024 For Women in Science (FWIS) Award by L’Oréal-UNESCO in Jakarta on Monday (November 11, 2024). The FWIS Award recognizes talented young female researchers who dedicate their careers to advancing scientific innovation and contributing to sustainable development and societal progress.</p></p> </div> <!-- <p class="py-3"><a href="https://itb.ac.id/staff/profile/ftsl-itb-lecturer-prasanti-widyasih-sarli-phd-receives-the-2024-for-women-in-science-award-from-loréal-unesco" class="btn btn-outline-info block-more-05">Read more</a></p> --> <div class="mt-3"><a href="https://itb.ac.id/staff/profile/ftsl-itb-lecturer-prasanti-widyasih-sarli-phd-receives-the-2024-for-women-in-science-award-from-loréal-unesco" class="fw-semibold text-white btn-profil-more p-1 text-decoration-none">Read more</a></div> </div> </div> </div> <div class="carousel-item "> <div class="row "> <div class="col-12 col-md-5"> <img class="w-100 mb-3 img-fluid image-slider" src="https://itb.ac.id/images/profil/Prof-Brian-02.jpg"> </div> <div class="col-12 col-md-7 text-white d-flex flex-column justify-content-between pb-3"> <div> <h3 class="fs-5 fw-bold text-white">Prof. Brian Yuliarto dari ITB Raih Habibie Prize Bidang Ilmu Rekayasa pada Anugerah Talenta Unggul Habibie Prize 2024</h3> <p class="fw-semibold mt-3"><p>JAKARTA, itb.ac.id – Prof. Brian Yuliarto, S.T., M.Eng., Ph.D., seorang dosen dan peneliti di bidang Teknik Fisika dari Fakultas Teknologi Industri, Institut Teknologi Bandung (ITB), mendapatkan penghargaan bergengsi Habibie Prize 2024 dalam kategori Ilmu Rekayasa. Penghargaan ini diserahkan pada acara Anugerah Talenta Unggul Habibie Prize 2024 dan Bincang Ekosistem Riset Inovasi Indonesia, yang diadakan di Gedung B.J. Habibie, Thamrin, Jakarta, Senin (11/11/2024)</p></p> </div> <!-- <p class="py-3"><a href="https://itb.ac.id/staff/profile/prof-brian-yuliarto-dari-itb-raih-habibie-prize-bidang-ilmu-rekayasa-pada-anugerah-talenta-unggul-habibie-prize-2024" class="btn btn-outline-info block-more-05">Read more</a></p> --> <div class="mt-3"><a href="https://itb.ac.id/staff/profile/prof-brian-yuliarto-dari-itb-raih-habibie-prize-bidang-ilmu-rekayasa-pada-anugerah-talenta-unggul-habibie-prize-2024" class="fw-semibold text-white btn-profil-more p-1 text-decoration-none">Read more</a></div> </div> </div> </div> <div class="carousel-item "> <div class="row "> <div class="col-12 col-md-5"> <img class="w-100 mb-3 img-fluid image-slider" src="https://itb.ac.id/images/profil/Tatacipta-Dirgantara-ITB.jpg"> </div> <div class="col-12 col-md-7 text-white d-flex flex-column justify-content-between pb-3"> <div> <h3 class="fs-5 fw-bold text-white">Dekan FTMD ITB Terima Penghargaan Tokoh Transportasi Tahun 2024 dari BKT Kementerian Perhubungan</h3> <p class="fw-semibold mt-3"><p>JAKARTA, itb.ac.id - Dekan Fakultas Teknik Mesin dan Dirgantara, Institut Teknologi Bandung (FTMD ITB) Prof. Dr. Tatacipta Dirgantara, M.T., menerima Penghargaan Tokoh Transportasi Tahun 2024 dari Badan Kebijakan Transportasi (BKT) Kementerian Perhubungan.</p></p> </div> <!-- <p class="py-3"><a href="https://itb.ac.id/staff/profile/dekan-ftmd-itb-terima-penghargaan-tokoh-transportasi-tahun-2024-dari-bkt-kementerian-perhubungan" class="btn btn-outline-info block-more-05">Read more</a></p> --> <div class="mt-3"><a href="https://itb.ac.id/staff/profile/dekan-ftmd-itb-terima-penghargaan-tokoh-transportasi-tahun-2024-dari-bkt-kementerian-perhubungan" class="fw-semibold text-white btn-profil-more p-1 text-decoration-none">Read more</a></div> </div> </div> </div> </div> <div class="carousel-indicators position-relative mt-5"> <button type="button" data-bs-target="#headlineslider" data-bs-slide-to="0" class="active btn-profil-slider" aria-current="true" aria-label="Slide 0"></button> <button type="button" data-bs-target="#headlineslider" data-bs-slide-to="1" aria-label="Slide 1"></button> <button type="button" data-bs-target="#headlineslider" data-bs-slide-to="2" aria-label="Slide 2"></button> </div> </div> </div> </div> </div> </section> <style> .area_body{ background-color: #005aab; color:white; } .direktori hr { opacity: unset; border-width: 5px; width: 4%; border-color: #005aab; border-radius: 10px; } .post-img a img { object-fit: cover; object-position: center; width : 100%; } .area-img { overflow: hidden !important; position: relative !important; } .img-cover{ transition: all 1.2s; } .post-img:hover .img-cover { transform: scale(1.2) ; } </style> <section id="directories" class="bg-5"> <div class="container py-5 direktori"> <h2 class="fw-semibold text-body-emphasis m-0">Directories</h2> <hr class="mt-2 mb-3"> <div class="row d-flex justify-content-between"> <div class="col-12 col-md-4 mb-2"> <div class="card post-img position-relative"> <div class="area-img"> <a href="/staf/listby/"><img class="img-cover" src="/files/dokumentasi/dosen-sbm.jpg" alt="..."></a> </div> <div class="area_body card-body"> <h5 class="card-title">Staff</h5> <p class="card-text">Explore complete information on ITB staff that has been sorted alphabetically or based on Research Groups Faculty/Schools.</p> <div class="text-right mt-4"><a href="/staf/listby/" class="fw-semibold text-white">Read more</a></div> </div> </div> </div> <div class="col-12 col-md-4 mb-2"> <div class="post-img card position-relative"> <div class="area-img"> <a href="/researchers-profilei"><img class="img-cover" src="/files/dokumentasi/penelitian-sith.jpg" alt="..."></a> </div> <div class="area_body card-body"> <h5 class="card-title">Researchers</h5> <p class="card-text">ITB has many excellent researchers who have achieved prestigious awards on science and technology such as Habibie Award and Bakrie Award.</p> <div class="text-right mt-4"><a href="/researchers-profilei" class="fw-semibold text-white">Read more</a></div> </div> </div> </div> <div class="col-12 col-md-4 mb-2"> <div class="post-img card position-relative"> <div class="area-img"> <a href="/administration-staff-profilen"><img class="img-cover" src="/files/dokumentasi/photo-tendik.jpg" alt="..."></a> </div> <div class="area_body card-body"> <h5 class="card-title">Administration Staff</h5> <p class="card-text">The educational administration process will not run without the contribution of ITB administration staff. Get to know more of them here.</p> <div class="text-right mt-4"><a href="/administration-staff-profile" class="fw-semibold text-white">Read more</a></div> </div> </div> </div> <!--<div class="col-12 col-md-4 mb-5 d-flex align-items-center flex-column ">--> <!-- <div class="post-img position-relative shadow">--> <!-- <a href="/staf/listby/" class="d-block"><img src="/files/dokumentasi/photo-dosen.jpg" alt="" class="w-100 img-cover"></a>--> <!-- </div>--> <!-- <div class="area_body px-3 shadow">--> <!-- <h3 class="text-center mt-3 fs-5 fw-semibold">Dosen</h3>--> <!-- <p class="my-3">Telusuri informasi lengkap mengenai staf ITB yang telah disortir berdasarkan abjad atau kelompok keahlian fakultas.</p>--> <!-- <div class="text-right mt-4 pb-3"><a href="/staf/listby/" class=" fw-semibold text-white">Selengkapnya</a></div>--> <!-- </div>--> <!--</div>--> <!--<div class="col-12 col-md-4 mb-5 d-flex align-items-center flex-column">--> <!-- <div class="post-img position-relative">--> <!-- <a href="/profil-peneliti" class="d-block"><img src="/files/dokumentasi/1577457578-photo-penelitian.jpg" alt="" class="w-100 img-cover"></a>--> <!-- </div>--> <!-- <div class="area_body px-3 shadow">--> <!-- <h3 class="text-center mt-3 fs-5 fw-semibold">Peneliti</h3>--> <!-- <p class="my-3">ITB memiliki peneliti-peneliti unggul yang mendapatkan penghargaan bergengsi di bidang ilmu pengetahuan dan teknologi seperti Habibie Award dan Bakrie Award.</p>--> <!-- <div class="text-right mt-4 pb-3"><a href="/profil-peneliti" class="fw-semibold text-white">Selengkapnya</a></div>--> <!-- </div>--> <!--</div>--> <!--<div class="col-12 col-md-4 mb-5 d-flex align-items-center flex-column">--> <!-- <div class="post-img position-relative shadow">--> <!-- <a href="/profil-tenaga-kependidikan" class="d-block"><img src="/files/dokumentasi/photo-tendik.jpg" alt="" class="w-100 img-cover"></a>--> <!-- </div>--> <!-- <div class="area_body px-3 shadow">--> <!-- <h3 class="text-center mt-3 fs-5 fw-semibold">Tenaga Kependidikan</h3>--> <!-- <p class="my-3">Proses administrasi pendidikan tidak akan berjalan tanpa kontribusi para tenaga kependidikan ITB. Kenali lebih jauh di sini.</p>--> <!-- <div class="text-right mt-4 pb-3"><a href="/profil-tenaga-kependidikan" class="fw-semibold text-white">Selengkapnya</a></div>--> <!-- </div>--> <!--</div>--> </div> </div> </section> <footer> <style> .area-icon img { border: 2px solid #005aab; padding : 2px; } .area-informasi h3 { background-color: #005aab; padding : 5px; color: white; } </style> <div class="container p-4 block-29" id="multikampus"> <div class="row justify-content-md-center"> <div class="col-12 col-md-3 mb-4 block-26"> <div class="row"> <div class="col-md-3 col-2 area-icon"><img src="/images/icons/ganesha-itb-footer.jpg" class="rounded float-right" alt="ITB Kampus Ganesha" width="40" height="40"></div> <div class="col-md-9 col-10 area-informasi"> <h3 class="fs-6 fw-semibold">ITB Ganesha Campus</h3> <p class="fs-7">Jl. Ganesa No. 10<br> Coblong, Kota Bandung, Jawa Barat<br> Indonesia 40132<br> <svg class="svg-inline--fa fa-envelope me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg><a href="mailto:humas@itb.ac.id" class="d-inline font-weight-normal">humas@itb.ac.id</a><br> </p> </div> </div> </div> <div class="col-12 col-md-3 mb-4 block-26"> <div class="row"> <div class="col-md-3 col-2 area-icon"><img src="/images/icons/jatinangor-itb-footer.jpg" class="rounded float-right" alt="ITB Kampus Jatinangor" width="40" height="40"></div> <div class="col-md-9 col-10 area-informasi"> <h3 class="fs-6 fw-semibold">ITB Jatinangor Campus</h3> <p class="fs-7"> Jl. Let. Jen. Purn. Dr. (HC) Mashudi No. 1<br> Jatinangor, Kab. Sumedang, Jawa Barat<br> Indonesia 45363<br> <svg class="svg-inline--fa fa-envelope me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg><a href="mailto:humas_jatinangor@itb.ac.id" class="d-inline font-weight-normal">humas_jatinangor@itb.ac.id</a><br> </p> </div> </div> </div> <div class="col-12 col-md-3 mb-4 block-26"> <div class="row"> <div class="col-md-3 col-2 area-icon"><img src="/images/icons/cirebon-itb-footer.jpg" class="rounded float-right" alt="ITB Kampus Cirebon" width="40" height="40"></div> <div class="col-md-9 col-10 area-informasi"> <h3 class="fs-6 fw-semibold">ITB Cirebon Campus</h3> <p class="fs-7"> Jl. Kebonturi<br> Arjawinangun, Kab. Cirebon, Jawa Barat<br> Indonesia 45162<br> <svg class="svg-inline--fa fa-envelope me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg><a href="mailto:kampuscirebon@itb.ac.id" class="d-inline font-weight-normal">kampuscirebon@itb.ac.id</a><br> </p> </div> </div> </div> <div class="col-12 col-md-3 mb-4 block-26"> <div class="row"> <div class="col-md-3 col-2 area-icon"><img src="/images/icons/jakarta-itb-footer.jpg" class="rounded float-right" alt="ITB Kampus Jakarta" width="40" height="40"></div> <div class="col-md-9 col-10 area-informasi"> <h3 class="fs-6 fw-semibold">ITB Jakarta Campus</h3> <p class="fs-7"> Gedung Graha Irama (Indorama) Lt. 10 & 12<br> Jl. H. R. Rasuna Said Kav. 1 Setiabudi<br> Kota Jakarta Selatan, DKI Jakarta Indonesia 12950<br> <svg class="svg-inline--fa fa-envelope me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg><a href="mailto:kampusjakarta@itb.ac.id" class="d-inline font-weight-normal">kampusjakarta@itb.ac.id</a> </p> </div> </div> </div> </div> </div> <section id="menubottom" class="position-absolute w-100 bg-white px-2 mt-3"> <div class="container mb-4 mt-5"> <div class="row"> <div class="col-12 pb-5 text-center d-none d-lg-block d-xl-none"> <a href="/contact" class="btn btn-light block-more-02" role="button">kontak lanjut</a> </div> <div class="col-12 d-none d-sm-block"> <div class="row d-flex justify-content-between" id="footermenu"> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">About ITB</h3> <ul> <li> <a href="https://itb.ac.id/history" class="text-decoration-none" title="History" target="_self" >History</a> </li> <li> <a href="https://itb.ac.id/visit" class="text-decoration-none" title="Visit" target="_self" >Visit</a> </li> <li> <a href="https://itb.ac.id/download" class="text-decoration-none" title="Download" target="_self" >Download</a> </li> <li> <a href="/directories" class="text-decoration-none" title="Directories" target="_self" >Directories</a> </li> <li> <a href="http://petakampus.itb.ac.id/" class="text-decoration-none" title="Campus Map" target="_blank" >Campus Map</a> </li> </ul> </div> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">Admission</h3> <ul> <li> <a href="https://itb.ac.id/graduate" class="text-decoration-none" title="Graduate" target="_self" >Graduate</a> </li> <li> <a href="https://itb.ac.id/student-exchange" class="text-decoration-none" title="Student Exchange" target="_self" >Student Exchange</a> </li> <li> <a href="https://itb.ac.id/professional" class="text-decoration-none" title="Professional" target="_self" >Professional</a> </li> <li> <a href="https://itb.ac.id/undergraduate" class="text-decoration-none" title="Undergraduate" target="_self" >Undergraduate</a> </li> <li> <a href="https://itb.ac.id/international-students" class="text-decoration-none" title="International Student" target="_self" >International Student</a> </li> </ul> </div> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">Education</h3> <ul> <li> <a href="https://itb.ac.id/faculties-and-schools" class="text-decoration-none" title="Faculties and Schools " target="_self" >Faculties and Schools </a> </li> <li> <a href="https://itb.ac.id/programs" class="text-decoration-none" title="Programs" target="_self" >Programs</a> </li> <li> <a href="https://itb.ac.id/scholarship" class="text-decoration-none" title="Scholarship" target="_self" >Scholarship</a> </li> <li> <a href="https://edunex.itb.ac.id/edunex-landing" class="text-decoration-none" title="Distance Learning " target="_self" >Distance Learning </a> </li> <li> <a href="https://edunex.itb.ac.id/edunex-landing" class="text-decoration-none" title="Blended Learning" target="_self" >Blended Learning</a> </li> <li> <a href="https://lib.itb.ac.id/" class="text-decoration-none" title="Digital Library" target="_self" >Digital Library</a> </li> <li> <a href="/agenda/academic" class="text-decoration-none" title="Academic Agenda" target="_self" >Academic Agenda</a> </li> </ul> </div> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">Research</h3> <ul> <li> <a href="https://itb.ac.id/research" class="text-decoration-none" title="Research" target="_self" >Research</a> </li> <li> <a href="https://itb.ac.id/research-group" class="text-decoration-none" title="Research Groups" target="_self" >Research Groups</a> </li> <li> <a href="https://itb.ac.id/journal" class="text-decoration-none" title="Journal" target="_self" >Journal</a> </li> </ul> </div> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">Community Services</h3> <ul> <li> <a href="https://dkst.itb.ac.id/" class="text-decoration-none" title="DKST" target="_blank" >DKST</a> </li> <li> <a href="https://drpm.itb.ac.id/" class="text-decoration-none" title="DRPM" target="_blank" >DRPM</a> </li> <li> <a href="https://dpitm.itb.ac.id/" class="text-decoration-none" title="DPITM" target="_blank" >DPITM</a> </li> <li> <a href="https://partnership.itb.ac.id/" class="text-decoration-none" title="Partnership" target="_blank" >Partnership</a> </li> <li> <a href="https://bpudl.itb.ac.id/" class="text-decoration-none" title="BPUDL" target="_blank" >BPUDL</a> </li> </ul> </div> </div> </div> <div class="col-12 d-block d-sm-none"> <div class="accordion"> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">About ITB</h3> <span class="icon" aria-hidden="true"></span> </button> <div class="accordion-content"> <ul class="list-unstyled"> <li> <small> <a href="https://itb.ac.id/history" class="text-decoration-none" target="_self" >History</a> </small> </li> <li> <small> <a href="https://itb.ac.id/visit" class="text-decoration-none" target="_self" >Visit</a> </small> </li> <li> <small> <a href="https://itb.ac.id/download" class="text-decoration-none" target="_self" >Download</a> </small> </li> <li> <small> <a href="/directories" class="text-decoration-none" target="_self" >Directories</a> </small> </li> <li> <small> <a href="http://petakampus.itb.ac.id/" class="text-decoration-none" target="_blank" >Campus Map</a> </small> </li> </ul> </div> </div> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">Admission</h3> <span class="icon" aria-hidden="true"></span> </button> <div class="accordion-content"> <ul class="list-unstyled"> <li> <small> <a href="https://itb.ac.id/graduate" class="text-decoration-none" target="_self" >Graduate</a> </small> </li> <li> <small> <a href="https://itb.ac.id/student-exchange" class="text-decoration-none" target="_self" >Student Exchange</a> </small> </li> <li> <small> <a href="https://itb.ac.id/professional" class="text-decoration-none" target="_self" >Professional</a> </small> </li> <li> <small> <a href="https://itb.ac.id/undergraduate" class="text-decoration-none" target="_self" >Undergraduate</a> </small> </li> <li> <small> <a href="https://itb.ac.id/international-students" class="text-decoration-none" target="_self" >International Student</a> </small> </li> </ul> </div> </div> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">Education</h3> <span class="icon" aria-hidden="true"></span> </button> <div class="accordion-content"> <ul class="list-unstyled"> <li> <small> <a href="https://itb.ac.id/faculties-and-schools" class="text-decoration-none" target="_self" >Faculties and Schools </a> </small> </li> <li> <small> <a href="https://itb.ac.id/programs" class="text-decoration-none" target="_self" >Programs</a> </small> </li> <li> <small> <a href="https://itb.ac.id/scholarship" class="text-decoration-none" target="_self" >Scholarship</a> </small> </li> <li> <small> <a href="https://edunex.itb.ac.id/edunex-landing" class="text-decoration-none" target="_self" >Distance Learning </a> </small> </li> <li> <small> <a href="https://edunex.itb.ac.id/edunex-landing" class="text-decoration-none" target="_self" >Blended Learning</a> </small> </li> <li> <small> <a href="https://lib.itb.ac.id/" class="text-decoration-none" target="_self" >Digital Library</a> </small> </li> <li> <small> <a href="/agenda/academic" class="text-decoration-none" target="_self" >Academic Agenda</a> </small> </li> </ul> </div> </div> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">Research</h3> <span class="icon" aria-hidden="true"></span> </button> <div class="accordion-content"> <ul class="list-unstyled"> <li> <small> <a href="https://itb.ac.id/research" class="text-decoration-none" target="_self" >Research</a> </small> </li> <li> <small> <a href="https://itb.ac.id/research-group" class="text-decoration-none" target="_self" >Research Groups</a> </small> </li> <li> <small> <a href="https://itb.ac.id/journal" class="text-decoration-none" target="_self" >Journal</a> </small> </li> </ul> </div> </div> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">Community Services</h3> <span class="icon" aria-hidden="true"></span> </button> <div class="accordion-content"> <ul class="list-unstyled"> <li> <small> <a href="https://dkst.itb.ac.id/" class="text-decoration-none" target="_blank" >DKST</a> </small> </li> <li> <small> <a href="https://drpm.itb.ac.id/" class="text-decoration-none" target="_blank" >DRPM</a> </small> </li> <li> <small> <a href="https://dpitm.itb.ac.id/" class="text-decoration-none" target="_blank" >DPITM</a> </small> </li> <li> <small> <a href="https://partnership.itb.ac.id/" class="text-decoration-none" target="_blank" >Partnership</a> </small> </li> <li> <small> <a href="https://bpudl.itb.ac.id/" class="text-decoration-none" target="_blank" >BPUDL</a> </small> </li> </ul> </div> </div> </div> </div> <div class="col-12 pt-5 text-center mb-5"> <a href="https://www.facebook.com/institutteknologibandung" target="_blank" class="text-decoration-none m-3"> <i class="fa-brands fa-facebook fa-fade fs-3" style="--fa-animation-duration: 2.5s; --fa-fade-opacity: 0.6; --fa-flip-x: 1; --fa-flip-y: 0;"></i> </a> <a href="https://www.instagram.com/itb1920/" target="_blank" class="text-decoration-none m-3"> <i class="fa-brands fa-instagram fa-fade fs-3" style="--fa-animation-duration: 3s; --fa-fade-opacity: 0.6; --fa-flip-x: 1; --fa-flip-y: 0;"></i> </a> <a href="https://twitter.com/itbofficial" target="_blank" class="text-decoration-none m-3"> <i class="fa-brands fa-x-twitter fa-fade fs-3" style="--fa-animation-duration: 3.5s; --fa-fade-opacity: 0.6; --fa-flip-x: 1; --fa-flip-y: 0;"></i> </a> <a href="https://www.tiktok.com/@itbofficial" target="_blank" class="text-decoration-none m-3"> <i class="fa-brands fa-tiktok fa-fade fs-3" style="--fa-animation-duration: 4s; --fa-fade-opacity: 0.6; --fa-flip-x: 1; --fa-flip-y: 0;"></i> </a> <a href="https://www.youtube.com/user/itbofficial" target="_blank" class="text-decoration-none m-3"> <i class="fa-brands fa-youtube fa-fade fs-3" style="--fa-animation-duration: 4.5s; --fa-fade-opacity: 0.6; --fa-flip-x: 1; --fa-flip-y: 0;"></i> </a> </div> <div class="col-12 text-center"> <small> <a href="https://itb.ac.id/news" class="text-decoration-none">News</a> · <a href="https://itb.ac.id/event" class="text-decoration-none">Agenda</a> · <a href="https://itb.ac.id/focus" class="text-decoration-none">Focus</a> · <a href="https://itb.ac.id/ebook/" class="text-decoration-none">E-Book</a> </small> </div> </div> </div> </section> </footer> <div id="btn-feedback"></div> <button type="button" class="btn btn-secondary btn-floating btn-sm bg-04" id="btn-back-to-top"> <i class="fas fa-arrow-up"></i> </button> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/js/all.js" integrity="sha512-HAXr8ULpyrhyIF0miP+mFTwOagNI+UVA38US1XdtBbkU7mse59ar0ck4KBil/jyzkTO37DWLfRQvEeUWgwHu0g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://itb.ac.id/assets/js/raphael-min.js"></script> <script src="https://itb.ac.id/assets/js/jquery-3.7.1.min.js"></script> <script src="https://itb.ac.id/assets/js/bootstrap.min.js"></script> <script src="https://itb.ac.id/assets/js/owl.carousel.min.js"></script> <script src="https://itb.ac.id/assets/js/parallax.js"></script> <script src="https://itb.ac.id/assets/js/script.js"></script> <script src="https://itb.ac.id/assets/js/menu.js"></script> <script src="https://itb.ac.id/assets/js/backtotop.min.js"></script> <script src="https://itb.ac.id//assets/js/accessibility.js"></script> <script> $(document).ready(function() { $('#btn-feedback').openAccessibility({ iconSize: 's', highlightedLinks: true, localization: ['en'] }); $(".open-accessibility-reset-button").trigger("click", { preventDefault: function() { console.log("Click event prevented."); } }); }) </script> <script> console.log('07-04-2025 14:40:25'); </script> <!-- GOOGLE ANALYTICS START --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-567298-2', 'auto'); ga('send', 'pageview'); </script> <!-- GOOGLE ANALYTICS END --> </body> </html>