CINXE.COM

Education - Institut Teknologi Bandung

<!DOCTYPE html> <html lang="id-ID"> <head> <title>Education - 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="Education"> <meta name="google-site-verification" content="-f2zE64R5W4FD-r-RqtVXMZLEoyxE2mUwTOCfPzmXR0" /> <!-- <meta name="msvalidate.01" content="746CE064434FE6D68B54BD98FD90B028" /> --> <link rel="canonical" href="https://itb.ac.id/education" /> <!--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="Education" /> <meta property="og:url" content="https://itb.ac.id/education" /> <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="Education - " /> <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="Education - " /> <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=202504111602" 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%);"> Education </h2> </div> </div> </div> </div> <img class="hero-section" src="https://itb.ac.id/files/cover/200125-wisuda-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%);"> Education </h2> </div> </div> </div> </div> <img class="hero-section" src="https://itb.ac.id/files/cover/200125-wisuda-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%);"> Education </h2> </div> </div> </div> </div> <img class="hero-section" src="https://itb.ac.id/files/cover/education-itb-02.jpg"> </div> </div> </div> </div> </div> </section> <style> .area-informasi-pendidikan { border : 4px solid #055aab; } .area-informasi-pendidikan span { color: #ffa804; } </style> <section 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-md-4 border-bottom-hidden-1 py-2 d-flex align-items-center flex-column"> <div class="block-28 area-informasi-pendidikan"> <span class="fw-bold fs-1 font-color-07 ">12</span> <h3 class="fs-5 fw-semibold">Faculties and Schools</h3> <p>Consisting of 12 schools and faculties, Institut Teknologi Bandung is not only engaged in science and engineering but also in arts and business management that are recognized at both national and international levels</p> <a href="faculties-and-schools" class="btn btn-info block-more-03 mt-3">Read more</a> </div> </div> <div class="col-12 col-md-4 border-bottom-hidden-1 py-2 d-flex align-items-center flex-column"> <div class="block-28 area-informasi-pendidikan"> <span class="fw-bold fs-1 font-color-07 ">137</span> <h3 class="fs-5 fw-semibold">Programs</h3> <p>From bachelor's and master's degrees to doctorates, ITB offers dozens of nationally ranked programs which might suit your interests and passions</p> <a href="programs" class="btn btn-info block-more-03 mt-3">Read more</a> </div> </div> <div class="col-12 col-md-4 border-bottom-hidden-1 py-2 d-flex align-items-center flex-column"> <div class="block-28 area-informasi-pendidikan"> <span class="fw-bold fs-1 font-color-07 ">113</span> <h3 class="fs-5 fw-semibold">Research Groups</h3> <p>Research groups draw together faculty dedicated to particular interests to share knowledge, conduct research, and launch projects.</p> <a href="research-group" class="btn btn-info block-more-03 mt-3">Read more</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="staff" class="section-02 bg-5 section-blank-0 border-bottom-hidden-1"> <div class="container border-bottom-hidden-2 py-5"> <div class="row"> <div class="col-12"> <div class="row align-items-center"> <div class="col-12 col-xs-12 col-md-6 col-lg-6 order-2 order-md-1 order-lg-1 font-color-01"> <h2 class="display-6 fw-semibold text-body-emphasis">Meet our Staf</h2> <p>Explore complete information on ITB staff that has been sorted alphabetically or based on Research Groups Faculty/Schools.<br> <br> </p> <a href="staff/listby/A" class="btn block-more-03 fs-7">Read more</a> </div> <div class="col-12 col-xs-12 col-md-6 col-lg-6 order-1 order-md-2 order-lg-2 "> <img src="/files/dokumentasi/240125-direktori-staf.jpg" style="width: 445px; height: auto; display: block; margin-left: auto; margin-right: auto; border-radius:8px;" class="img-fluid float-right mb-3 area-informasi-pendidikan p-1"> </div> </div> </div> </div> </div> </section> <section id="education-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-4 border-bottom-hidden-1 py-4 block-hover mb-3" onclick="window.location='/directories'"> <div class="row"> <div class="col-3 col-md-12 col-lg-12"><span class="font-size-07"><img src="/images/icons/directories-itb.png" class="post-icon-2 img-fluid"></span></div> <div class="col-9 col-md-12 col-lg-12"> <h3 class="mt-3 fs-5 fw-semibold">Directorie</h3> <p>Directories on various services and institutes within ITB have been sorted alphabetically.</p> </div> </div> </div> <div class="co1-12 col-md-4 border-bottom-hidden-1 py-4 block-hover mb-3" onclick="window.location='/first-year'"> <div class="row"> <div class="col-3 col-md-12 col-lg-12"><span class="font-size-07"><img src="/images/icons/first-year-itb.png" class="post-icon-2 img-fluid"></span></div> <div class="col-9 col-md-12 col-lg-12"> <h3 class="mt-3 fs-5 fw-semibold">First Year</h3> <p>First year students at ITB are obligated to participate in fairly similar introductory curriculum called Tahap Persiapan Bersama (TPB).</p> </div> </div> </div> <div class="co1-12 col-md-4 border-bottom-hidden-1 py-4 block-hover mb-3" onclick="window.location='/scholarship'"> <div class="row"> <div class="col-3 col-md-12 col-lg-12"><span class="font-size-07"><img src="/images/icons/scholarship-itb.png" class="post-icon-2 img-fluid"></span></div> <div class="col-9 col-md-12 col-lg-12"> <h3 class="mt-3 fs-5 fw-semibold">Scholarship</h3> <p>ITB provides and connects students with endless resources to complement their education. Discover exciting scholarship opportunities through the official portal.</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 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 16:02:54'); </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