CINXE.COM
History - Institut Teknologi Bandung
<!DOCTYPE html> <html lang="id-ID"> <head> <title>History - 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="History"> <!--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="History" /> <meta property="og:url" content="https://itb.ac.id/history" /> <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="History - " /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content=https://itb.ac.id/images/logo-itb-small.png /> <!-- E:tweeter card --> <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=202411240646" 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> </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> <div class="col-12"> </div> <section id="pages" class="bg-5 px-2"> <div class="container py-5"> <div class="row post-header"> <div class="col-12"> <div class="row"> <div class="col-12"> <ul class="list-unstyled d-flex"> <li class="me-2"><a href="http://twitter.com/home?status=https://itb.ac.id/history" title="Share on Twitter" target="_blank" class=" btn-twitter rounded"><i class="fa-brands fa-x-twitter"></i> </a> </li><li class="me-2"><a href="https://www.facebook.com/sharer/sharer.php?u=https://itb.ac.id/history" title="Share on Facebook" target="_blank" class="btn-facebook rounded"><i class="fa-brands fa-facebook"></i> </a> </li><li class="me-2"><a href="http://www.linkedin.com/shareArticle?mini=true&url=https://itb.ac.id/history&title=&summary=" title="Share on LinkedIn" target="_blank" class=" btn-linkedin rounded"><i class="fa-brands fa-linkedin"></i></span> </a></li> <li class="me-2"><a href="http://www.stumbleupon.com/submit?url=https://itb.ac.id/history" title="Share on StumbleUpon" target="_blank" data-placement="top" class=" btn-stumbleupon rounded"><i class="fa-brands fa-stumbleupon"></i> </a></li> <li class="me-2"><a href="https://wa.me/?text=https://itb.ac.id/history" title="Share on WhatsApp" target="_blank" class="btn-wa rounded"><i class="fa-brands fa-whatsapp"></i></a> </li> </ul> </div> <div class="col-12"> <nav><ul class="breadcrumb fs-7"> <li class="breadcrumb-item"><a href="https://itb.ac.id">Beranda</a></li> <li class="breadcrumb-item"><a href="https://itb.ac.id/about-itb">About ITB</a></li> <li class="breadcrumb-item active"></li> </ul></nav> <h2 class="fw-semibold mb-5">History</h2> </div> <div class="col-md-8 "> <div class="post-view post-view-static"> <div class="view"> <p>The history of engineering university in Indonesia dates back to the 20th century, when the Dutch colonial government established <em>De Technische Hoogeschool te Bandung</em> (THS) on July 3, 1920, on a 30-hectare plot of land in Bandung. At that time, there was only one faculty, <em>de Faculteit van Technische Wetenschap</em> and only one major, namely <em>de afdeeling der We gen Waterbouw</em>. The establishment of this engineering school was to fulfill the needs of technical personnel or engineers due to the outbreak of the First World War.</p> <p> <img src="/files/dokumentasi/1593228547-WhatsApp-Image-2020-06-26-at-14.10.12-2.jpeg" xss="removed"> </p> <p>The first academic year of TH Bandung, 1920-1921, was unique because TH Bandung only got 28 students, and two of them are Indonesian. Meanwhile, there were 12 professors at the beginning of 1922. Four years later, on July 4, 1924, twelve students graduated from TH Bandung. TH Bandung was a <em>Bijzondere School</em>, which later changed its status as a state-owned campus.</p> <p>On July 3, 1926, the 6th Anniversary of TH Bandung students graduated as engineers and 4 of them are Indonesian. That moment is remarked as the first time Indonesian engineers have graduated from TH Bandung. Our Founding Father, Ir. Soekarno, was one of the graduates. Later, he became the First President of the Republic of Indonesia.</p> <p>During the Japanese occupation in 1944-1945, TH changed its name to Bandung Kogyo Daigaku (BKD) and became Bandung Technical College (Sekolah Tinggi Teknik Bandung) after Indonesia's independence. Furthermore, in 1946, STT Bandung had moved to Yogyakarta as "STT Bandung in Jogja”, which later became Gadjah Mada University (UGM).</p> <p> <img src="/files/dokumentasi/1593228839-WhatsApp-Image-2020-06-26-at-14.55.10.jpeg" xss="removed"> </p> <p>On June 21, 1964, STT Bandung changed its name into Universiteit Van Indonesie under the control of NICA with <em>Faculteit van Technische Wetenschap</em>, and <em>Faculteit van Exacte Wetenschap</em> which were established later. After a long story, in 1950-1959, Universiteit Van Indonesie joined University of Indonesia as Faculty of Engineering and Faculty of Natural Sciences.</p> <p>Encouraged by ideas and beliefs based on Indonesian’s struggle to get independence and our bright future, the Indonesian Government inaugurated <a href="/legal-foundation">the establishment of Bandung Institute of Technology on March 2,1959</a>. In contrast to the five previous engineering school on the same campus, Institut Teknologi Bandung was born in an atmosphere full of dynamics, carrying the mission of devotion to science and technology, and building a developed generation for the future.</p> <p> <img src="/files/dokumentasi/1593228814-WhatsApp-Image-2020-06-26-at-15.16.30-3.jpeg" xss="removed"> </p> <p><strong>During the first decade of the 1960s,</strong> ITB began to foster up and develop itself with the statutes. During this period, preparations were made regarding the educational and teaching organizations, while also fulfilling the number of teaching staff and increasing their skill by assigning them to study abroad.</p> <p><strong>During the second decade of the 1970s,</strong> ITB was muddled with difficulty that arose towards the first period. The academic unit that had been formed was transformed into a work unit that also concurrently functions as a socio-economic unit that is limited to being a semi-autonomous institution. The level of academics was increasing, but the assignment to study abroad was decreasing. Internal facilities and statutes were increasingly utilized.</p> <p><strong>During the third decade of the 1980s,</strong> ITB’s improvement is marked by the movement of the statutes and teaching-learning process towards a modern era that was equipped with more campus facilities. The number of graduates increased, and postgraduate programs had also begun to start. This situation was supported by the improvement of the country’s socio-political and economic growth.</p> <p><strong>During the fourth decade of the 1990s,</strong> the engineering university that priorly only had one department, now offers twenty-six Bachelor Program Departments, including the Department of Socio-technology, along with thirty-four Master Programs, and three Doctoral Studies. These programs include the elements of science, technology, art, business, and humanities.</p> <p>This decade led ITB to a new century that is marked by the emergence of better concepts and ideas for its development process. Some of them include:</p> <ul> <li> That the rapid growth of information flow in the new century will demand an education that is accelerated, timely, integrated, sustainable, and the best investment effort. Related to this, ITB is willing to build its Bachelor Program on a solid foundation of basic science proficiency so that its graduates will be able to adapt to rapid environmental changes. Meanwhile, the Postgraduate Program is the pioneer to enhancing quality and quantity, efficiency, and effectiveness, as well as its relevance towards the needs, so that ITB’s contribution to the national development will be greater and more meaningful. </li> <li> That the proficiency and development of science and technology must be carried out intact and integrated, as in the role of Research and Development University. ITB’s development in science and technology is based on the purpose to boost the nation’s development plan. Therefore, ITB will develop itself in research and manufacture, communication and information technology, land-sea and aerospace transportation, environment, and biotechnology and biosciences. </li> <li> That the mission of community service is expected to be able to build business insights into independence, which is the initial capital for the maintenance of higher education autonomy. Business insight for independence is directed to reach actionable achievement and the duty of education and academic as high as possible. </li> <li> That the development of ITB will be based on the strengths of the institution in the form of optimum use of information, the maintenance of competent teaching staff with high quality skills and high devotion, integrated education system, and close collaboration with government, industry, research institutions, as well as domestic and overseas education institutions. The development is expected to be monitored and measured so it is in line with the Three Pillars of Higher Education, development of human resources, facilities, standard and work procedures, as well as the economic, socio-cultural and safety development. </li> <li> That the willingness to develop ITB is reflected by the excitement and mindset of all ITB stakeholders who acknowledge the nature of scientific fact; that the scientific reality can be reached by observation, followed by logical study. That the discovery of scientific truth is the right of every human beings, so that science and technology can be used to improve human welfare in the world, especially in Indonesia. </li> </ul> <p><strong>In the fifth decade of the 2000s,</strong> Institut Teknologi Bandung’s legal status was set to be State-Owned University according to the Government Regulation No. 155 of 2000 on December 26, 2000.</p> <p>State-Owned Universities were something unique and new by then. This began with the issuance of Government Regulation No. 61 of 1999 on the Establishment of State-Owned Universities as Legal Body, followed by the issuance of Government Regulation No. 155 of 2000 on the Establishment of Institut Teknologi Bandung as State-Owned University. Thus, with the issuance of the latter regulation, ITB has legally become a legal body. This means ITB had the right to carry out legal actions as long as following valid regulations. With the issuance of Government Regulation No. 61 of 1999, rivalry between universities, which was driven by globalization, became the first consideration. So, to boost competitiveness, Indonesia needs universities that can create democratic, independent citizens that can compete globally. In order to achieve that, universities, including ITB, need to be independent, autonomous, and thus having bigger responsibilities.</p> <p>On July 3, 2020, ITB celebrates its 100th year anniversary. Now ITB has graduated 120.000 alumni who have significant roles in developing the country. ITB now has 12 Faculties/Schools, 128 study programs, 111 research groups, 25 centers, 7 research centers, and 7 centers of excellence. Currently ITB has more than 26 thousand active students, 1.510 academic staffs, and 195 professors. ITB now has two main campus; Ganesa Campus and Jatinangor Campus. ITB has also become the leading national university, and a leader in the development of research, technology, and arts in Indonesia.</p> </div> </div> </div> <div class="col-md-4"> <div class="row"> <div class="col-12 post-rss post-addons m-0"> <h3 class="fw-semibold fs-5">About ITB </h3> <ul class="list-unstyled"> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/history">History</a> </li> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/vision-and-mission">Vision and Mission</a> </li> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/task-and-functions">Task and Functions</a> </li> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/in-harmonia-progressio-itb">In Harmonia Progressio ITB</a> </li> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/in-harmonia-progressio-locally-relevant-and-globally-respected-university">In Harmonia Progressio, Locally Relevant and Globally Respected University</a> </li> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/rector">Rector</a> </li> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/vice-rector">Vice Rector</a> </li> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/university-secretary">University Secretary</a> </li> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/board-of-trustees">Board of Trustees</a> </li> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/academic-senate">Academic Senate</a> </li> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/multicampus">Multicampus</a> </li> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/visit">Visit</a> </li> <li class="fs-7 py-2 border-bottom"> <a href="https://itb.ac.id/download">Download</a> </li> </ul> </div> <div class="col-12 post-rss"> </div> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="container p-4 block-29" id="multikampus"> <div class="row justify-content-md-center"> <div class="col-12 col-md-3 mb-4 block-26"> <div class="row"> <div class="col-md-3 col-2"><img src="/images/icons/ganesha-itb-footer.jpg" class="rounded float-right" alt="ITB Kampus Ganesha" width="40" height="40"></div> <div class="col-md-9 col-10"> <h3 class="fs-6 fw-semibold">ITB Kampus Ganesha</h3> <p class="fs-7"> Jl. Ganesa No. 10<br> Coblong, Kota Bandung, Jawa Barat<br> Indonesia 40132<br> <svg class="svg-inline--fa fa-envelope me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg><a href="mailto:humas@itb.ac.id" class="d-inline font-weight-normal">humas@itb.ac.id</a><br> </p> </div> </div> </div> <div class="col-12 col-md-3 mb-4 block-26"> <div class="row"> <div class="col-md-3 col-2"><img src="/images/icons/jatinangor-itb-footer.jpg" class="rounded float-right" alt="ITB Kampus Jatinangor" width="40" height="40"></div> <div class="col-md-9 col-10"> <h3 class="fs-6 fw-semibold">ITB Kampus Jatinangor</h3> <p class="fs-7"> Jl. Let. Jen. Purn. Dr. (HC) Mashudi No. 1<br> Jatinangor, Kab. Sumedang, Jawa Barat<br> Indonesia 45363<br> <svg class="svg-inline--fa fa-envelope me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg><a href="mailto:humas_jatinangor@itb.ac.id" class="d-inline font-weight-normal">humas_jatinangor@itb.ac.id</a><br> </p> </div> </div> </div> <div class="col-12 col-md-3 mb-4 block-26"> <div class="row"> <div class="col-md-3 col-2"><img src="/images/icons/cirebon-itb-footer.jpg" class="rounded float-right" alt="ITB Kampus Cirebon" width="40" height="40"></div> <div class="col-md-9 col-10"> <h3 class="fs-6 fw-semibold">ITB Kampus Cirebon</h3> <p class="fs-7"> Jl. Kebonturi<br> Arjawinangun, Kab. Cirebon, Jawa Barat<br> Indonesia 45162<br> <svg class="svg-inline--fa fa-envelope me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg><a href="mailto:kampuscirebon@itb.ac.id" class="d-inline font-weight-normal">kampuscirebon@itb.ac.id</a><br> </p> </div> </div> </div> <div class="col-12 col-md-3 mb-4 block-26"> <div class="row"> <div class="col-md-3 col-2"><img src="/images/icons/jakarta-itb-footer.jpg" class="rounded float-right" alt="ITB Kampus Jakarta" width="40" height="40"></div> <div class="col-md-9 col-10"> <h3 class="fs-6 fw-semibold">ITB Kampus Jakarta</h3> <p class="fs-7"> Gedung Graha Irama (Indorama) Lt. 10 & 12<br> Jl. H. R. Rasuna Said Kav. 1 Setiabudi<br> Kota Jakarta Selatan, DKI Jakarta Indonesia 12950<br> <svg class="svg-inline--fa fa-envelope me-2" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg><a href="mailto:kampusjakarta@itb.ac.id" class="d-inline font-weight-normal">kampusjakarta@itb.ac.id</a> </p> </div> </div> </div> </div> </div> <section id="menubottom" class="position-absolute w-100 bg-white px-2 mt-3"> <div class="container mb-4 mt-5"> <div class="row"> <div class="col-12 pb-5 text-center d-none d-lg-block d-xl-none"> <a href="/contact" class="btn btn-light block-more-02" role="button">kontak lanjut</a> </div> <div class="col-12 d-none d-sm-block"> <div class="row d-flex justify-content-between" id="footermenu"> <div class="col-12 col-md-2 col-lg-2"> <h3 class="fs-6">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('24-11-2024 06:46:55'); </script> </body> </html>