Community Services - Institut Teknologi Bandung

<!DOCTYPE html> <html lang="id-ID"> <head> <title>Community Services - 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="Community Services"> <meta name="google-site-verification" content="-f2zE64R5W4FD-r-RqtVXMZLEoyxE2mUwTOCfPzmXR0" />  <link rel="canonical" href="https://itb.ac.id/community-services" />  <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="Community Services" /> <meta property="og:url" content="https://itb.ac.id/community-services" /> <meta property="og:site_name" content="Institut Teknologi Bandung" /> <meta property="og:description" content="" /> <meta property="fb:admins" content="10208322639923490" /> <meta property="fb:app_id" content="829371137173499" /> <meta name="facebook-domain-verification" content="ff6unsl393t5dy5l81wlwr47le758y" />   <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@itbofficial" /> <meta name="twitter:creator" content="@itbofficial"> <meta name="twitter:title" content="Community Services - " /> <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=202504120115" 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>  <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%);"> Community Services </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%);"> Community Services </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%);"> Community Services </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>ITB has achieved a perfect score for the alumni outcome indicators these past few years. Most of the start-ups we know today were found by either former or current students of the university.</p> <a href="startup-itb" 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">Intelectual Property</h3> <p>As the national leader in scholarly research, ITB is well aware of its intellectual property which has both moral and economic values. Any works created in science, art, and technology are protected under the law including trademarks, copyrights, and patents.</p> <a href="intellectual-property-rights" 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">ITB Innovation</h3> <p>From basic needs to technology, ITB encourages its community to address the problems our society is facing today and find how to solve it. Explore innovations at ITB through the following link.</p> <a href="innovation" class="btn btn-info block-more-03 mt-3">Selengkapnya</a> </div> </div> </div> </div> </div> </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-md-center"> <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>KKN Tematik (Thematic Field Work Experience) is an elective course in the form of community service executed at a particular place and time, with a scientific and social approach. Its themes include water, infrastructure, energy, agriculture, and education</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">Community Service</h3> <p>Community service at ITB provides opportunities to contribute and participate in social, educational, and cultural activities to strengthen connections between the university and the community.</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: 23px; height: 23px;"></span></div> <div class="col-9 col-md-12 col-lg-12"> <h3 class="mt-3 fs-5 fw-semibold">Community Development</h3> <p>ITB aims to participate in community development through various projects including workshops, trainings, and consultancy for the community with various partners, such as national and international research institutions, government, industries, private companies, state-owned companies, and other social enterprises.</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">Partnership</h3> <p>ITB has over 564 international partners and 929 national partners, providing tremendous advantages and opportunities for students and staff members to collaborate in the areas of education, research, and community service for better 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 Ganesha Campus</h3> <p class="fs-7">Jl. Ganesa No. 10<br> Coblong, Kota Bandung, Jawa Barat<br> Indonesia 40132<br> <svg class="svg-inline--fa fa-envelope me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg><a href="mailto:humas@itb.ac.id" class="d-inline font-weight-normal">humas@itb.ac.id</a><br> </p> </div> </div> </div> <div class="col-12 col-md-3 mb-4 block-26"> <div class="row"> <div class="col-md-3 col-2 area-icon"><img src="/images/icons/jatinangor-itb-footer.jpg" class="rounded float-right" alt="ITB Kampus Jatinangor" width="40" height="40"></div> <div class="col-md-9 col-10 area-informasi"> <h3 class="fs-6 fw-semibold">ITB Jatinangor Campus</h3> <p class="fs-7"> Jl. Let. Jen. Purn. Dr. (HC) Mashudi No. 1<br> Jatinangor, Kab. Sumedang, Jawa Barat<br> Indonesia 45363<br> <svg class="svg-inline--fa fa-envelope me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg><a href="mailto:humas_jatinangor@itb.ac.id" class="d-inline font-weight-normal">humas_jatinangor@itb.ac.id</a><br> </p> </div> </div> </div> <div class="col-12 col-md-3 mb-4 block-26"> <div class="row"> <div class="col-md-3 col-2 area-icon"><img src="/images/icons/cirebon-itb-footer.jpg" class="rounded float-right" alt="ITB Kampus Cirebon" width="40" height="40"></div> <div class="col-md-9 col-10 area-informasi"> <h3 class="fs-6 fw-semibold">ITB Cirebon Campus</h3> <p class="fs-7"> Jl. Kebonturi<br> Arjawinangun, Kab. Cirebon, Jawa Barat<br> Indonesia 45162<br> <svg class="svg-inline--fa fa-envelope me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg><a href="mailto:kampuscirebon@itb.ac.id" class="d-inline font-weight-normal">kampuscirebon@itb.ac.id</a><br> </p> </div> </div> </div> <div class="col-12 col-md-3 mb-4 block-26"> <div class="row"> <div class="col-md-3 col-2 area-icon"><img src="/images/icons/jakarta-itb-footer.jpg" class="rounded float-right" alt="ITB Kampus Jakarta" width="40" height="40"></div> <div class="col-md-9 col-10 area-informasi"> <h3 class="fs-6 fw-semibold">ITB  Jakarta Campus</h3> <p class="fs-7"> Gedung Graha Irama (Indorama) Lt. 10 & 12<br> Jl. H. R. Rasuna Said Kav. 1 Setiabudi<br> Kota Jakarta Selatan, DKI Jakarta Indonesia 12950<br> <svg class="svg-inline--fa fa-envelope me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg><a href="mailto:kampusjakarta@itb.ac.id" class="d-inline font-weight-normal">kampusjakarta@itb.ac.id</a> </p> </div> </div> </div> </div> </div> <section id="menubottom" class="position-absolute w-100 bg-white px-2 mt-3"> <div class="container mb-4 mt-5"> <div class="row"> <div class="col-12 pb-5 text-center d-none d-lg-block d-xl-none"> <a href="/contact" class="btn btn-light block-more-02" role="button">kontak lanjut</a> </div> <div class="col-12 d-none d-sm-block"> <div class="row d-flex justify-content-between" id="footermenu"> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">About ITB</h3> <ul> <li> <a href="https://itb.ac.id/history" class="text-decoration-none" title="History" target="_self" >History</a> </li> <li> <a href="https://itb.ac.id/visit" class="text-decoration-none" title="Visit" target="_self" >Visit</a> </li> <li> <a href="https://itb.ac.id/download" class="text-decoration-none" title="Download" target="_self" >Download</a> </li> <li> <a href="/directories" class="text-decoration-none" title="Directories" target="_self" >Directories</a> </li> <li> <a href="http://petakampus.itb.ac.id/" class="text-decoration-none" title="Campus Map" target="_blank" >Campus Map</a> </li> </ul> </div> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">Admission</h3> <ul> <li> <a href="https://itb.ac.id/graduate" class="text-decoration-none" title="Graduate" target="_self" >Graduate</a> </li> <li> <a href="https://itb.ac.id/student-exchange" class="text-decoration-none" title="Student Exchange" target="_self" >Student Exchange</a> </li> <li> <a href="https://itb.ac.id/professional" class="text-decoration-none" title="Professional" target="_self" >Professional</a> </li> <li> <a href="https://itb.ac.id/undergraduate" class="text-decoration-none" title="Undergraduate" target="_self" >Undergraduate</a> </li> <li> <a href="https://itb.ac.id/international-students" class="text-decoration-none" title="International Student" target="_self" >International Student</a> </li> </ul> </div> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">Education</h3> <ul> <li> <a href="https://itb.ac.id/faculties-and-schools" class="text-decoration-none" title="Faculties and Schools " target="_self" >Faculties and Schools </a> </li> <li> <a href="https://itb.ac.id/programs" class="text-decoration-none" title="Programs" target="_self" >Programs</a> </li> <li> <a href="https://itb.ac.id/scholarship" class="text-decoration-none" title="Scholarship" target="_self" >Scholarship</a> </li> <li> <a href="https://edunex.itb.ac.id/edunex-landing" class="text-decoration-none" title="Distance Learning " target="_self" >Distance Learning </a> </li> <li> <a href="https://edunex.itb.ac.id/edunex-landing" class="text-decoration-none" title="Blended Learning" target="_self" >Blended Learning</a> </li> <li> <a href="https://lib.itb.ac.id/" class="text-decoration-none" title="Digital Library" target="_self" >Digital Library</a> </li> <li> <a href="/agenda/academic" class="text-decoration-none" title="Academic Agenda" target="_self" >Academic Agenda</a> </li> </ul> </div> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">Research</h3> <ul> <li> <a href="https://itb.ac.id/research" class="text-decoration-none" title="Research" target="_self" >Research</a> </li> <li> <a href="https://itb.ac.id/research-group" class="text-decoration-none" title="Research Groups" target="_self" >Research Groups</a> </li> <li> <a href="https://itb.ac.id/journal" class="text-decoration-none" title="Journal" target="_self" >Journal</a> </li> </ul> </div> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">Community Services</h3> <ul> <li> <a href="https://dkst.itb.ac.id/" class="text-decoration-none" title="DKST" target="_blank" >DKST</a> </li> <li> <a href="https://drpm.itb.ac.id/" class="text-decoration-none" title="DRPM" target="_blank" >DRPM</a> </li> <li> <a href="https://dpitm.itb.ac.id/" class="text-decoration-none" title="DPITM" target="_blank" >DPITM</a> </li> <li> <a href="https://partnership.itb.ac.id/" class="text-decoration-none" title="Partnership" target="_blank" >Partnership</a> </li> <li> <a href="https://bpudl.itb.ac.id/" class="text-decoration-none" title="BPUDL" target="_blank" >BPUDL</a> </li> </ul> </div> </div> </div> <div class="col-12 d-block d-sm-none"> <div class="accordion"> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">About ITB</h3> <span class="icon" aria-hidden="true"></span> </button> <div class="accordion-content"> <ul class="list-unstyled"> <li> <small> <a href="https://itb.ac.id/history" class="text-decoration-none" target="_self" >History</a> </small> </li> <li> <small> <a href="https://itb.ac.id/visit" class="text-decoration-none" target="_self" >Visit</a> </small> </li> <li> <small> <a href="https://itb.ac.id/download" class="text-decoration-none" target="_self" >Download</a> </small> </li> <li> <small> <a href="/directories" class="text-decoration-none" target="_self" >Directories</a> </small> </li> <li> <small> <a href="http://petakampus.itb.ac.id/" class="text-decoration-none" target="_blank" >Campus Map</a> </small> </li> </ul> </div> </div> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">Admission</h3> <span class="icon" aria-hidden="true"></span> </button> <div class="accordion-content"> <ul class="list-unstyled"> <li> <small> <a href="https://itb.ac.id/graduate" class="text-decoration-none" target="_self" >Graduate</a> </small> </li> <li> <small> <a href="https://itb.ac.id/student-exchange" class="text-decoration-none" target="_self" >Student Exchange</a> </small> </li> <li> <small> <a href="https://itb.ac.id/professional" class="text-decoration-none" target="_self" >Professional</a> </small> </li> <li> <small> <a href="https://itb.ac.id/undergraduate" class="text-decoration-none" target="_self" >Undergraduate</a> </small> </li> <li> <small> <a href="https://itb.ac.id/international-students" class="text-decoration-none" target="_self" >International Student</a> </small> </li> </ul> </div> </div> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">Education</h3> <span class="icon" aria-hidden="true"></span> </button> <div class="accordion-content"> <ul class="list-unstyled"> <li> <small> <a href="https://itb.ac.id/faculties-and-schools" class="text-decoration-none" target="_self" >Faculties and Schools </a> </small> </li> <li> <small> <a href="https://itb.ac.id/programs" class="text-decoration-none" target="_self" >Programs</a> </small> </li> <li> <small> <a href="https://itb.ac.id/scholarship" class="text-decoration-none" target="_self" >Scholarship</a> </small> </li> <li> <small> <a href="https://edunex.itb.ac.id/edunex-landing" class="text-decoration-none" target="_self" >Distance Learning </a> </small> </li> <li> <small> <a href="https://edunex.itb.ac.id/edunex-landing" class="text-decoration-none" target="_self" >Blended Learning</a> </small> </li> <li> <small> <a href="https://lib.itb.ac.id/" class="text-decoration-none" target="_self" >Digital Library</a> </small> </li> <li> <small> <a href="/agenda/academic" class="text-decoration-none" target="_self" >Academic Agenda</a> </small> </li> </ul> </div> </div> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">Research</h3> <span class="icon" aria-hidden="true"></span> </button> <div class="accordion-content"> <ul class="list-unstyled"> <li> <small> <a href="https://itb.ac.id/research" class="text-decoration-none" target="_self" >Research</a> </small> </li> <li> <small> <a href="https://itb.ac.id/research-group" class="text-decoration-none" target="_self" >Research Groups</a> </small> </li> <li> <small> <a href="https://itb.ac.id/journal" class="text-decoration-none" target="_self" >Journal</a> </small> </li> </ul> </div> </div> <div class="accordion-item"> <button aria-expanded="false"> <h3 class="accordion-title fs-6">Community Services</h3> <span class="icon" aria-hidden="true"></span> </button> <div class="accordion-content"> <ul class="list-unstyled"> <li> <small> <a href="https://dkst.itb.ac.id/" class="text-decoration-none" target="_blank" >DKST</a> </small> </li> <li> <small> <a href="https://drpm.itb.ac.id/" class="text-decoration-none" target="_blank" >DRPM</a> </small> </li> <li> <small> <a href="https://dpitm.itb.ac.id/" class="text-decoration-none" target="_blank" >DPITM</a> </small> </li> <li> <small> <a href="https://partnership.itb.ac.id/" class="text-decoration-none" target="_blank" >Partnership</a> </small> </li> <li> <small> <a href="https://bpudl.itb.ac.id/" class="text-decoration-none" target="_blank" >BPUDL</a> </small> </li> </ul> </div> </div> </div> </div> <div class="col-12 pt-5 text-center mb-5"> <a href="https://www.facebook.com/institutteknologibandung" target="_blank" class="text-decoration-none m-3"> <i class="fa-brands fa-facebook fa-fade fs-3" style="--fa-animation-duration: 2.5s; --fa-fade-opacity: 0.6; --fa-flip-x: 1; --fa-flip-y: 0;"></i> </a> <a href="https://www.instagram.com/itb1920/" target="_blank" class="text-decoration-none m-3"> <i class="fa-brands fa-instagram fa-fade fs-3" style="--fa-animation-duration: 3s; --fa-fade-opacity: 0.6; --fa-flip-x: 1; --fa-flip-y: 0;"></i> </a> <a href="https://twitter.com/itbofficial" target="_blank" class="text-decoration-none m-3"> <i class="fa-brands fa-x-twitter fa-fade fs-3" style="--fa-animation-duration: 3.5s; --fa-fade-opacity: 0.6; --fa-flip-x: 1; --fa-flip-y: 0;"></i> </a> <a href="https://www.tiktok.com/@itbofficial" target="_blank" class="text-decoration-none m-3"> <i class="fa-brands fa-tiktok fa-fade fs-3" style="--fa-animation-duration: 4s; --fa-fade-opacity: 0.6; --fa-flip-x: 1; --fa-flip-y: 0;"></i> </a> <a href="https://www.youtube.com/user/itbofficial" target="_blank" class="text-decoration-none m-3"> <i class="fa-brands fa-youtube fa-fade fs-3" style="--fa-animation-duration: 4.5s; --fa-fade-opacity: 0.6; --fa-flip-x: 1; --fa-flip-y: 0;"></i> </a> </div> <div class="col-12 text-center"> <small> <a href="https://itb.ac.id/news" class="text-decoration-none">News</a> · <a href="https://itb.ac.id/event" class="text-decoration-none">Agenda</a> · <a href="https://itb.ac.id/focus" class="text-decoration-none">Focus</a> · <a href="https://itb.ac.id/ebook/" class="text-decoration-none">E-Book</a> </small> </div> </div> </div> </section> </footer> <div id="btn-feedback"></div> <button type="button" class="btn btn-secondary btn-floating btn-sm bg-04" id="btn-back-to-top"> <i class="fas fa-arrow-up"></i> </button> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/js/all.js" integrity="sha512-HAXr8ULpyrhyIF0miP+mFTwOagNI+UVA38US1XdtBbkU7mse59ar0ck4KBil/jyzkTO37DWLfRQvEeUWgwHu0g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://itb.ac.id/assets/js/raphael-min.js"></script> <script src="https://itb.ac.id/assets/js/jquery-3.7.1.min.js"></script> <script src="https://itb.ac.id/assets/js/bootstrap.min.js"></script> <script src="https://itb.ac.id/assets/js/owl.carousel.min.js"></script> <script src="https://itb.ac.id/assets/js/parallax.js"></script> <script src="https://itb.ac.id/assets/js/script.js"></script> <script src="https://itb.ac.id/assets/js/menu.js"></script> <script src="https://itb.ac.id/assets/js/backtotop.min.js"></script> <script src="https://itb.ac.id//assets/js/accessibility.js"></script> <script> $(document).ready(function() { $('#btn-feedback').openAccessibility({ iconSize: 's', highlightedLinks: true, localization: ['en'] }); $(".open-accessibility-reset-button").trigger("click", { preventDefault: function() { console.log("Click event prevented."); } }); }) </script> <script> console.log('12-04-2025 01:15:09'); </script>  <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>  </body> </html>

CINXE.COM

Community Services - Institut Teknologi Bandung