Institut Teknologi Bandung

<!DOCTYPE html> <html lang="id-ID"> <head> <title> 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="">  <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="" /> <meta property="og:url" content="https://itb.ac.id/" /> <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" />   <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="" /> <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=202411302039" 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"> <style> /* topnews */ .topnews { background-color: #f1f1f1; } .header-images, .header-images img { height: 35vh !important; max-height: 35vh !important; } .header-images img { object-fit: cover !important; width: 100% !important; } .card-top-news .title { background-color: #1a284d !important; color: white; } .post-images:hover .img-fluid { transform: scale(1.2); } .post-images { overflow: hidden; position: relative; } .img-fluid { transition: all 1.1s; } /* Headline News */ .headline_news hr, .latest_news hr, .area_agenda hr, .area_video hr { opacity: unset; border-width: 5px; width: 4%; border-color: #005aab; border-radius: 10px; } .card-img-overlay { background: rgba(0, 0, 0, .4) !important; } .card-overlay img { object-fit: cover; object-position: center; } .card-overlay { overflow: hidden; position: relative; } .card-img { transition: all 1.1s; } .card-overlay:hover .card-img { transform: scale(1.2); } .card-overlay a:hover { text-decoration-color: #005aab; text-decoration-thickness: 2px; } .btn-more a { color: #005aab; border: 2px solid #005aab; } .btn-more a:hover { text-decoration: none; background-color: #005aab; color: white; } @media (max-width: 767.98px) { .headline-images, .header-images { height: 25vh !important; max-height: 25vh !important; } .headline_news hr, .latest_news hr, .area_agenda hr, .area_video hr { opacity: unset; border-width: 5px; width: 10%; border-color: #005aab; border-radius: 10px; } } </style> </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/staf" class="nav-link text-white text-decoration-none" title="Staf">Staf</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/mahasiswa" class="nav-link text-white text-decoration-none" title="Mahasiswa">Mahasiswa</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/mitra" class="nav-link text-white text-decoration-none" title="Mitra">Mitra</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/pengunjung" class="nav-link text-white text-decoration-none" title="Pengunjung">Pengunjung</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/pers" class="nav-link text-white text-decoration-none" title="Pers">Pers</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/kontak" class="nav-link text-white text-decoration-none" title="Kontak"><i class="fa-regular fa-envelope"></i> Kontak</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="Cari"><i class="fa-solid fa-magnifying-glass"></i> Cari</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> <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/tentang-itb" title="Tentang ITB" class="nav-link text-white p-0">Tentang ITB</a></li> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/penerimaan" title="Penerimaan" class="nav-link text-white p-0">Penerimaan</a></li> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/pendidikan" title="Pendidikan" class="nav-link text-white p-0">Pendidikan</a></li> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/penelitian" title="Penelitian" class="nav-link text-white p-0">Penelitian</a></li> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/pengabdian" title="Pengabdian" class="nav-link text-white p-0">Pengabdian</a></li> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/penghargaan" title="Penghargaan" class="nav-link text-white p-0">Penghargaan</a></li> <li class="d-none d-sm-block px-2 nav-menu fw-semibold"><a href="https://itb.ac.id/multikampus" title="Multikampus" class="nav-link text-white p-0">Multikampus</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/staf" class="nav-link" title="Staf">Staf</a></li> <li><a href="https://itb.ac.id/mahasiswa" class="nav-link" title="Mahasiswa">Mahasiswa</a></li> <li><a href="https://itb.ac.id/mitra" class="nav-link" title="Mitra">Mitra</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/pengunjung" class="nav-link" title="Pengunjung">Pengunjung</a></li> <li><a href="https://itb.ac.id/pers" class="nav-link" title="Pers">Pers</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/tentang-itb">Tentang ITB</a></h4> <li> <a class="nav-link" href="https://itb.ac.id/sejarah" title="Sejarah" target="_self" >Sejarah </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/visi-dan-misi" title="Visi dan Misi" target="_self" >Visi dan Misi </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/tugas-dan-fungsi" title="Tugas dan Fungsi" target="_self" >Tugas dan Fungsi </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/pimpinan" title="Pimpinan" target="_self" >Pimpinan </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/landasan-hukum" title="Landasan Hukum" target="_self" >Landasan Hukum </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/struktur-organisasi" title="Struktur Organisasi" target="_self" >Struktur Organisasi </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/majelis-wali-amanat" title="Majelis Wali Amanat" target="_self" >Majelis Wali Amanat </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/senat-akademik" title="Senat Akademik" target="_self" >Senat Akademik </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/multikampus" title="Multikampus" target="_self" >Multikampus </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/kunjungan" title="Kunjungan" target="_self" >Kunjungan </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/penerimaan">Penerimaan</a></h4> <li> <a class="nav-link" href="https://itb.ac.id/sarjana" title="Sarjana" target="_self" >Sarjana </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/pascasarjana" title="Pascasarjana" target="_self" >Pascasarjana </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/profesi" title="Profesi" target="_self" >Profesi </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/pertukaran-mahasiswa" title="Pertukaran Mahasiswa" target="_self" >Pertukaran Mahasiswa </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/kelas-internasional" title="Kelas Internasional" target="_self" >Kelas Internasional </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/pendidikan">Pendidikan</a></h4> <li> <a class="nav-link" href="https://itb.ac.id/fakultas-dan-sekolah" title="Fakultas dan Sekolah" target="_self" >Fakultas dan Sekolah </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/program-studi" title="Program Studi" target="_self" >Program Studi </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/kelompok-keahliankeilmuan" title="Kelompok Keahlian/Keilmuan" target="_self" >Kelompok Keahlian/Keilmuan </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/beasiswa" title="Beasiswa" target="_self" >Beasiswa </a> </li> <li> <a class="nav-link" href="/staff/" title="Staf" target="_self" >Staf </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="kehidupan-kampus">Kampus</a></h4> <li> <a class="nav-link" href="https://itb.ac.id/aktivitas-mahasiswa" title="Aktivitas Mahasiswa" target="_self" >Aktivitas Mahasiswa </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/jelajah" title="Jelajah" target="_self" >Jelajah </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/program-alumni" title="Program" target="_self" >Program </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/profil-alumni" title="Profil" target="_self" >Profil </a> </li> <li> <a class="nav-link" href="https://itb.ac.id/donasi" title="Donasi" target="_self" >Donasi </a> </li> </ul> </li> </ul> </div> </div> </div> </nav> <div id="headlineCarousel" class="carousel slide mb-6" data-bs-ride="carousel"> <div class="carousel-indicators"> <button type="button" data-bs-target="#headlineCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 0"></button> <button type="button" data-bs-target="#headlineCarousel" data-bs-slide-to="1" aria-label="Slide 1"></button> <button type="button" data-bs-target="#headlineCarousel" data-bs-slide-to="2" aria-label="Slide 2"></button> <button type="button" data-bs-target="#headlineCarousel" data-bs-slide-to="3" aria-label="Slide 3"></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <a href="https://itb.ac.id/berita/prof-tatacipta-dirgantara-terpilih-sebagai-rektor-itb-2025-2030/61735"> <img data-src="https://itb.ac.id/files/headline/Slider%20Rektor%20Terpilih.png" class="img-fluid lazy" width="2666" height="1000" alt="Rektor Terpilih 2025 - 2030" src="https://itb.ac.id/files/headline/Slider%20Rektor%20Terpilih.png"> </a> </div> <div class="carousel-item "> <a href=""> <img data-src="https://itb.ac.id/files/headline/1723017453-Screenshot-2024-08-07-145241.jpg" class="img-fluid lazy" width="2666" height="1000" alt="webometrics 2024" src="https://itb.ac.id/files/headline/1723017453-Screenshot-2024-08-07-145241.jpg"> </a> </div> <div class="carousel-item "> <a href="https://www.itb.ac.id/berita/qs-wur-2025-itb-raih-peringkat-256-dunia/60769"> <img data-src="https://itb.ac.id/files/headline/IND_%281%291.jpg" class="img-fluid lazy" width="2666" height="1000" alt="ITB QS 256" src="https://itb.ac.id/files/headline/IND_%281%291.jpg"> </a> </div> <div class="carousel-item "> <a href="http://jdih.itb.ac.id"> <img data-src="https://itb.ac.id/files/headline/jdih_in_%281%29.jpg" class="img-fluid lazy" width="2666" height="1000" alt="JDIH 2024" src="https://itb.ac.id/files/headline/jdih_in_%281%29.jpg"> </a> </div> </div> </div> <section id="topheadernews" class="bg-3 px-2" class="topnews"> <div class="container py-5 "> <div class="row"> <div class="col-12 col-md-6"> <div class="row"> <div class="col mb-2 card-top-news"> <h2 class="title mb-3">Sambutan Rektor</h2> <div class="text-black bg-body-secondary mb-3 text-center post-images header-images"> <a href="https://itb.ac.id/kolom-rektor/sambutan-rektor/etika-sosial-di-era-artificial-intelligence" title="Etika Sosial di era Artificial Intelligence"> <img class="img-fluid" src="https://itb.ac.id/images/rektor/DSC01016.jpg" alt="Etika Sosial di era Artificial Intelligence"> </a> </div> <h3 class="fs-6 fw-semibold">Etika Sosial di era Artificial Intelligence</h3> <p>Saya ucapkan selamat kepada seluruh wisudawan. Saya sampaikan rasa terima kasih kepada orang tua Saudara yang telah memercayakan putra-putrinya kepada kami guna menempuh pendidikan di ITB. Semoga Tuhan yang Maha Kuasa dan Maha Pengasih senantiasa melimpahkan Rahmat dan Karunia kepada kita, sehingga kita dapat bersama-sama meraih kehidupan yang lebih baik, kemajuan di berbagai bidang, serta martabat yang terpandang di masyarakat dunia. </p> </div> </div> </div> <div class="col-12 col-md-6"> <div class="row"> <div class="col mb-5 card-top-news"> <h2 class="title mb-3">Sorotan</h2> <div class="text-black bg-body-secondary mb-3 text-center post-images header-images"> <a href="https://itb.ac.id/berita/itb-menempati-posisi-teratas-dalam-daftar-worlds-top-2-scientist-2024-di-indonesia/61395" title="ITB Menempati Posisi Teratas dalam Daftar World’s Top 2% Scientist 2024 di Indonesia"> <img class="img-fluid" src="https://www.itb.ac.id/files/dokumentasi/1727180712-Dosen-ITB-1.jpg" alt="ITB Menempati Posisi Teratas dalam Daftar World’s Top 2% Scientist 2024 di Indonesia"> </a> </div> <h3 class="fs-6 fw-semibold">ITB Menempati Posisi Teratas dalam Daftar World’s Top 2% Scientist 2024 di Indonesia</h3> <p>BANDUNG, itb.ac.id – Institut Teknologi Bandung (ITB) kembali mencatatkan prestasi gemilang di kancah internasional. Sebanyak 14 dosen ITB berhasil masuk dalam daftar World’s Top 2% Scientist 2024 versi Stanford University dan Elsevier. Jumlah ini meningkat signifikan dibandingkan tahun lalu, di mana hanya 9 dosen yang tercatat. Dengan pencapaian ini, ITB, walaupun jumlah dosennya tidak sebanyak universitas lain, berhasil menempati posisi teratas di antara perguruan tinggi di Indonesia. Ke-14 dosen tersebut adalah:</p> </div> </div> </div> </div> </div> </section> <section id="headlinenews" class="px-2 headline_news"> <div class="container py-4"> <h2 class="display-6 fw-semibold text-body-emphasis m-0 p-0">Berita Utama</h2> <hr class="mt-2 mb-1"> <div class="row py-3 row-cols-1 row-cols-md-3 row-cols-lg-3"> <div class="col mb-5"> <div class="row"> <div class="col-4 col-md-12"> <div class="card d-none d-sm-none d-md-block d-lg-block text-white position-relative card-overlay"> <a href="https://itb.ac.id/berita/prof-tatacipta-dirgantara-terpilih-sebagai-rektor-itb-2025-2030/61735" title="Prof. Tatacipta Dirgantara Terpilih Sebagai Rektor ITB 2025-2030"> <img src="https://itb.ac.id/files/dokumentasi/WhatsApp-Image-2024-11-28-at-11.45.26_93c8db4b.jpg" alt="Prof. Tatacipta Dirgantara Terpilih Sebagai Rektor ITB 2025-2030" class="card-img" height="350px"></a> <div class="card-img-overlay "> <div class="position-absolute bottom-0 start-0 p-3"> <a href="https://itb.ac.id/berita/prof-tatacipta-dirgantara-terpilih-sebagai-rektor-itb-2025-2030/61735" title="Prof. Tatacipta Dirgantara Terpilih Sebagai Rektor ITB 2025-2030"> <h3 class="fs-6 fw-semibold text-white">Prof. Tatacipta Dirgantara Terpilih Sebagai Rektor ITB 2025-2030</h3> </a> </div> </div> </div> </div> <div class="container"> <div class="d-sm-block d-lg-none d-md-none text-black bg-body-secondary mb-3 text-center post-images headline-images"> <a href="https://itb.ac.id/berita/prof-tatacipta-dirgantara-terpilih-sebagai-rektor-itb-2025-2030/61735" title="Prof. Tatacipta Dirgantara Terpilih Sebagai Rektor ITB 2025-2030" class=""><img src="https://itb.ac.id/files/dokumentasi/WhatsApp-Image-2024-11-28-at-11.45.26_93c8db4b.jpg" alt="Prof. Tatacipta Dirgantara Terpilih Sebagai Rektor ITB 2025-2030" class="img-fluid"></a> </div> <div class="d-sm-block d-lg-none d-md-none col-12"> <a href="https://itb.ac.id/berita/prof-tatacipta-dirgantara-terpilih-sebagai-rektor-itb-2025-2030/61735" title="Prof. Tatacipta Dirgantara Terpilih Sebagai Rektor ITB 2025-2030"> <h3 class="fs-6 fw-semibold">Prof. Tatacipta Dirgantara Terpilih Sebagai Rektor ITB 2025-2030</h3> </a> </div> </div> </div> </div> <div class="col mb-5"> <div class="row"> <div class="col-4 col-md-12"> <div class="card d-none d-sm-none d-md-block d-lg-block text-white position-relative card-overlay"> <a href="https://itb.ac.id/berita/itb-launching-berbagai-fasilitas-multikampus-dan-program-pengembangan/61705" title="ITB Launching Berbagai Fasilitas Multikampus dan Program Pengembangan"> <img src="https://itb.ac.id/files/dokumentasi/berita-1.JPG" alt="ITB Launching Berbagai Fasilitas Multikampus dan Program Pengembangan" class="card-img" height="350px"></a> <div class="card-img-overlay "> <div class="position-absolute bottom-0 start-0 p-3"> <a href="https://itb.ac.id/berita/itb-launching-berbagai-fasilitas-multikampus-dan-program-pengembangan/61705" title="ITB Launching Berbagai Fasilitas Multikampus dan Program Pengembangan"> <h3 class="fs-6 fw-semibold text-white">ITB Launching Berbagai Fasilitas Multikampus dan Program Pengembangan</h3> </a> </div> </div> </div> </div> <div class="container"> <div class="d-sm-block d-lg-none d-md-none text-black bg-body-secondary mb-3 text-center post-images headline-images"> <a href="https://itb.ac.id/berita/itb-launching-berbagai-fasilitas-multikampus-dan-program-pengembangan/61705" title="ITB Launching Berbagai Fasilitas Multikampus dan Program Pengembangan" class=""><img src="https://itb.ac.id/files/dokumentasi/berita-1.JPG" alt="ITB Launching Berbagai Fasilitas Multikampus dan Program Pengembangan" class="img-fluid"></a> </div> <div class="d-sm-block d-lg-none d-md-none col-12"> <a href="https://itb.ac.id/berita/itb-launching-berbagai-fasilitas-multikampus-dan-program-pengembangan/61705" title="ITB Launching Berbagai Fasilitas Multikampus dan Program Pengembangan"> <h3 class="fs-6 fw-semibold">ITB Launching Berbagai Fasilitas Multikampus dan Program Pengembangan</h3> </a> </div> </div> </div> </div> <div class="col mb-5"> <div class="row"> <div class="col-4 col-md-12"> <div class="card d-none d-sm-none d-md-block d-lg-block text-white position-relative card-overlay"> <a href="https://itb.ac.id/berita/itb-dan-pt-inka-wujudkan-transportasi-cerdas-dan-ramah-lingkungan-trem-otonom-bertenaga-baterai-diuji-coba-di-solo/61644" title="ITB dan PT INKA Wujudkan Transportasi Cerdas dan Ramah Lingkungan, Trem Otonom Bertenaga Baterai Diuji Coba di Solo"> <img src="https://itb.ac.id/files/dokumentasi/Gambar-1.jpg" alt="ITB dan PT INKA Wujudkan Transportasi Cerdas dan Ramah Lingkungan, Trem Otonom Bertenaga Baterai Diuji Coba di Solo" class="card-img" height="350px"></a> <div class="card-img-overlay "> <div class="position-absolute bottom-0 start-0 p-3"> <a href="https://itb.ac.id/berita/itb-dan-pt-inka-wujudkan-transportasi-cerdas-dan-ramah-lingkungan-trem-otonom-bertenaga-baterai-diuji-coba-di-solo/61644" title="ITB dan PT INKA Wujudkan Transportasi Cerdas dan Ramah Lingkungan, Trem Otonom Bertenaga Baterai Diuji Coba di Solo"> <h3 class="fs-6 fw-semibold text-white">ITB dan PT INKA Wujudkan Transportasi Cerdas dan Ramah Lingkungan, Trem Otonom Bertenaga Baterai Diuji Coba di Solo</h3> </a> </div> </div> </div> </div> <div class="container"> <div class="d-sm-block d-lg-none d-md-none text-black bg-body-secondary mb-3 text-center post-images headline-images"> <a href="https://itb.ac.id/berita/itb-dan-pt-inka-wujudkan-transportasi-cerdas-dan-ramah-lingkungan-trem-otonom-bertenaga-baterai-diuji-coba-di-solo/61644" title="ITB dan PT INKA Wujudkan Transportasi Cerdas dan Ramah Lingkungan, Trem Otonom Bertenaga Baterai Diuji Coba di Solo" class=""><img src="https://itb.ac.id/files/dokumentasi/Gambar-1.jpg" alt="ITB dan PT INKA Wujudkan Transportasi Cerdas dan Ramah Lingkungan, Trem Otonom Bertenaga Baterai Diuji Coba di Solo" class="img-fluid"></a> </div> <div class="d-sm-block d-lg-none d-md-none col-12"> <a href="https://itb.ac.id/berita/itb-dan-pt-inka-wujudkan-transportasi-cerdas-dan-ramah-lingkungan-trem-otonom-bertenaga-baterai-diuji-coba-di-solo/61644" title="ITB dan PT INKA Wujudkan Transportasi Cerdas dan Ramah Lingkungan, Trem Otonom Bertenaga Baterai Diuji Coba di Solo"> <h3 class="fs-6 fw-semibold">ITB dan PT INKA Wujudkan Transportasi Cerdas dan Ramah Lingkungan, Trem Otonom Bertenaga Baterai Diuji Coba di Solo</h3> </a> </div> </div> </div> </div> </div> </div> </section> <section id="latestnews" class="px-2 latest_news"> <div class="container py-2"> <h2 class="display-6 fw-semibold text-body-emphasis m-0">Berita Terbaru</h2> <hr class="mt-2 mb-1"> <div class="row py-3 row-cols-2 row-cols-lg-4"> <div class="col mb-2"> <div class="text-black bg-body-secondary mb-3 text-center post-images"> <a href="https://itb.ac.id/berita/rektor-itb-hadiri-konferensi-ai-for-education-di-ntu-langkah-kembangkan-ai-untuk-transformasi-pendidikan/61745" title="Rektor ITB Hadiri Konferensi AI for Education di NTU, Langkah Kembangkan AI untuk Transformasi Pendidikan" class=""><img src="https://itb.ac.id/files/dokumentasi/Screenshot-2024-11-29-102045.jpg" alt="Rektor ITB Hadiri Konferensi AI for Education di NTU, Langkah Kembangkan AI untuk Transformasi Pendidikan" class="img-fluid "></a> </div> <a href="https://itb.ac.id/berita/rektor-itb-hadiri-konferensi-ai-for-education-di-ntu-langkah-kembangkan-ai-untuk-transformasi-pendidikan/61745" title="Rektor ITB Hadiri Konferensi AI for Education di NTU, Langkah Kembangkan AI untuk Transformasi Pendidikan"> <h3 class="fs-6 fw-semibold mb-3">Rektor ITB Hadiri Konferensi AI for Education di NTU, Langkah Kembangkan AI untuk Transformasi Pendidikan</h3> </a> <small class="fs-7 text-capitalize badge bg-warning text-dark">Utama</small> <small class="fs-7 badge bg-light text-dark"> 29 November 2024 </small> </div> <div class="col mb-2"> <div class="text-black bg-body-secondary mb-3 text-center post-images"> <a href="https://itb.ac.id/berita/orasi-ilmiah-prof-tommy-apriantono-peran-ilmu-keolahragaan-terhadap-olahraga-kesehatan-olahraga-prestasi-dan-injury-preventif-pada-olahraga-bulutangkis-dan-sepak-bola/61744" title="Orasi Ilmiah Prof. Tommy Apriantono: Peran Ilmu Keolahragaan terhadap Olahraga Kesehatan, Olahraga Prestasi, dan Injury Preventif pada Olahraga Bulutangkis dan Sepak Bola" class=""><img src="https://itb.ac.id/files/dokumentasi/1129---Tommy-Apriantono-1.JPG" alt="Orasi Ilmiah Prof. Tommy Apriantono: Peran Ilmu Keolahragaan terhadap Olahraga Kesehatan, Olahraga Prestasi, dan Injury Preventif pada Olahraga Bulutangkis dan Sepak Bola" class="img-fluid "></a> </div> <a href="https://itb.ac.id/berita/orasi-ilmiah-prof-tommy-apriantono-peran-ilmu-keolahragaan-terhadap-olahraga-kesehatan-olahraga-prestasi-dan-injury-preventif-pada-olahraga-bulutangkis-dan-sepak-bola/61744" title="Orasi Ilmiah Prof. Tommy Apriantono: Peran Ilmu Keolahragaan terhadap Olahraga Kesehatan, Olahraga Prestasi, dan Injury Preventif pada Olahraga Bulutangkis dan Sepak Bola"> <h3 class="fs-6 fw-semibold mb-3">Orasi Ilmiah Prof. Tommy Apriantono: Peran Ilmu Keolahragaan terhadap Olahraga Kesehatan, Olahraga Prestasi, dan Injury Preventif pada Olahraga Bulutangkis dan Sepak Bola</h3> </a> <small class="fs-7 text-capitalize badge bg-warning text-dark">Utama</small> <small class="fs-7 badge bg-light text-dark"> 29 November 2024 </small> </div> <div class="col mb-2"> <div class="text-black bg-body-secondary mb-3 text-center post-images"> <a href="https://itb.ac.id/berita/orasi-ilmiah-prof-ridwan-sutriadi-soroti-strategi-membangun-kota-cerdas-berkelanjutan-di-indonesia/61743" title="Orasi Ilmiah Prof. Ridwan Sutriadi Soroti Strategi Membangun Kota Cerdas Berkelanjutan di Indonesia" class=""><img src="https://itb.ac.id/files/dokumentasi/1129---Orasi-Ilmiah-Prof.-Ridwan-Sutriadi.JPG" alt="Orasi Ilmiah Prof. Ridwan Sutriadi Soroti Strategi Membangun Kota Cerdas Berkelanjutan di Indonesia" class="img-fluid "></a> </div> <a href="https://itb.ac.id/berita/orasi-ilmiah-prof-ridwan-sutriadi-soroti-strategi-membangun-kota-cerdas-berkelanjutan-di-indonesia/61743" title="Orasi Ilmiah Prof. Ridwan Sutriadi Soroti Strategi Membangun Kota Cerdas Berkelanjutan di Indonesia"> <h3 class="fs-6 fw-semibold mb-3">Orasi Ilmiah Prof. Ridwan Sutriadi Soroti Strategi Membangun Kota Cerdas Berkelanjutan di Indonesia</h3> </a> <small class="fs-7 text-capitalize badge bg-warning text-dark">Utama</small> <small class="fs-7 badge bg-light text-dark"> 28 November 2024 </small> </div> <div class="col mb-2"> <div class="text-black bg-body-secondary mb-3 text-center post-images"> <a href="https://itb.ac.id/berita/an-act-of-love-ajakan-membangun-hubungan-harmonis-sesama-manusia/61742" title="An Act of Love: Ajakan Membangun Hubungan Harmonis Sesama Manusia" class=""><img src="https://itb.ac.id/files/dokumentasi/Screenshot-2024-11-28-164229.jpg" alt="An Act of Love: Ajakan Membangun Hubungan Harmonis Sesama Manusia" class="img-fluid "></a> </div> <a href="https://itb.ac.id/berita/an-act-of-love-ajakan-membangun-hubungan-harmonis-sesama-manusia/61742" title="An Act of Love: Ajakan Membangun Hubungan Harmonis Sesama Manusia"> <h3 class="fs-6 fw-semibold mb-3">An Act of Love: Ajakan Membangun Hubungan Harmonis Sesama Manusia</h3> </a> <small class="fs-7 text-capitalize badge bg-warning text-dark">Utama</small> <small class="fs-7 badge bg-light text-dark"> 28 November 2024 </small> </div> </div> </div> <div class=" container btn-more d-flex justify-content-end align-items-center "> <a href="https://itb.ac.id/berita/indeks" class="px-2 py-2 rounded fs-7 fw-semibold mx-1" title="Selengkapnya">Selengkapnya</a>  </div> </section> <section id="agenda" class="px-2 area_agenda mt-4"> <div class="container py-2"> <div class="d-flex justify-content-between align-items-end"> <h2 class="display-6 fw-semibold text-body-emphasis m-0">Agenda</h2>  </div> <hr class="mb-0"> <div class="row g-5 py-4 mb-3 row-cols-1 row-cols-lg-3"> <div class="col"> <div class="row"> <div class="col-4 text-center"> <div class="bg-4 py-3"> <h4 class="fw-bold fs-1 text-white mb-0">14</h4> <span class="fw-semibold text-08">Dec </span> </div> </div> <div class="col-8"> <a class="link-body-emphasis" href="https://itb.ac.id/agenda/info/the-5th-igsc-uniting-science-engineering-and-policy-for-a-sustainable-future:300" title="The 5th IGSC: Uniting Science, Engineering, and Policy for a Sustainable Future"> <h3 class="fs-6 fw-semibold">The 5th IGSC: Uniting Science, Engineering, and Policy for a Sustainable Future</h3> </a> <small class="fs-7 text-body-secondary">Aula Barat (West Hall) & Civil Engineering Building of ITB</small> </div> </div> </div> <div class="col"> <div class="row"> <div class="col-4 text-center"> <div class="bg-4 py-3"> <h4 class="fw-bold fs-1 text-white mb-0">16</h4> <span class="fw-semibold text-08">Dec </span> </div> </div> <div class="col-8"> <a class="link-body-emphasis" href="https://itb.ac.id/agenda/info/pameran-riset-inovasi-dan-pengabdian-masyarakat-prima-2024:299" title="Pameran Riset, Inovasi, dan Pengabdian Masyarakat (PRIMA) 2024"> <h3 class="fs-6 fw-semibold">Pameran Riset, Inovasi, dan Pengabdian Masyarakat (PRIMA) 2024</h3> </a> <small class="fs-7 text-body-secondary">Aula Barat dan Aula Timur ITB</small> </div> </div> </div> </div> <div class="d-flex justify-content-end"> <div class="d-flex align-items-center btn-more justify-content-center"> <a href="https://itb.ac.id/agenda" class=" px-2 py-2 rounded fs-7 fw-semibold mx-1">Selengkapnya </a>  </div> </div> </div> </section> <section id="video" class="bg-3 px-2 mt-3 area_video"> <div class="container py-4"> <h2 class="display-6 fw-semibold text-body-emphasis">Video</h2> <hr class="mt-1 mb-1">  <div class="row py-3 row-cols-2 row-cols-lg-4"> <div class="col mb-2"> <div class="row">  <div class="col-4 col-12"> <div class=" bg-body-secondary mb-3 text-center post-images"> <a href="https://itb.ac.id/multimedia/w/itb-for-society-dari-sampah-menjadi-solusi-itb-dan-pengelolaan-lingkungan/cPuOGUxVnX4" class="" title="ITB FOR SOCIETY - Dari Sampah Menjadi Solusi ITB dan Pengelolaan Lingkungan"> <img data-src="https://i.ytimg.com/vi/cPuOGUxVnX4/mqdefault.jpg" class="img-fluid lazy" alt="ITB FOR SOCIETY - Dari Sampah Menjadi Solusi ITB dan Pengelolaan Lingkungan"> </a> </div> </div> <div class="col-8 col-12"> <h3 class="fs-6 fw-semibold "> <a href="https://itb.ac.id/multimedia/w/itb-for-society-dari-sampah-menjadi-solusi-itb-dan-pengelolaan-lingkungan/cPuOGUxVnX4" class="text-body-emphasis" title="ITB FOR SOCIETY - Dari Sampah Menjadi Solusi ITB dan Pengelolaan Lingkungan">ITB FOR SOCIETY - Dari Sampah Menjadi Solusi ITB dan Pengelolaan Lingkungan</a> </h3> </div> </div> </div> <div class="col mb-2"> <div class="row">  <div class="col-4 col-12"> <div class=" bg-body-secondary mb-3 text-center post-images"> <a href="https://itb.ac.id/multimedia/w/after-movie-pmb-itb-2024/F0NRButGjCU" class="" title="After Movie PMB ITB 2024"> <img data-src="https://i.ytimg.com/vi/F0NRButGjCU/mqdefault.jpg" class="img-fluid lazy" alt="After Movie PMB ITB 2024"> </a> </div> </div> <div class="col-8 col-12"> <h3 class="fs-6 fw-semibold "> <a href="https://itb.ac.id/multimedia/w/after-movie-pmb-itb-2024/F0NRButGjCU" class="text-body-emphasis" title="After Movie PMB ITB 2024">After Movie PMB ITB 2024</a> </h3> </div> </div> </div> <div class="col mb-2"> <div class="row">  <div class="col-4 col-12"> <div class=" bg-body-secondary mb-3 text-center post-images"> <a href="https://itb.ac.id/multimedia/w/look-around-itb-kampus-jatinangor/reRMIExQiIQ" class="" title="Look Around ITB Kampus Jatinangor"> <img data-src="https://i.ytimg.com/vi/reRMIExQiIQ/mqdefault.jpg" class="img-fluid lazy" alt="Look Around ITB Kampus Jatinangor"> </a> </div> </div> <div class="col-8 col-12"> <h3 class="fs-6 fw-semibold "> <a href="https://itb.ac.id/multimedia/w/look-around-itb-kampus-jatinangor/reRMIExQiIQ" class="text-body-emphasis" title="Look Around ITB Kampus Jatinangor">Look Around ITB Kampus Jatinangor</a> </h3> </div> </div> </div> <div class="col mb-2"> <div class="row">  <div class="col-4 col-12"> <div class=" bg-body-secondary mb-3 text-center post-images"> <a href="https://itb.ac.id/multimedia/w/kebaikan-untuk-hari-esok-yang-lebih-baik/7GpcVMUL9uE" class="" title="Kebaikan untuk Hari Esok yang Lebih Baik"> <img data-src="https://i.ytimg.com/vi/7GpcVMUL9uE/mqdefault.jpg" class="img-fluid lazy" alt="Kebaikan untuk Hari Esok yang Lebih Baik"> </a> </div> </div> <div class="col-8 col-12"> <h3 class="fs-6 fw-semibold "> <a href="https://itb.ac.id/multimedia/w/kebaikan-untuk-hari-esok-yang-lebih-baik/7GpcVMUL9uE" class="text-body-emphasis" title="Kebaikan untuk Hari Esok yang Lebih Baik">Kebaikan untuk Hari Esok yang Lebih Baik</a> </h3> </div> </div> </div> </div> <div class="d-flex justify-content-end align-items-center btn-more"> <a href="https://itb.ac.id/multimedia" class="px-2 py-2 rounded fs-7 fw-semibold mx-1">Selengkapnya</a>  </div> </div> </section> <div class="container py-5"> <div class="row row-cols-2 row-cols-lg-6"> <div class="col"> <div class="d-inline-flex align-items-center justify-content-center text-black mb-3"> <a href="https://jdih.itb.ac.id/" class="text-decoration-none" title="JDIH ITB"> <img data-src="images/banner-itb-jdih.png" alt="JDIH ITB" class="img-fluid border" src="images/banner-itb-jdih.png"> </a> </div> </div> <div class="col"> <div class="d-inline-flex align-items-center justify-content-center text-black mb-3"> <a href="https://itb.ac.id/gpr" class="text-decoration-none" title="ITB GPR"> <img data-src="images/banner-itb-gpr.png" alt="ITB GPR" class="img-fluid border" src="images/banner-itb-gpr.png"> </a> </div> </div> <div class="col"> <div class="d-inline-flex align-items-center justify-content-center text-black mb-3"> <a href="https://lapor.go.id/" class="text-decoration-none" title="ITB Lapor"> <img data-src="images/banner-itb-lapor.png" alt="ITB Lapor" class="img-fluid border" src="images/banner-itb-lapor.png"> </a> </div> </div> <div class="col"> <div class="d-inline-flex align-items-center justify-content-center text-black mb-3"> <a href="https://ppid.itb.ac.id/" class="text-decoration-none" title="PPID ITB"> <img data-src="images/banner-itb-ppid.png" alt="PPID ITB" class="img-fluid border" src="images/banner-itb-ppid.png"> </a> </div> </div> <div class="col"> <div class="d-inline-flex align-items-center justify-content-center text-black mb-3"> <a href="https://bai.itb.ac.id/zona-integritas-2/" class="text-decoration-none" title="Zone Integritas ITB"> <img data-src="images/banner-itb-zi.png" alt="Zone Integritas ITB" class="img-fluid border" src="images/banner-itb-zi.png"> </a> </div> </div> <div class="col"> <div class="d-inline-flex align-items-center justify-content-center text-black mb-3"> <a href="https://ppid.itb.ac.id/informasi-publik?keyword=laporan+keuangan" class="text-decoration-none" title="Laporan Keuangan ITB"> <img data-src="images/banner-itb-laporan-keuangan.png" alt="Laporan Keuangan ITB" class="img-fluid border" src="images/banner-itb-laporan-keuangan.png"> </a> </div> </div> </div> </div> <footer> <p> <br></p><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"><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"> <h3 class="fs-6 fw-semibold">ITB Kampus Ganesha</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"><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"> <h3 class="fs-6 fw-semibold">ITB Kampus Jatinangor</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"><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"> <h3 class="fs-6 fw-semibold">ITB Kampus Cirebon</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"><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"> <h3 class="fs-6 fw-semibold">ITB Kampus Jakarta</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">Tentang ITB</h3> <ul> <li> <a href="https://itb.ac.id/sejarah" class="text-decoration-none" title="Sejarah" target="_self" >Sejarah</a> </li> <li> <a href="https://itb.ac.id/kunjungan" class="text-decoration-none" title="Kunjungan" target="_self" >Kunjungan</a> </li> <li> <a href="https://itb.ac.id/unduh" class="text-decoration-none" title="Unduh" target="_self" >Unduh</a> </li> <li> <a href="/directories" class="text-decoration-none" title="Direktori" target="_self" >Direktori</a> </li> <li> <a href="http://petakampus.itb.ac.id/" class="text-decoration-none" title="Peta Kampus" target="_blank" >Peta Kampus</a> </li> </ul> </div> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">Penerimaan</h3> <ul> <li> <a href="https://itb.ac.id/pascasarjana" class="text-decoration-none" title="Pascasarjana" target="_self" >Pascasarjana</a> </li> <li> <a href="https://itb.ac.id/pertukaran-mahasiswa" class="text-decoration-none" title="Pertukaran Mahasiswa" target="_self" >Pertukaran Mahasiswa</a> </li> <li> <a href="https://itb.ac.id/profesi" class="text-decoration-none" title="Profesi" target="_self" >Profesi</a> </li> <li> <a href="https://itb.ac.id/sarjana" class="text-decoration-none" title="Sarjana" target="_self" >Sarjana</a> </li> <li> <a href="https://itb.ac.id/kelas-internasional" class="text-decoration-none" title="Kelas Internasional" target="_self" >Kelas Internasional</a> </li> </ul> </div> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">Pendidikan</h3> <ul> <li> <a href="https://itb.ac.id/fakultas-dan-sekolah" class="text-decoration-none" title="Fakultas dan Sekolah" target="_self" >Fakultas dan Sekolah</a> </li> <li> <a href="https://itb.ac.id/program-studi" class="text-decoration-none" title="Program Studi" target="_self" >Program Studi</a> </li> <li> <a href="https://itb.ac.id/beasiswa" class="text-decoration-none" title="Beasiswa" target="_self" >Beasiswa</a> </li> <li> <a href="https://edunex.itb.ac.id/edunex-landing" class="text-decoration-none" title="Pembelajaran Jarak Jauh" target="_self" >Pembelajaran Jarak Jauh</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="Perpustakaan Digital" target="_self" >Perpustakaan Digital</a> </li> <li> <a href="/agenda/academic" class="text-decoration-none" title="Agenda Akademik" target="_self" >Agenda Akademik</a> </li> </ul> </div> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">Penelitian</h3> <ul> <li> <a href="https://itb.ac.id/penelitian" class="text-decoration-none" title="Penelitian" target="_self" >Penelitian</a> </li> <li> <a href="https://itb.ac.id/kelompok-keahliankeilmuan" class="text-decoration-none" title="Kelompok Keahlian/Keilmuan" target="_self" >Kelompok Keahlian/Keilmuan</a> </li> <li> <a href="https://itb.ac.id/jurnal" class="text-decoration-none" title="Jurnal" target="_self" >Jurnal</a> </li> </ul> </div> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">Pengabdian</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="Kemitraan" target="_blank" >Kemitraan</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">Tentang 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/sejarah" class="text-decoration-none" target="_self" >Sejarah</a> </small> </li> <li> <small> <a href="https://itb.ac.id/kunjungan" class="text-decoration-none" target="_self" >Kunjungan</a> </small> </li> <li> <small> <a href="https://itb.ac.id/unduh" class="text-decoration-none" target="_self" >Unduh</a> </small> </li> <li> <small> <a href="/directories" class="text-decoration-none" target="_self" >Direktori</a> </small> </li> <li> <small> <a href="http://petakampus.itb.ac.id/" class="text-decoration-none" target="_blank" >Peta Kampus</a> </small> </li> </ul> </div> </div> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">Penerimaan</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/pascasarjana" class="text-decoration-none" target="_self" >Pascasarjana</a> </small> </li> <li> <small> <a href="https://itb.ac.id/pertukaran-mahasiswa" class="text-decoration-none" target="_self" >Pertukaran Mahasiswa</a> </small> </li> <li> <small> <a href="https://itb.ac.id/profesi" class="text-decoration-none" target="_self" >Profesi</a> </small> </li> <li> <small> <a href="https://itb.ac.id/sarjana" class="text-decoration-none" target="_self" >Sarjana</a> </small> </li> <li> <small> <a href="https://itb.ac.id/kelas-internasional" class="text-decoration-none" target="_self" >Kelas Internasional</a> </small> </li> </ul> </div> </div> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">Pendidikan</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/fakultas-dan-sekolah" class="text-decoration-none" target="_self" >Fakultas dan Sekolah</a> </small> </li> <li> <small> <a href="https://itb.ac.id/program-studi" class="text-decoration-none" target="_self" >Program Studi</a> </small> </li> <li> <small> <a href="https://itb.ac.id/beasiswa" class="text-decoration-none" target="_self" >Beasiswa</a> </small> </li> <li> <small> <a href="https://edunex.itb.ac.id/edunex-landing" class="text-decoration-none" target="_self" >Pembelajaran Jarak Jauh</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" >Perpustakaan Digital</a> </small> </li> <li> <small> <a href="/agenda/academic" class="text-decoration-none" target="_self" >Agenda Akademik</a> </small> </li> </ul> </div> </div> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">Penelitian</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/penelitian" class="text-decoration-none" target="_self" >Penelitian</a> </small> </li> <li> <small> <a href="https://itb.ac.id/kelompok-keahliankeilmuan" class="text-decoration-none" target="_self" >Kelompok Keahlian/Keilmuan</a> </small> </li> <li> <small> <a href="https://itb.ac.id/jurnal" class="text-decoration-none" target="_self" >Jurnal</a> </small> </li> </ul> </div> </div> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">Pengabdian</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" >Kemitraan</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/berita" class="text-decoration-none">Berita</a> · <a href="https://itb.ac.id/agenda" class="text-decoration-none">Agenda Kegiatan</a> · <a href="https://itb.ac.id/fokus" class="text-decoration-none">Fokus</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: ['id'] }); $(".open-accessibility-reset-button").trigger("click", { preventDefault: function() { console.log("Click event prevented."); } }); }) </script> <script> console.log('30-11-2024 20:39:34'); </script> </body> </html>

CINXE.COM

Institut Teknologi Bandung