CINXE.COM

About ITB - Institut Teknologi Bandung

<!DOCTYPE html> <html lang="id-ID"> <head> <title>About ITB - 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="About ITB"> <meta name="google-site-verification" content="-f2zE64R5W4FD-r-RqtVXMZLEoyxE2mUwTOCfPzmXR0" /> <!-- <meta name="msvalidate.01" content="746CE064434FE6D68B54BD98FD90B028" /> --> <link rel="canonical" href="https://itb.ac.id/about-itb" /> <!--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="About ITB" /> <meta property="og:url" content="https://itb.ac.id/about-itb" /> <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="About ITB - " /> <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="About ITB - " /> <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=202504110928" 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/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="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%);"> About ITB </h2> </div> </div> </div> </div> <img class="hero-section" src="https://itb.ac.id/files/cover/170125-BANNER-ITB.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%);"> About ITB </h2> </div> </div> </div> </div> <img class="hero-section" src="https://itb.ac.id/files/cover/170125-Kolam-Intel.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%);"> About ITB </h2> </div> </div> </div> </div> <img class="hero-section" src="https://itb.ac.id/files/cover/Img_slider_3.png"> </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%);"> About ITB </h2> </div> </div> </div> </div> <img class="hero-section" src="https://itb.ac.id/files/cover/Img_slider_2.png"> </div> </div> </div> </div> </div> </section> <style> .area-card { background-color: #005aab; color: white; padding: 15px 10px; border-radius: 10px; justify-content: space-between; height: 55vh; display: flex; flex-flow: column; } .jelajah-itb hr, .profil-itb hr, .fakta-angka-itb hr, .pimpinan-itb hr{ opacity: unset; border-width: 5px; width: 4%; border-color: #005aab; border-radius: 10px; } .icon-jelajah { border : 3px solid white; border-radius : 50%; } .area-card p { overflow:hidden; } .area-youtube { border: 4px solid #005aab; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 7px; } .area-youtube iframe { border-top-left-radius: 20px; border-top-right-radius: 20px; } </style> <section id="history"> <div class="container py-5"> <div class="row"> <div class="col-12"> <div class="row"> <div class="col-12 text-center"> <p class="fs-6 text-justify fw-semibold">IInstitut Teknologi Bandung is the first technical university in Indonesia that was established on March 2, 1959 in West Java, with a mission to serve science and technology to develop the nation. Born in an atmosphere full of dynamics based on the spirit of the struggle for the Proclamation of Independence, ITB is here to optimize the development of an advanced and dignified nation.</p> </div> <div class="col pt-5 text-center"><a href="history" class="btn btn-info block-more-05">Read more</a></div> </div> </div> </div> </div> </section> <section id="profile"> <div class="container profil-itb py-5"> <h2 class="fw-semibold text-body-emphasis m-0">Profile</h2> <hr class="mt-2 mb-3"> <div class="row"> <div class="col-12"> <div class="row"> <!--<div class="col-12">--> <!-- <h2 class="fw-semibold text-body-emphasis text-center text-left mb-5">Profile</h2>--> <!--</div>--> <!--<div class="col-12">--> <!-- <iframe src="https://www.youtube.com/embed/LEQBMfn033M" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="100%" height="450" frameborder="0"></iframe>--> <!--</div>--> <div class="col-12 area-youtube"> <iframe src="https://www.youtube.com/embed/RIzPLY_04JM?si=HCV8smQPNOZ5tiWn" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="100%" height="450" frameborder="0"></iframe> </div> </div> </div> </div> </div> </section> <section class="section-14 section-blank-0 mb-3"> <div class="container py-5"> <div class="row"> <div class="col-12"> <h2 class="fw-semibold text-body-emphasis text-center text-left mb-5">SDGs in Institut Teknologi Bandung</h2> </div> <div class="col-12"> <div class="row no-gutters"> <div class="col-md col-3"><img src="images/icons/icon-sdg-4-1.png" class="img-fluid"></div> <div class="col-md col-3"><img src="images/icons/icon-sdg-5-1.png" class="img-fluid"></div> <div class="col-md col-3"><img src="images/icons/icon-sdg-6-1.png" class="img-fluid"></div> <div class="col-md col-3"><img src="images/icons/icon-sdg-7-1.png" class="img-fluid"></div> <div class="col-md col-3"><img src="images/icons/icon-sdg-9-1.png" class="img-fluid"></div> <div class="col-md col-3"><img src="images/icons/icon-sdg-11-1.png" class="img-fluid"></div> <div class="col-md col-3"><img src="images/icons/icon-sdg-17-1.png" class="img-fluid"></div> </div> </div> <div class="col pt-5 text-center"><a href="https://sdgsc.itb.ac.id/" target="_blank" class="btn btn-info block-more-05">Read more</a></div> </div> </div> </section> <section id="facts"> <div class="container fakta-angka-itb py-5"> <h2 class="fw-semibold text-body-emphasis m-0">Facts and Figures</h2> <hr class="mt-2 mb-3"> <div class="row"> <div class="col-12"> <div class="row"> <!--<div class="col-12">--> <!-- <h2 class="fw-semibold text-body-emphasis text-center text-left mb-5">Facts and Figures</h2>--> <!--</div>--> <div class="col-12"> <div class="row justify-content-md-center"> <div class="co1-12 col-xs-12 col-md-3 col-lg-3 border-bottom-hidden-5 py-4"> <span class="font-size-07 w-100"><img src="images/icons/worldrank-itb.png" class="post-icon"></span> <h3 class="fs-6 fw-semibold">Worldrank</h3> <ul class="list-unstyled"> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">THE World Rankings 2023<span class="float-right">1201-1500</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">THE Asia Rankings 2022<span class="float-right">301-350</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">QS World Rankings 2023<span class="float-right">#235</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">QS Asian Rankings 2023<span class="float-right">#63</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">Engineering and Technology<span class="float-right">#179</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">Natural Sciences<span class="float-right">#372</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">Social Sciences &amp; Management<span class="float-right">#238</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="https://spm.itb.ac.id/qs-world-ranking/">Others</a></li> </ul> </div> <div class="co1-12 col-xs-12 col-md-3 col-lg-3 border-bottom-hidden-5 py-4"> <span class="font-size-07 w-100"><img src="images/icons/teaching-and-learning-itb.png" class="post-icon"></span> <h3 class="fs-6 fw-semibold">Teaching and Learning</h3> <ul class="list-unstyled"> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">Multicampus<span class="float-right">2</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="/faculties-and-schools">Faculties and Schools</a><span class="float-right">12</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="/programs">Programs</a><span class="float-right">130</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">Joint Degrees<span class="float-right">10</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="/staff">Lecturers</a><span class="float-right">1.447</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">Students<span class="float-right">23.848</span></li> </ul> </div> <div class="co1-12 col-xs-12 col-md-3 col-lg-3 border-bottom-hidden-5 py-4"> <span class="font-size-07 w-100"><img src="images/icons/research-itb.png" class="post-icon"></span> <h3 class="fs-6 fw-semibold">Research</h3> <ul class="list-unstyled"> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="/centers">Centers</a><span class="float-right">24</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="/research-centers">Research Center</a><span class="float-right">7</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="/center-of-excellence-in-science-and-technology">Center of Excellence in Science and Technology </a><span class="float-right">6</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="/research-group">Research Group</a><span class="float-right">111</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">Laboratories<span class="float-right">198</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">Scopus Journal<span class="float-right">1.248</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">International Journal<span class="float-right">421</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">Proceedings International <span class="float-right">674</span></li> </ul> </div> <div class="co1-12 col-xs-12 col-md-3 col-lg-3 border-bottom-hidden-5 py-4"> <span class="font-size-07 w-100"><img src="images/icons/innovation-itb.png" class="post-icon"></span> <h3 class="fs-6 fw-semibold">Innovation</h3> <ul class="list-unstyled"> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="/startup-itb">Startup</a><span class="float-right">244</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="/intellectual-property-rights">Intellectual Property</a><span class="float-right">1176</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="/innovation">Innovation</a><span class="float-right">212</span></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom">Member<span class="float-right">972</span></li> </ul> </div> </div> </div> </div> </div> </div> </div> </section> <section id="boards"> <div class="container py-5"> <div class="row justify-content-between"> <div class="col-12 order-1"> <h2 class="fw-semibold text-body-emphasis text-center mb-5">Boards</h2> </div> <div class="col-12 col-md-5 col-lg-5 order-3 order-sm-2 order-lg-2"> <h3 class="fs-6 fw-semibold">Rector</h3> <!--<p class="font-size-04"><strong>Prof. Reini Wirahadikusumah, Ph.D</strong></p>--> <!--<p class="font-size-02 text-justify">Prof. Reini Wirahadikusumah, Ph.D., is the first female rector of Institut Teknologi Bandung. She was elected as Rector of ITB for 2020-2025 period, preceded by Prof. Dr. Ir. Kadarsah Suryadi, DEA. (Rector of ITB for 2015-2020). </p>--> <!--<a href="rector" class="btn btn-outline-info block-more-05">Read more</a>--> <p class="font-size-04"><strong>Prof. Dr. Ir. Tatacipta Dirgantara, M.T.</strong></p> <p class="font-size-02 text-justify">Prof. Dr. Ir. Tatacipta Dirgantara, M.T., has been appointed as the Rector of Institut Teknologi Bandung (ITB) for the 2025–2030 period, succeeding Prof. Reini Wirahadikusumah, Ph.D., who served as Rector for the 2020–2025 period. </p> <a href="https://itb.ac.id/staf/profil/tatacipta-dirgantara" class="btn btn-outline-info block-more-05">Read more</a> <ul class="list-unstyled"> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="vice-rector">Vice Rector</a></li> <!--<li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="/university-secretary">University Secretary</a></li>--> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="board-of-officials">Board of Officials</a></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="board-of-trustees">Board of Trustees</a></li> <li class="d-flex w-100 align-items-center justify-content-between fs-7 py-2 border-bottom"><a href="academic-senate">Academic Senate</a></li> </ul> <p><br></p> </div> <div class="col-12 col-md-5 col-lg-5 order-2 order-sm-3 order-lg-3"> <img src="https://itb.ac.id/files/dokumentasi/200125-Rektor-1.png" class="img-fluid mb-5"> <!--<img src="images/pic-reini-wirahadikusumah.png" class="img-fluid mb-5">--> </div> </div> </div> </section> <section id="visit" class="bg-3"> <div class="container py-5 jelajah-itb"> <h2 class="fw-semibold text-body-emphasis m-0">Visiting ITB</h2> <hr class="mt-2 mb-3"> <div class="row"> <div class="col-12"> <div class="row"> <!--<div class="col-12">--> <!-- <h2 class="fw-semibold text-body-emphasis text-center text-left mb-5">Visiting ITB</h2>--> <!-- <a href="visit" class="btn btn-outline-primary btn-01 float-right d-block d-sm-none"> > </a>--> <!--</div>--> <div class="col-12 col-md-4 mb-5 d-flex align-items-center justify-content-between flex-column"> <div class="area-card shadow"> <div class="position-relative"> <a href="ganesha-campus" class="d-block text-center"><img src="/images/icons/visit-ganesha-itb.png" class="img-fluid icon-jelajah" width="120px"></a> </div> <h3 class="text-center mt-3 fs-5 fw-semibold">Ganesha Campus</h3> <p class="my-3">Ganesha Campus is ITB’s main campus located in Jalan Ganesa No. 10, Bandung, West Jawa, Indonesia. The 100 year-old campus has 28 hectars of campus area and keeps growing.</p> <div class="text-left mt-4 "><a href="ganesha-campus" class="fw-semibold text-white">Read more</a></div> <!--<div class="text-center mt-auto"><a href="campus-life/explore/itb" class="btn btn-info block-more-05 mt-3">Selengkapnya</a></div>--> </div> </div> <div class="col-12 col-md-4 mb-5 d-flex align-items-center justify-content-between flex-column"> <div class="area-card shadow"> <div class="position-relative"> <a href="jatinangor-campus" class="d-block text-center"><img src="/images/icons/visit-jatinangor-itb.png" class="img-fluid icon-jelajah" width="120px"></a> </div> <h3 class="text-center mt-3 fs-5 fw-semibold">Jatinangor Campus</h3> <p class="my-3">To support academic and non-academic activities, ITB spreads its campus by building Jatinangor Campus. The campus is located in Jatinangor, Sumedang, West Java. Currently there are 12 programs held in Jatinangor Campus. </p> <div class="text-left mt-4 "><a href="jatinangor-campus" class="fw-semibold text-white">Read more</a></div> <!--<div class="text-center mt-auto"><a href="campus-life/explore/bandung" class="btn btn-info block-more-05 mt-3">Selengkapnya</a></div>--> </div> </div> <div class="col-12 col-md-4 mb-5 d-flex align-items-center justify-content-between flex-column"> <div class="area-card shadow"> <div class="position-relative"> <a href="cirebon-campus" class="d-block text-center"><img src="/images/icons/visit-cirebon-itb.png" class="img-fluid icon-jelajah" width="120px"></a> </div> <h3 class="text-center mt-3 fs-5 fw-semibold">Cirebon Campus</h3> <p class="my-3">Institut Teknologi Bandung has committed to develop multicampus, one of which is the ITB campus in Cirebon. This is a form of enhancing the role of ITB in developing future research and contributing to the development of quality human resources on a regional and national scale. A land area of 30 hectares has been prepared for the construction of the ITB Campus in Cirebon, which is located in Arjawinangun District, Cirebon Regency.</p> <div class="text-left mt-4 "><a href="cirebon-campus" class="fw-semibold text-white">Read more</a></div> <!--<div class="text-center mt-auto"><a href="campus-life/explore/bandung" class="btn btn-info block-more-05 mt-3">Selengkapnya</a></div>--> </div> </div> <div class="col-12 col-md-4 mb-5 d-flex align-items-center justify-content-between flex-column"> <div class="area-card shadow"> <div class="position-relative"> <a href="bosscha-observatorium" class="d-block text-center"><img src="/images/icons/visit-observatorium-bosscha-itb.png" class="img-fluid icon-jelajah" width="120px"></a> </div> <h3 class="text-center mt-3 fs-5 fw-semibold">Bosscha Observatorium</h3> <p class="my-3">Bosscha Observatory is a research institution under the Faculty of Mathematics and Natural Sciences of ITB. Bosscha Observatory is the oldest observatory in Indonesia. Together with the Astronomy Program, the Bosscha Observatory is the center for research, education and development of Astronomy in Indonesia.</p> <div class="text-left mt-4 "><a href="bosscha-observatorium" class="fw-semibold text-white">Read more</a></div> <!--<div class="text-center mt-auto"><a href="campus-life/explore/bandung" class="btn btn-info block-more-05 mt-3">Selengkapnya</a></div>--> </div> </div> <div class="col-12 col-md-4 mb-5 d-flex align-items-center justify-content-between flex-column"> <div class="area-card shadow"> <div class="position-relative"> <a href="zoologi-museum" class="d-block text-center"><img src="/images/icons/visit-zoologi-itb.png" class="img-fluid icon-jelajah" width="120px"></a> </div> <h3 class="text-center mt-3 fs-5 fw-semibold">Zoology Museum</h3> <p class="my-3">Zoology Museum of School of Life Sciences and Technology stores about 15 thousand samples of animals and body parts of animals. The collected animals include animals that were once easy to find in our environment as well as some rare animals. This museum was also built to support lectures.</p> <div class="text-left mt-4 "><a href="zoologi-museum" class="fw-semibold text-white">Read more</a></div> <!--<div class="text-center mt-auto"><a href="campus-life/explore/bandung" class="btn btn-info block-more-05 mt-3">Selengkapnya</a></div>--> </div> </div> <div class="col-12 col-md-4 mb-5 d-flex align-items-center justify-content-between flex-column"> <div class="area-card shadow"> <div class="position-relative"> <a href="sabuga-science-center" class="d-block text-center"><img src="/images/icons/visit-sabuga-itb.png" class="img-fluid icon-jelajah" width="120px"></a> </div> <h3 class="text-center mt-3 fs-5 fw-semibold">Sabuga Science Center</h3> <p class="my-3">Sabuga Science Center is located on the 4th floor of Sasana Budaya Ganesha building. Pusat Iptek Sabuga is a science gallery which has a Dome Theatre that shows interesting movies, Kids Smart area that has many computers to teach children technologies, and a Science Gallery that has collection of science props such as bicycle gyro, momentum chair, etc.</p> <div class="text-left mt-4 "><a href="sabuga-science-center" class="fw-semibold text-white">Selengkapnya</a></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 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&nbsp; Jakarta Campus</h3> <p class="fs-7"> Gedung Graha Irama (Indorama) Lt. 10 &amp; 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> &centerdot; <a href="https://itb.ac.id/event" class="text-decoration-none">Agenda</a> &centerdot; <a href="https://itb.ac.id/focus" class="text-decoration-none">Focus</a> &centerdot; <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('11-04-2025 09:28:40'); </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>

Pages: 1 2 3 4 5 6 7 8 9 10