CINXE.COM
Pengabdian - Institut Teknologi Bandung
<!DOCTYPE html> <html lang="id-ID"> <head> <title>Pengabdian - 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="Pengabdian"> <meta name="google-site-verification" content="-f2zE64R5W4FD-r-RqtVXMZLEoyxE2mUwTOCfPzmXR0" /> <link rel="canonical" href="https://itb.ac.id/pengabdian" /> <!--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="Pengabdian" /> <meta property="og:url" content="https://itb.ac.id/pengabdian" /> <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="Pengabdian - " /> <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="Pengabdian - " /> <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=202502211557" 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> .hero-section { height: 65vh !important; width: 100% !important; object-fit: cover !important; object-position: center !important; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: rgba(0, 0, 0, 0.8); */ } </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> <section id="pageheader" class="h-auto"> <div class="background-00"> <div id="headlineCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel"> <div class="carousel-inner" role="listbox"> <div class="carousel-item active"> <div class="background-00 position-relative"> <div class="container-fluid overlay"> <div class="col-12 "> <div class="d-flex h-100 align-items-center justify-content-center"> <div class="text-center"> <h2 class="fs-1 fw-semibold text-white position-absolute m-0" style="left: 50%; top: 50%; transform: translate(-50%, -50%);"> Pengabdian </h2> </div> </div> </div> </div> <img class="hero-section" src="https://itb.ac.id/files/cover/230125-pengabdian-masyarakat-1.jpg"> </div> </div> <div class="carousel-item "> <div class="background-00 position-relative"> <div class="container-fluid overlay"> <div class="col-12 "> <div class="d-flex h-100 align-items-center justify-content-center"> <div class="text-center"> <h2 class="fs-1 fw-semibold text-white position-absolute m-0" style="left: 50%; top: 50%; transform: translate(-50%, -50%);"> Pengabdian </h2> </div> </div> </div> </div> <img class="hero-section" src="https://itb.ac.id/files/cover/230125-pengabdian-masyarakat-2.jpg"> </div> </div> <div class="carousel-item "> <div class="background-00 position-relative"> <div class="container-fluid overlay"> <div class="col-12 "> <div class="d-flex h-100 align-items-center justify-content-center"> <div class="text-center"> <h2 class="fs-1 fw-semibold text-white position-absolute m-0" style="left: 50%; top: 50%; transform: translate(-50%, -50%);"> Pengabdian </h2> </div> </div> </div> </div> <img class="hero-section" src="https://itb.ac.id/files/cover/230125-pengabdian-masyarakat-3.jpeg"> </div> </div> </div> </div> </div> </section> <style> .area-informasi-pengabdian { border : 4px solid #055aab; } .area-informasi-pengabdian span { color : #ffa804; } </style> <section id="communityservices" class="section-01 section-blank-0 block-color-09 bg-5"> <div class="container py-5"> <div class="row"> <div class="col-12"> <div class="row"> <div class="col-12 pt-5"> <div class="row justify-content-center"> <div class="col-12 col-xs-12 col-md-4 col-lg-4 border-bottom-hidden-1 py-2"> <div class="block-28 area-informasi-pengabdian"> <span class="fw-bold fs-1 font-color-07 ">244</span> <h3 class="fs-5 fw-semibold">Startup</h3> <p>Banyak <em>startup-startup</em> lahir dari ITB melalui pembinaan yang serius dan berkelanjutan. Beberapa <em>startup</em> yang kita kenal sekarang ini, merupakan buah karya dari mahasiswa dan juga lulusan ITB.</p> <a href="startup" class="btn btn-info block-more-03 mt-3">Selengkapnya</a> </div> </div> <div class="col-12 col-xs-12 col-md-4 col-lg-4 border-bottom-hidden-1 py-2"> <div class="block-28 area-informasi-pengabdian"> <span class="fw-bold fs-1 font-color-07 ">1176</span> <h3 class="fs-5 fw-semibold">HKI</h3> <p>ITB sangat menyadari bahwa riset-riset di bawah universitas memiliki nilai moral dan nilai ekonomi. Seluruh bentuk karya dalam bidang ilmu pengetahuan, seni, dan teknologi dilindungi oleh hukum termasuk merek dagang, hak cipta, dan hak paten.</p> <a href="hak-kekayaan-intelektual" class="btn btn-info block-more-03 mt-3">Selengkapnya</a> </div> </div> <div class="col-12 col-xs-12 col-md-4 col-lg-4 border-bottom-hidden-1 py-2"> <div class="block-28 area-informasi-pengabdian"> <span class="fw-bold fs-1 font-color-07 ">212</span> <h3 class="fs-5 fw-semibold">Inovasi ITB</h3> <p>ITB mewadahi berbagai bentuk kolaborasi dengan berbagai pihak yang akan membantu dalam mengidentifikasi dan melihat peluang inovasi yang muncul dari penelitian-penelitian di perguruan tinggi.</p> <a href="inovasi" class="btn btn-info block-more-03 mt-3">Selengkapnya</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="sebaran" class="section-01 section-blank-0 block-color-09"> <div class="container py-5"> <div class="row"> <div class="col-12 text-center-hidden block-hidden-01"> <h2 class="display-6 fw-semibold text-body-emphasis text-center">Sebaran Pengabdian</h2> </div> <div class="col-12 py-5"> <iframe src="https://pengabdian.lppm.itb.ac.id/peta" title="Iframe Example" style="border:none;" width="100%" height="700"></iframe> </div> </div> </div> </section> <section id="communityservices-more" class="section-03 bg-6 section-blank-0"> <div class="container py-5"> <div class="row"> <div class="col-12"> <div class="row"> <div class="col-12"> <div class="row justify-content-between"> <div class="co1-12 col-md-3 border-bottom-hidden-1 py-4 block-hover mb-3" onclick="window.location='https://kemahasiswaan.itb.ac.id/beranda/kkn'"> <div class="row"> <div class="col-3 col-md-12 col-lg-12"><span class="font-size-07"><img src="/images/icons/kkn-tematik-itb.png" class="post-icon-2 img-fluid" style="width: 32px; height: 32px;"></span></div> <div class="col-9 col-md-12 col-lg-12"> <h3 class="mt-3 fs-5 fw-semibold">KKN Tematik</h3> <p>Kuliah Kerja Nyata (KKN) Tematik merupakan mata kuliah pilihan berupa pengabdian masyarakat yang dilakukan mahasiswa di daerah dan waktu tertentu dengan pendekatan keilmuan dan kemasyarakatan. Tema-tema yang diusung pada KKN Tematik ini meliputi air, infrastruktur, energi, pertanian, dan pendidikan.</p> </div> </div> </div> <div class="co1-12 col-md-3 border-bottom-hidden-1 py-4 block-hover mb-3" onclick="window.location='https://www.lppm.itb.ac.id/profil-lppm/produk-dan-layanan/'"> <div class="row"> <div class="col-3 col-md-12 col-lg-12"><span class="font-size-07"><img src="/images/icons/community-service-itb.png" class="post-icon-2 img-fluid" style="width: 32px; height: 32px;"></span></div> <div class="col-9 col-md-12 col-lg-12"> <h3 class="mt-3 fs-5 fw-semibold">Layanan Masyarakat</h3> <p>Layanan Masyarakat di ITB menyelenggarakan kesempatan untuk berkontribusi dan berpartisipasi dalam kegiatan sosial, pendidikan, dan budaya, untuk memperkuat hubungan antara ITB dengan masyarakat.</p> </div> </div> </div> <div class="co1-12 col-md-3 border-bottom-hidden-1 py-4 block-hover mb-3" onclick="window.location='https://kkn.itb.ac.id/'"> <div class="row"> <div class="col-3 col-md-12 col-lg-12"><span class="font-size-07"><img src="/images/icons/community-development-itb.png" class="post-icon-2 img-fluid" style="width: 32px; height: 32px;"></span></div> <div class="col-9 col-md-12 col-lg-12"> <h3 class="mt-3 fs-5 fw-semibold">Pengembangan Masyarakat</h3> <p>ITB berkontribusi dalam pengembangan masyarakat dalam bentuk lokakarya, pelatihan, dan konsultasi untuk masyarakat dengan berbagai mitra nasional dan internasional, seperti lembaga penelitian, pemerintah, industri, swasta, BUMN, dan lembaga kemasyarakatan.</p> </div> </div> </div> <div class="co1-12 col-md-3 border-bottom-hidden-1 py-4 block-hover mb-3" onclick="window.location='https://partnership.itb.ac.id'"> <div class="row"> <div class="col-3 col-md-12 col-lg-12"><span class="font-size-07"><img src="/images/icons/partnership2.png" class="post-icon-2 img-fluid" style="width: 32px; height: 32px;"></span></div> <div class="col-9 col-md-12 col-lg-12"> <h3 class="mt-3 fs-5 fw-semibold">Kemitraan</h3> <p>ITB memiliki lebih dari 564 mitra internasional dan 929 mitra nasional yang memberikan kesempatan kepada civitas akademika ITB untuk berkolaborasi dalam bidang pendidikan, penelitian dan pengabdian kepada masyarakat untuk kemajuan Indonesia.</p> </div> </div> </div> </div> </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 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 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 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 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 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 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 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('21-02-2025 15:57:35'); </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>