1<!DOCTYPE html> 2<html lang="id-ID"> 3 4<head> 5 <title> Institut Teknologi Bandung</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <meta name="author" content=""> 8 <meta name="title" content="Institut Teknologi Bandung, Bandung, Indonesia "> 9 <meta name="keywords" 10 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"> 11 <meta name="author" content="Webmaster Team, Direktorat Teknologi Informasi ITB"> 12 <meta name="description" content=""> 13 <meta name="google-site-verification" content="-f2zE64R5W4FD-r-RqtVXMZLEoyxE2mUwTOCfPzmXR0" /> 14 <!-- <meta name="msvalidate.01" content="746CE064434FE6D68B54BD98FD90B028" /> --> 15 16 <link rel="canonical" href="https://itb.ac.id/en" /> 17 <!--S:fb meta--> 18 <meta property="og:type" content="website" /> 19 <!-- <meta property="og:image" content=https://itb.ac.id/images/logo-itb-small.png /> 20 <meta property="og:title" content="" /> 21 <meta property="og:url" content="https://itb.ac.id/en" /> 22 <meta property="og:site_name" content="Institut Teknologi Bandung" /> 23 <meta property="og:description" content="" /> --> 24 <meta property="og:type" content="article" /> 25 <meta property="og:image" content="https://itb.ac.id/images/logo-itb-small.png" /> 26 <meta property="og:title" content="" /> 27 <meta property="og:url" content="https://itb.ac.id/en" /> 28 <meta property="og:site_name" content="Institut Teknologi Bandung" /> 29 <meta property="og:description" content="" /> 30 <meta property="og:image:width" content="1200" /> 31 <meta property="og:image:height" content="630" /> 32 <meta property="fb:admins" content="10208322639923490" /> 33 <meta property="fb:app_id" content="829371137173499" /> 34 <meta name="facebook-domain-verification" content="ff6unsl393t5dy5l81wlwr47le758y" /> 35 <!-- e:fb meta --> 36 <!-- S:tweeter card --> 37 <meta name="twitter:card" content="summary_large_image" /> 38 <meta name="twitter:site" content="@itbofficial" /> 39 <meta name="twitter:creator" content="@itbofficial"> 40 <meta name="twitter:title" content="" /> 41 <meta name="twitter:description" content="" /> 42 <meta name="twitter:image" content=https://itb.ac.id/images/logo-itb-small.png /> 43 <!-- E:tweeter card --> 44 45 <!-- <meta name="twitter:card" content="summary_large_image" /> 46 <meta name="twitter:site" content="@itbofficial" /> 47 <meta name="twitter:creator" content="@itbofficial" /> 48 <meta name="twitter:title" content="" /> 49 <meta name="twitter:description" content="" /> 50 <meta name="twitter:image" content="https://itb.ac.id/images/logo-itb-small.png" /> --> 51 52 53 54 <link rel="preload" href="https://itb.ac.id/assets/css/bootstrap.min.css" as="style" onload="this.rel='stylesheet'"> 55 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> 56 <link rel="preload" href="https://itb.ac.id/assets/css/all.min.css" as="style" onload="this.rel='stylesheet'"> 57 <link rel="stylesheet" href="https://itb.ac.id/assets/css/all-style.min.css?v=202609241559" as="style" onload="this.rel='stylesheet'"> 58 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet"> 59 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> 60
60<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
60 61 <link rel="shortcut icon" type="image/x-icon" href="https://itb.ac.id/favicon.ico"> 62 <link rel="icon" type="image/x-icon" href="https://itb.ac.id/favicon.ico"> 63 <style> 64 /* topnews */ 65 .topnews { 66 background-color: #f1f1f1; 67 } 68 69 .header-images, 70 .header-images img { 71 height: 35vh !important; 72 max-height: 35vh !important; 73 } 74 75 .header-images img { 76 object-fit: cover !important; 77 width: 100% !important; 78 object-position: 0px 10%; 79 } 80 81 .card-top-news .title { 82 background-color: #1a284d !important; 83 color: white; 84 } 85 86 .post-images:hover .img-fluid { 87 transform: scale(1.2); 88 } 89 90 .post-images { 91 overflow: hidden; 92 position: relative; 93 } 94 95 .img-fluid { 96 transition: all 1.1s; 97 } 98 99 100 /* Headline News */ 101 .headline_news hr, 102 .latest_news hr, 103 .area_agenda_itb hr, 104 .area_agenda hr { 105 opacity: unset; 106 border-width: 5px; 107 width: 4%; 108 border-color: #005aab; 109 /* border-color: white; */ 110 border-radius: 10px; 111 } 112 113 .area_video hr { 114 opacity: unset; 115 border-width: 5px; 116 width: 4%; 117 border-color: #005aab; 118 /* border-color: white; */ 119 border-radius: 10px; 120 } 121 122 .card-img-overlay { 123 background: rgba(0, 0, 0, .4) !important; 124 } 125 126 .card-overlay img { 127 object-fit: cover; 128 object-position: center; 129 } 130 131 .card-overlay { 132 overflow: hidden; 133 position: relative; 134 } 135 136 .card-img { 137 transition: all 1.1s; 138 } 139 140 .card-overlay:hover .card-img { 141 transform: scale(1.2); 142 143 } 144 145 .card-overlay a:hover { 146 text-decoration-color: #005aab; 147 text-decoration-thickness: 2px; 148 } 149 150 151 .btn-more a { 152 color: #005aab; 153 border: 2px solid #005aab; 154 } 155 156 .btn-more-white a { 157 color:rgb(255, 255, 255); 158 border: 2px solid rgb(255, 255, 255); 159 } 160 161 .btn-more a:hover { 162 text-decoration: none; 163 background-color: #005aab; 164 color: white; 165 } 166 167 /* .bg-kotak-agenda { 168 background-color: #005aab !important; 169 } */ 170 171 .badge-tgl-rm { 172 background-color: #005aab !important; 173 } 174 175 @media (max-width: 767.98px) { 176 177 .headline-images, 178 .header-images { 179 height: 25vh !important; 180 max-height: 25vh !important; 181 } 182 183 .headline_news hr, 184 .latest_news hr, 185 .area_agenda hr, 186 .area_video hr { 187 opacity: unset; 188 border-width: 5px; 189 width: 10%; 190 border-color: #005aab; 191 border-radius: 10px; 192 } 193 } 194</style> 195 </head> 196 197<body> 198 199 <nav style="background-color: #1a284d;
199 opacity: unset; " class="bg-1 z-3 block-header-01"> 200 <div class="container d-flex flex-wrap py-1"> 201 <ul class="nav me-auto flag mt-1"> 202 <li><a href="https://itb.ac.id/lang/id?redirect=https%3A%2F%2Fitb.ac.id%2Fen%3Fn%3D1790240367" class="mx-2" title="Bahasa Indonesia"><img src="https://itb.ac.id/images/flag-id.png" alt="Bahasa Indonesia"></a></li> 203 <li><a href="https://itb.ac.id/lang/en?redirect=https%3A%2F%2Fitb.ac.id%2Fen%3Fn%3D1790240367" class="mx-2" title="English"><img src="https://itb.ac.id/images/flag-en.png" alt="English"></a></li> 204 </ul> 205 <ul class="nav text-barlow-regular"> 206 <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="Profiles">Profiles</a></small></li> 207 <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> 208 <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> 209 <!-- <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> --> 210 <li class="nav-item d-none d-md-block d-lg-block d-xl-block"><small><a href="https://partnership.itb.ac.id/partnerships/" class="nav-link text-white text-decoration-none" title="Partners">Partners</a></small></li> 211 <!-- <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> --> 212 <!-- <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> --> 213 214 <li class="nav-item admission me-2"><small><a target="_blank" href="https://partnership.itb.ac.id/" class="nav-link text-decoration-none text-white fw-semibold" title="International Realize" style="background-color: #0d6efd; border-radius: 5px; margin-top: 4px;">International Relations</a></small></li> 215 <li class="nav-item admission"><small><a target="_blank" href="https://admission.itb.ac.id/en/" class="nav-link text-decoration-none text-white fw-semibold" title="Admission" style="background-color: #FF8F00; border-radius: 5px; margin-top: 4px;">Admission</a></small></li> 216 <li class="nav-item d-none d-md-block d-lg-block d-xl-block"><small><a href="/myitb" class="nav-link text-white text-decoration-none" title="My ITB">My ITB</a></small></li> 217 <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> 218 <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> 219 </ul> 220 </div> 221</nav> 222<header class="py-2 bg-2 z-3 block-header-02"> 223 <div class="container d-flex flex-wrap"> 224 <!-- <a href="https://itb.ac.id/" class="d-flex align-items-center mb-lg-0 me-lg-auto link-body-emphasis text-decoration-none" 225 aria-label="Institut Teknologi Bandung"> 226 <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> 227 </a> --> 228 <nav class="navbar py-0"> 229 <div class="container-fluid"> 230 <a class="navbar-brand link-body-emphasis text-decoration-none" href="https://itb.ac.id/"> 231 <img src="https://itb.ac.id/assets/images/Logo [email protected]" alt="Logo" width="57" height="55" class="d-inline-block align-text-center">
232 <span class="ms-2">INSTITUT TEKNOLOGI BANDUNG</span> 233 </a> 234 </div> 235 </nav> 236 <!-- <a href="https://itb.ac.id/" class="d-flex align-items-center mb-lg-0 me-lg-auto link-body-emphasis text-decoration-none" 237 aria-label="Institut Teknologi Bandung"> 238 <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> 239 </a> --> 240 <ul class="nav col col-md-auto mb-2 justify-content-end align-items-center mb-md-0 ms-3 text-barlow-regular"> 241 <li class="d-none d-sm-none d-md-block d-lg-block px-2 nav-menu fw-normal"><a href="https://itb.ac.id/about-itb" title="About ITB" target="_self" class="nav-link text-white p-0">About ITB</a></li> 242 <li class="d-none d-sm-none d-md-block d-lg-block px-2 nav-menu fw-normal"><a href="https://admission.itb.ac.id/en" title="Admission" target="_blank" class="nav-link text-white p-0">Admission</a></li> 243 <li class="d-none d-sm-none d-md-block d-lg-block px-2 nav-menu fw-normal"><a href="https://itb.ac.id/education" title="Education" target="_self" class="nav-link text-white p-0">Education</a></li> 244 <li class="d-none d-sm-none d-md-block d-lg-block px-2 nav-menu fw-normal"><a href="https://itb.ac.id/research" title="Research" target="_self" class="nav-link text-white p-0">Research</a></li> 245 <li class="d-none d-sm-none d-md-block d-lg-block px-2 nav-menu fw-normal"><a href="https://itb.ac.id/community-services" title="Community Services" target="_self" class="nav-link text-white p-0">Community Services</a></li> 246 <li class="d-none d-sm-none d-md-block d-lg-block px-2 nav-menu fw-normal"><a href="https://itb.ac.id/awards" title="Awards" target="_self" class="nav-link text-white p-0">Awards</a></li> 247 <li class="d-none d-sm-none d-md-block d-lg-block px-2 nav-menu fw-normal"><a href="https://itb.ac.id/multicampus" title="Multi Campus" target="_self" class="nav-link text-white p-0">Multi Campus</a></li> 248 <li class="ms-3" style="margin-top: -5px;"> 249 <a class="box-primary-nav-trigger" href="javascript:void()"> 250 <span class="box-menu-icon"></span> 251 </a> 252 </li> 253 </ul> 254 </div> 255 256</header> 257<nav class=""> 258 <div class="box-primary-nav"> 259 <div class="container"> 260 <div class=""> 261 <ul class="row"> 262 <li class="col-12 col-xs-4 col-sm-3 col-md-2 col-lg-2 p-0 d-block d-sm-none"> 263 <ul class="p-0 mb-5"> 264 <h4 class="fs-5" style="color: #fc0">Personal</h4> 265 <li><a href="https://itb.ac.id/myitb" class="nav-link" title="My ITB">My ITB</a></li> 266 <li><a href="https://itb.ac.id/staff" class="nav-link" title="Profiles">Profiles</a></li> 267 <li><a href="https://itb.ac.id/students" class="nav-link" title="Students">Students</a></li> 268 <li><a href="https://itb.ac.id/partners" class="nav-link" title="Partners">Partners</a></li> 269 <li><a href="https://itb.ac.id/alumni" class="nav-link" title="Alumni">Alumni</a></li> 270 <li><a href="https://itb.ac.id/visitor" class="nav-link" title="Visitors">Visitors</a></li> 271 <li><a href="https://itb.ac.id/press" class="nav-link" title="Press">Press</a></li> 272 273 </ul> 274 </li> 275 <li class="col-12 col-xs-4 col-sm-3 col-md-2 col-lg-2 p-0"> 276 277 <ul class="p-0 mb-5"> 278 <h4 class="fs-5"><a href="https://itb.ac.id/about-itb">About ITB</a></h4> 279 <li> 280 <a class="nav-link" 281 href="https://itb.ac.id/history" title="History" 282 target="_self" >History </a> 283 </li> 284 <li> 285 <a class="nav-link" 286 href="https://itb.ac.id/vision-and-mission" title="Vision and Mission" 287 target="_self" >Vision and Mission </a> 288 </li> 289 <li> 290 <a class="nav-link" 291 href="https://itb.ac.id/task-and-functions" title="Tasks and Functions" 292 target="_self" >Tasks and Functions </a> 293 </li> 294 <li> 295 <a class="nav-link" 296 href="https://itb.ac.id/board-of-officials" title="Officer" 297 target="_self" >Officer </a> 298 </li> 299 <li> 300 <a class="nav-link" 301 href="https://itb.ac.id/legal-foundation" title="Legal Foundation" 302 target="_self" >Legal Foundation </a> 303 </li> 304 <li> 305 <a class="nav-link" 306 href="https://itb.ac.id/board-of-trustees" title="Board of Trustee" 307 target="_self" >Board of Trustee </a> 308 </li> 309 <li> 310 <a class="nav-link" 311 href="https://itb.ac.id/organization-chart" title="Chart" 312 target="_self" >Chart </a> 313 </li> 314 <li> 315 <a class="nav-link" 316 href="https://itb.ac.id/academic-senate" title="Academic Senate" 317 target="_self" >Academic Senate </a> 318 </li> 319 <li> 320 <a class="nav-link" 321 href="https://itb.ac.id/multicampus" title="Multi Campus" 322 target="_self" >Multi Campus </a> 323 </li> 324 <li> 325 <a class="nav-link" 326 href="https://itb.ac.id/visit" title="Visit" 327 target="_self" >Visit </a> 328 </li> 329 </ul> 330 </li> 331 <li class="col-12 col-xs-4 col-sm-3 col-md-2 col-lg-2 p-0"> 332 333 <ul class="p-0 mb-5"> 334 <h4 class="fs-5"><a href="https://admission.itb.ac.id/en">Admission</a></h4> 335 <li> 336 <a class="nav-link" 337 href="https://itb.ac.id/undergraduate" title="Undergraduate"
338 target="_self" >Undergraduate </a> 339 </li> 340 <li> 341 <a class="nav-link" 342 href="https://itb.ac.id/the-graduate-school-of-multidisciplinary-science-and-technology" title="Graduate" 343 target="_self" >Graduate </a> 344 </li> 345 <li> 346 <a class="nav-link" 347 href="https://itb.ac.id/professional" title="Professional" 348 target="_self" >Professional </a> 349 </li> 350 <li> 351 <a class="nav-link" 352 href="https://itb.ac.id/student-exchange" title="Student Exchange" 353 target="_self" >Student Exchange </a> 354 </li> 355 <li> 356 <a class="nav-link" 357 href="https://itb.ac.id/international-students" title="International Student" 358 target="_self" >International Student </a> 359 </li> 360 </ul> 361 </li> 362 <li class="col-12 col-xs-4 col-sm-3 col-md-2 col-lg-2 p-0"> 363 364 <ul class="p-0 mb-5"> 365 <h4 class="fs-5"><a href="https://itb.ac.id/education">Education</a></h4> 366 <li> 367 <a class="nav-link" 368 href="https://itb.ac.id/faculties-and-schools" title="Faculties and Schools " 369 target="_self" >Faculties and Schools </a> 370 </li> 371 <li> 372 <a class="nav-link" 373 href="https://itb.ac.id/research-group" title="Research Groups" 374 target="_self" >Research Groups </a> 375 </li> 376 <li> 377 <a class="nav-link" 378 href="https://itb.ac.id/programs" title="Programs" 379 target="_self" >Programs </a> 380 </li> 381 <li> 382 <a class="nav-link" 383 href="https://itb.ac.id/scholarship" title="Scholarship" 384 target="_self" >
384Scholarship </a> 385 </li> 386 <li> 387 <a class="nav-link" 388 href="/staff/" title="Staff" 389 target="_self" >Staff </a> 390 </li> 391 </ul> 392 </li> 393 <li class="col-12 col-xs-4 col-sm-3 col-md-2 col-lg-2 p-0"> 394 395 <ul class="p-0 mb-5"> 396 <h4 class="fs-5"><a href="campus-life">Campus Life</a></h4> 397 <li> 398 <a class="nav-link" 399 href="https://itb.ac.id/student-life" title="Student Activities" 400 target="_self" >
400Student Activities </a> 401 </li> 402 <li> 403 <a class="nav-link" 404 href="https://itb.ac.id/explore" title="Explore" 405 target="_self" >Explore </a> 406 </li> 407 </ul> 408 </li> 409 <li class="col-12 col-xs-4 col-sm-3 col-md-2 col-lg-2 p-0"> 410 411 <ul class="p-0 mb-5"> 412 <h4 class="fs-5"><a href="/alumni">Alumni</a></h4> 413 <li> 414 <a class="nav-link" 415 href="https://itb.ac.id/alumni-programs" title="Programs" 416 target="_self" >Programs </a> 417 </li> 418 <li> 419 <a class="nav-link" 420 href="https://itb.ac.id/alumni-profile" title="Profile" 421 target="_self" >Profile </a> 422 </li> 423 <li> 424 <a class="nav-link" 425 href="https://itb.ac.id/give-to-itb" title="Donations" 426 target="_self" >Donations </a> 427 </li> 428 </ul> 429 </li> 430 </ul> 431 </div> 432 </div> 433 </div> 434</nav> 435 436 <div id="headlineCarousel" class="carousel slide mb-6" data-bs-ride="carousel"> 437 <div class="carousel-indicators"> 438 <button type="button" data-bs-target="#headlineCarousel" data-bs-slide-to="0" 439 class="active" 440 aria-current="true" 441 aria-label="Slide 0"></button> 442 <button type="button" data-bs-target="#headlineCarousel" data-bs-slide-to="1" 443 aria-label="Slide 1"></button> 444 <button type="button" data-bs-target="#headlineCarousel" data-bs-slide-to="2" 445 aria-label="Slide 2"></button> 446 <button type="button" data-bs-target="#headlineCarousel" data-bs-slide-to="3" 447 aria-label="Slide 3"></button> 448 <button type="button" data-bs-target="#headlineCarousel" data-bs-slide-to="4" 449 aria-label="Slide 4"></button> 450 </div> 451 <div class="carousel-inner"> 452 <div class="carousel-item active"> 453 454 <a href=""> 455 <img data-src="https://itb.ac.id/files/headline/Slider%20Website%20%281%29.png" class="img-fluid lazy" 456 width="2666" height="1000" alt="Slide QS 2026" 457 src="https://itb.ac.id/files/headline/Slider%20Website%20%281%29.png"> 458 </a> 459 460 </div> 461 <div class="carousel-item "> 462 463 <a href=""> 464 <img data-src="https://itb.ac.id/files/headline/QS%20WUR%20Subject%202026%20%281%29.png" class="img-fluid lazy" 465 width="2666" height="1000" alt="QS WUR 2026" 466 src="https://itb.ac.id/files/headline/QS%20WUR%20Subject%202026%20%281%29.png"> 467 </a> 468 469 </div> 470 <div class="carousel-item "> 471 472 <a href="https://satudata.itb.ac.id/"> 473 <img data-src="https://itb.ac.id/files/headline/Slider%20-%20satudata.png" class="img-fluid lazy" 474 width="2666" height="1000" alt="Satudata" 475 src="https://itb.ac.id/files/headline/Slider%20-%20satudata.png"> 476 </a> 477 478 </div> 479 <div class="carousel-item "> 480 481 <a href="https://ult.itb.ac.id/home"> 482 <img data-src="https://itb.ac.id/files/headline/Slider%20ULT.png" class="img-fluid lazy" 483 width="2666" height="1000" alt="Information Center" 484 src="https://itb.ac.id/files/headline/Slider%20ULT.png"> 485 </a> 486 487 </div> 488 <div class="carousel-item "> 489 490 <a href="http://jdih.itb.ac.id"> 491 <img data-src="https://itb.ac.id/files/headline/JDIH.png" class="img-fluid lazy" 492 width="2666" height="1000" alt="JDIH 2024" 493 src="https://itb.ac.id/files/headline/JDIH.png"> 494 </a> 495 496 </div> 497 498 </div> 499</div> 500 501<section id="headlinenews" class="px-2 headline_news"> 502 <div class="container py-4"> 503 <h2 class="display-6 fw-semibold text-body-emphasis m-0 p-0 text-barlow">Berita Utama</h2> 504 <hr class="mt-2 mb-1"> 505 <div class="row py-3 row-cols-1 row-cols-md-3 row-cols-lg-3"> 506 507 <div class="col mb-5"> 508 <div class="row"> 509 <div class="col-4 col-md-12"> 510 <div class="card d-none d-sm-none d-md-block d-lg-block text-white position-relative card-overlay"> 511 <a href="https://itb.ac.id/news/voyage-2026-showcases-physics-engineering-students-works-addressing-community-issues/63806" title="Voyage 2026 Showcases Physics Engineering Studentsâ Works Addressing Community Issues"> 512 <img src="https://itb.ac.id/files/dokumentasi/Voyage-1(1).jpg" alt="Voyage 2026 Showcases Physics Engineering Studentsâ Works Addressing Community Issues" 513 class="card-img" height="350px"></a>
514 <div class="card-img-overlay "> 515 <div class="position-absolute bottom-0 start-0 p-3"> 516 <a href="https://itb.ac.id/news/voyage-2026-showcases-physics-engineering-students-works-addressing-community-issues/63806" title="Voyage 2026 Showcases Physics Engineering Studentsâ Works Addressing Community Issues"> 517 <h3 class="fs-6 fw-semibold text-white">Voyage 2026 Showcases Physics Engineering Studentsâ Works Addressing Community Issues</h3> 518 </a> 519 </div> 520 </div> 521 </div> 522 </div> 523 <div class="container"> 524 <div class="d-sm-block d-lg-none d-md-none text-black bg-body-secondary mb-3 text-center post-images headline-images"> 525 <a href="https://itb.ac.id/news/voyage-2026-showcases-physics-engineering-students-works-addressing-community-issues/63806" title="Voyage 2026 Showcases Physics Engineering Studentsâ Works Addressing Community Issues" 526 class=""><img src="https://itb.ac.id/files/dokumentasi/Voyage-1(1).jpg" alt="Voyage 2026 Showcases Physics Engineering Studentsâ Works Addressing Community Issues" 527 class="img-fluid"></a> 528 529 </div> 530 <div class="d-sm-block d-lg-none d-md-none col-12"> 531 <a href="https://itb.ac.id/news/voyage-2026-showcases-physics-engineering-students-works-addressing-community-issues/63806" title="Voyage 2026 Showcases Physics Engineering Studentsâ Works Addressing Community Issues"> 532 <h3 class="fs-6 fw-semibold">Voyage 2026 Showcases Physics Engineering Studentsâ Works Addressing Community Issues</h3> 533 </a> 534 </div> 535 </div> 536 </div> 537 </div> 538 539 <div class="col mb-5"> 540 <div class="row"> 541 <div class="col-4 col-md-12"> 542 <div class="card d-none d-sm-none d-md-block d-lg-block text-white position-relative card-overlay"> 543 <a href="https://itb.ac.id/news/itb-promotes-a-culture-of-quality-and-prepares-students-for-the-global-industry-through-sni-goes-to-campus/63800" title="ITB Promotes a Culture of Quality and Prepares Students for the Global Industry through SNI Goes to Campus"> 544 <img src="https://itb.ac.id/files/dokumentasi/20260915-SNI-Goes-to-Campus1(2).jpg" alt="ITB Promotes a Culture of Quality and Prepares Students for the Global Industry through SNI Goes to Campus" 545 class="card-img" height="350px"></a> 546 <div class="card-img-overlay "> 547 <div class="position-absolute bottom-0 start-0 p-3"> 548 <a href="https://itb.ac.id/news/itb-promotes-a-culture-of-quality-and-prepares-students-for-the-global-industry-through-sni-goes-to-campus/63800" title="ITB Promotes a Culture of Quality and Prepares Students for the Global Industry through SNI Goes to Campus"> 549 <h3 class="fs-6 fw-semibold text-white">ITB Promotes a Culture of Quality and Prepares Students for the Global Industry through SNI Goes to Campus</h3> 550 </a> 551 </div> 552 </div> 553 </div> 554 </div> 555 <div class="container"> 556 <div class="d-sm-block d-lg-none d-md-none text-black bg-body-secondary mb-3 text-center post-images headline-images"> 557 <a href="https://itb.ac.id/news/itb-promotes-a-culture-of-quality-and-prepares-students-for-the-global-industry-through-sni-goes-to-campus/63800" title="ITB Promotes a Culture of Quality and Prepares Students for the Global Industry through SNI Goes to Campus" 558 class=""><img src="https://itb.ac.id/files/dokumentasi/20260915-SNI-Goes-to-Campus1(2).jpg" alt="ITB Promotes a Culture of Quality and Prepares Students for the Global Industry through SNI Goes to Campus" 559 class="img-fluid"></a> 560 561 </div> 562 <div class="d-sm-block d-lg-none d-md-none col-12"> 563 <a href="https://itb.ac.id/news/itb-promotes-a-culture-of-quality-and-prepares-students-for-the-global-industry-through-sni-goes-to-campus/63800" title="ITB Promotes a Culture of Quality and Prepares Students for the Global Industry through SNI Goes to Campus"> 564 <h3 class="fs-6 fw-semibold">ITB Promotes a Culture of Quality and Prepares Students for the Global Industry through SNI Goes to Campus</h3> 565 </a> 566 </div> 567 </div> 568 </div> 569 </div> 570 571 <div class="col mb-5"> 572 <div class="row"> 573 <div class="col-4 col-md-12"> 574 <div class="card d-none d-sm-none d-md-block d-lg-block text-white position-relative card-overlay"> 575 <a href="https://itb.ac.id/news/itb-rector-at-avpn-global-conference-2026-convergence-of-sciences-key-to-the-future-of-health/63799" title="ITB Rector at AVPN Global Conference 2026: Convergence of Sciences Key to the Future of Health"> 576 <img src="https://itb.ac.id/files/dokumentasi/20260914-AV1(1).jpeg" alt="ITB Rector at AVPN Global Conference 2026: Convergence of Sciences Key to the Future of Health" 577 class="card-img" height="350px"></a>
578 <div class="card-img-overlay "> 579 <div class="position-absolute bottom-0 start-0 p-3"> 580 <a href="https://itb.ac.id/news/itb-rector-at-avpn-global-conference-2026-convergence-of-sciences-key-to-the-future-of-health/63799" title="ITB Rector at AVPN Global Conference 2026: Convergence of Sciences Key to the Future of Health"> 581 <h3 class="fs-6 fw-semibold text-white">ITB Rector at AVPN Global Conference 2026: Convergence of Sciences Key to the Future of Health</h3> 582 </a> 583 </div> 584 </div> 585 </div> 586 </div> 587 <div class="container"> 588 <div class="d-sm-block d-lg-none d-md-none text-black bg-body-secondary mb-3 text-center post-images headline-images"> 589 <a href="https://itb.ac.id/news/itb-rector-at-avpn-global-conference-2026-convergence-of-sciences-key-to-the-future-of-health/63799" title="ITB Rector at AVPN Global Conference 2026: Convergence of Sciences Key to the Future of Health" 590 class=""><img src="https://itb.ac.id/files/dokumentasi/20260914-AV1(1).jpeg" alt="ITB Rector at AVPN Global Conference 2026: Convergence of Sciences Key to the Future of Health" 591 class="img-fluid"></a> 592 593 </div> 594 <div class="d-sm-block d-lg-none d-md-none col-12"> 595 <a href="https://itb.ac.id/news/itb-rector-at-avpn-global-conference-2026-convergence-of-sciences-key-to-the-future-of-health/63799" title="ITB Rector at AVPN Global Conference 2026: Convergence of Sciences Key to the Future of Health"> 596 <h3 class="fs-6 fw-semibold">ITB Rector at AVPN Global Conference 2026: Convergence of Sciences Key to the Future of Health</h3> 597 </a> 598 </div> 599 </div> 600 </div> 601 </div> 602 </div> 603 </div> 604</section> 605<section id="latestnews" class="px-2 latest_news mb-3"> 606 <div class="container py-2"> 607 <h2 class="display-6 fw-semibold text-body-emphasis m-0 text-barlow">Berita Terbaru</h2> 608 <hr class="mt-2 mb-1"> 609 <div class="row py-3 row-cols-2 row-cols-lg-4"> 610 <div class="col mb-2"> 611 <div class="text-black bg-body-secondary mb-3 text-center post-images" style="border-radius: 6px;> 612 <a href="https://itb.ac.id/news/forging-academic-ties-itb-holds-courtesy-meeting-with-iit-delhi/63798" title="Forging Academic Ties: ITB Holds Courtesy Meeting with IIT Delhi" 613 class=""><img src="https://itb.ac.id/files/dokumentasi/20260914-New-Delhi(1).jpg" alt="Forging Academic Ties: ITB Holds Courtesy Meeting with IIT Delhi" 614 class="img-fluid "></a> 615 616 </div> 617 <a href="https://itb.ac.id/news/forging-academic-ties-itb-holds-courtesy-meeting-with-iit-delhi/63798" title="Forging Academic Ties: ITB Holds Courtesy Meeting with IIT Delhi"> 618 <h3 class="fs-6 fw-semibold mb-3">Forging Academic Ties: ITB Holds Courtesy Meeting with IIT Delhi</h3> 619 </a> 620 <small class="fs-7 text-capitalize badge bg-warning text-dark"></small> 621 <small class="fs-7 badge bg-light text-dark">Monday, September 14 2026 </small> 622 623 624 </div> 625 <div class="col mb-2"> 626 <div class="text-black bg-body-secondary mb-3 text-center post-images" style="border-radius: 6px;> 627 <a href="https://itb.ac.id/news/stka-day-5-discussing-the-future-of-indonesian-architectural-historiography/63797" title="STKA DAY #5: Discussing the Future of Indonesian Architectural Historiography" 628 class=""><img src="https://itb.ac.id/files/dokumentasi/WhatsApp-Image-2026-09-14-at-14.07.50(1).jpeg" alt="STKA DAY #5: Discussing the Future of Indonesian Architectural Historiography" 629 class="img-fluid "></a> 630 631 </div> 632 <a href="https://itb.ac.id/news/stka-day-5-discussing-the-future-of-indonesian-architectural-historiography/63797" title="STKA DAY #5: Discussing the Future of Indonesian Architectural Historiography"> 633 <h3 class="fs-6 fw-semibold mb-3">STKA DAY #5: Discussing the Future of Indonesian Architectural Historiography</h3> 634 </a> 635 <small class="fs-7 text-capitalize badge bg-warning text-dark"></small> 636 <small class="fs-7 badge bg-light text-dark">Monday, September 14 2026 </small> 637 638 639 </div> 640 <div class="col mb-2"> 641 <div class="text-black bg-body-secondary mb-3 text-center post-images" style="border-radius: 6px;> 642 <a href="https://itb.ac.id/news/at-the-age-of-14-kevin-vincent-noel-sitanggang-begins-a-new-journey-as-an-itb-student/63795" title="At the Age of 14, Kevin Vincent Noel Sitanggang Begins a New Journey as an ITB Student" 643 class=""><img src="https://itb.ac.id/files/dokumentasi/20260914-Kevin(1).jpg" alt="At the Age of 14, Kevin Vincent Noel Sitanggang Begins a New Journey as an ITB Student" 644 class="img-fluid "></a> 645 646 </div> 647 <a href="https://itb.ac.id/news/at-the-age-of-14-kevin-vincent-noel-sitanggang-begins-a-new-journey-as-an-itb-student/63795" title="At the Age of 14, Kevin Vincent Noel Sitanggang Begins a New Journey as an ITB Student"> 648 <h3 class="fs-6 fw-semibold mb-3">At the Age of 14, Kevin Vincent Noel Sitanggang Begins a New Journey as an ITB Student</h3> 649 </a> 650 <small class="fs-7 text-capitalize badge bg-warning text-dark"></small> 651 <small class="fs-7 badge bg-light text-dark">Monday, September 14 2026 </small> 652 653 654 </div> 655 <div class="col mb-2"> 656 <div class="text-black bg-body-secondary mb-3 text-center post-images" style="border-radius: 6px;> 657 <a href="https://itb.ac.id/news/prof-mustika-sufiati-purw
657anegaras-scientific-oration-transforming-knowledge-into-msme-capabilities-through-knowledge-orchestration/63792" title="Prof. Mustika Sufiati Purwanegaraâs Scientific Oration: Transforming Knowledge into MSME Capabilities through Knowledge Orchestration" 658 class=""><img src="https://itb.ac.id/files/dokumentasi/20260919---Mustika-1(1).jpg" alt="Prof. Mustika Sufiati Purwanegaraâs Scientific Oration: Transforming Knowledge into MSME Capabilities through Knowledge Orchestration" 659 class="img-fluid "></a> 660 661 </div> 662 <a href="https://itb.ac.id/news/prof-mustika-sufiati-purwanegaras-scientific-oration-transforming-knowledge-into-msme-capabilities-through-knowledge-orchestration/63792" title="Prof. Mustika Sufiati Purwanegaraâs Scientific Oration: Transforming Knowledge into MSME Capabilities through Knowledge Orchestration"> 663 <h3 class="fs-6 fw-semibold mb-3">Prof. Mustika Sufiati Purwanegaraâs Scientific Oration: Transforming Knowledge into MSME Capabilities through Knowledge Orchestration</h3> 664 </a> 665 <small class="fs-7 text-capitalize badge bg-warning text-dark"></small> 666 <small class="fs-7 badge bg-light text-dark">Saturday, September 12 2026 </small> 667 668 669 </div> 670 </div> 671 </div> 672 <div class=" container btn-more d-flex justify-content-end align-items-center "> 673 674 <a href="https://itb.ac.id/news/indeks" class="px-2 py-2 rounded fs-7 fw-semibold mx-1" 675 title="Selengkapnya">Selengkapnya</a> 676 <!-- <i class="bi bi-arrow-right text-primary fs-5"></i> --> 677 </div> 678 679 680</section> 681 682<!-- <section id="topheadernews" class="bg-3-aliceblue px-2" class="topnews"> 683 <div class="container py-5"> 684 <div class="row g-4"> 685 <div class="col-lg-6"> 686 <a href="https://itb.ac.id/kolom-rektor/sambutan-rektor/rectors-speech-at-ptti-july-2025" 687 title="Rector's Speech at PTTI July 2025" class="text-decoration-none"> 688 <div class="bg-card-top-news p-3"> 689 <div class="top-news-card"> 690 <div class="news-image-top-card position-relative"> 691 <span class="top-news-badge">Sambutan Rektor</span> 692 <img class="img-fluid" 693 src="https://itb.ac.id/images/rektor/R_PTTI_2025.jpg" 694 alt="Rector's Speech at PTTI July 2025"> 695 </div> 696 697 <div class="top-news-body"> 698 <h3 class="top-news-title"> 699 Rector's Speech at PTTI July 2025</h3> 700 </h3> 701 702 <p class="top-news-desc"> 703 <p>ITB today is not merely a historical monument; it is one of the initiators and active participants in that long course of history itself. This history is written not only through buildings and curricula, but through the meeting of national spirit, the dedication of its lecturers, the hard work of its students, and a grand aspiration to build Indonesia through science and technology. 704 However, the greatness of ITBâs history must never become merely an engaging story to be retold, let alone an excuse for complacency. The future cannot be built solely on fond and heroic memories of the past. History must serve as a reference for shaping our dreams and as a foundation from which we leap forward. From history, we must be able to read the signs of the times, respond to change, and prepare ourselves with both humility and confidence. 705</p> </p> 706 </div> 707 </div> 708 </div> 709 </a> 710 </div> 711 <div class="col-lg-6"> 712 <a href="https://itb.ac.id/news/itb-rector-inaugurates-deans-for-the-20252030-term/62434" title="ITB Rector Inaugurates Deans for the 2025â2030 Term" class="text-decoration-none"> 713 <div class="bg-card-top-news p-3"> 714 <div class="top-news-card"> 715 <div class="news-image-top-card position-relative">
716 <span class="top-news-badge">Sorotan</span> 717 <img class="img-fluid" 718 src="https://itb.ac.id/files/dokumentasi/WhatsApp-Image-2025-06-02-at-11.56.44_36754c8a.jpg" alt="ITB Rector Inaugurates Deans for the 2025â2030 Term"> 719 </div> 720 721 <div class="top-news-body"> 722 <h3 class="top-news-title"> 723 ITB Rector Inaugurates Deans for the 2025â2030 Term </h3> 724 725 <p class="top-news-desc"> 726 BANDUNG, itb.ac.id â The Rector of Institut Teknologi Bandung (ITB), Prof. Dr. Ir. Tatacipta Dirgantara, M.T., officially inaugurated the Deans of ITB for the 2025â2030 term on Monday (June 2, 2025) at the West Hall, ITB Ganesha Campus. </p> 727 </div> 728 </div> 729 </div> 730 </a> 731 </div> 732 </div> 733 </div> 734 735</section> --> 736 737<!--agenda rektor--> 738<section id="agenda_rektor" class="px-2 area_agenda mt-4 bg-3-lightgrey"> 739 740 <div class="container py-3"> 741 <div class="d-flex justify-content-between align-items-end"> 742 <h2 class="display-6 fw-semibold text-dark m-0 text-barlow">Rektor Menyapa</h2> 743 </div> 744 <hr class="mb-0" style="bo"> 745 <div class="row g-5 py-4 mb-3 row-cols-2 row-cols-lg-4"> 746 <div class="col mb-2" > 747 <div class="text-black bg-body-secondary mb-3 text-center post-images" style="border-radius: 6px;"> 748 <a href="https://itb.ac.id/rektor/agenda/rektor-menkes-dan-gubernur-dki-jakarta-buka-rangkaian-peluncuran-itb-ultra-marathon-2026" title="Rektor, Menkes, dan Gubernur DKI Jakarta Buka Rangkaian Peluncuran ITB Ultra Marathon 2026" class="" > 749 <img src="https://itb.ac.id/files/agenda/R_ITB_Ultra_Marathon_2026_1.jpeg" alt="Rektor, Menkes, dan Gubernur DKI Jakarta Buka Rangkaian Peluncuran ITB Ultra Marathon 2026" class="img-fluid " ></a> 750 751 </div> 752 <a href="https://itb.ac.id/rektor/agenda/rektor-menkes-dan-gubernur-dki-jakarta-buka-rangkaian-peluncuran-itb-ultra-marathon-2026" title="Rektor, Menkes, dan Gubernur DKI Jakarta Buka Rangkaian Peluncuran ITB Ultra Marathon 2026" > 753 <!-- <h3 class="fs-6 fw-semibold mb-3 text-white" >Rektor, Menkes, dan Gubernur DKI Jakarta Buka Rangkaian Peluncuran ITB Ultra Marathon 2026</h3> --> 754 <h3 class="fs-6 fw-semibold mb-3 text-dark" >ITB Rector, Health Minister, and Jakarta Governor Launch ITB Ultra Marathon 2026</h3> 755 </a> 756 <!-- <small class="fs-7 badge bg-light text-dark" style="font-size: 12.8px;">16 Agustus 2026 </small> --> 757 <small class="fs-7 badge bg-dark badge-tgl-rm text-white" style="font-size: 12.8px;"> Sunday, August 16 2026</small> 758 759 760 </div> 761 <div class="col mb-2" > 762 <div class="text-black bg-body-secondary mb-3 text-center post-images" style="border-radius: 6px;"> 763 <a href="https://itb.ac.id/rektor/agenda/itb-dan-universiti-brunei-darussalam-jalin-kerja-sama-strategis-bidang-akademik-hingga-penelitian" title="ITB dan Universiti Brunei Darussalam Jalin Kerja Sama Strategis Bidang Akademik hingga Penelitian" class="" > 764 <img src="https://itb.ac.id/files/agenda/R_Brunei_2026_1.jpeg" alt="ITB dan Universiti Brunei Darussalam Jalin Kerja Sama Strategis Bidang Akademik hingga Penelitian" class="img-fluid " ></a> 765 766 </div> 767 <a href="https://itb.ac.id/rektor/agenda/itb-dan-universiti-brunei-darussalam-jalin-kerja-sama-strategis-bidang-akademik-hingga-penelitian" title="ITB dan Universiti Brunei Darussalam Jalin Kerja Sama Strategis Bidang Akademik hingga Penelitian" > 768 <!-- <h3 class="fs-6 fw-semibold mb-3 text-white" >ITB dan Universiti Brunei Darussalam Jalin Kerja Sama Strategis Bidang Akademik hingga Penelitian</h3> --> 769 <h3 class="fs-6 fw-semibold mb-3 text-dark" >ITB and Universiti Brunei Darussalam Forge Strategic Partnership in Academics and Research</h3> 770 </a> 771 <!-- <small class="fs-7 badge bg-light text-dark" style="font-size: 12.8px;">12 Agustus 2026 </small> --> 772 <small class="fs-7 badge bg-dark badge-tgl-rm text-white" style="font-size: 12.8px;"> Wednesday, August 12 2026</small> 773 774 775 </div> 776 <div class="col mb-2" > 777 <div class="text-black bg-body-secondary mb-3 text-center post-images" style="border-radius: 6px;"> 778 <a href="https://itb.ac.id/rektor/agenda/silaturahmi-rektor-itb-dan-duta-besar-yaman-buka-kerja-sama-akademik-internasional" title="Silaturahmi Rektor ITB dan Duta Besar Yaman, Buka Kerja Sama Akademik Internasional" class="" > 779 <img src="https://itb.ac.id/files/agenda/WhatsApp%20Image%202
779026-08-09%20at%2009.01.07.jpeg" alt="Silaturahmi Rektor ITB dan Duta Besar Yaman, Buka Kerja Sama Akademik Internasional" class="img-fluid " ></a> 780 781 </div> 782 <a href="https://itb.ac.id/rektor/agenda/silaturahmi-rektor-itb-dan-duta-besar-yaman-buka-kerja-sama-akademik-internasional" title="Silaturahmi Rektor ITB dan Duta Besar Yaman, Buka Kerja Sama Akademik Internasional" > 783 <!-- <h3 class="fs-6 fw-semibold mb-3 text-white" >Silaturahmi Rektor ITB dan Duta Besar Yaman, Buka Kerja Sama Akademik Internasional</h3> --> 784 <h3 class="fs-6 fw-semibold mb-3 text-dark" >ITB Rector and Yemeni Ambassador Explore Opportunities for International Academic Collaboration</h3> 785 </a> 786 <!-- <small class="fs-7 badge bg-light text-dark" style="font-size: 12.8px;">7 Agustus 2026 </small> --> 787 <small class="fs-7 badge bg-dark badge-tgl-rm text-white" style="font-size: 12.8px;"> Friday, August 7 2026</small> 788 789 790 </div> 791 <div class="col mb-2" > 792 <div class="text-black bg-body-secondary mb-3 text-center post-images" style="border-radius: 6px;"> 793 <a href="https://itb.ac.id/rektor/agenda/pab-iom-2026-rektor-itb-sinergi-kampus-dan-orang-tua-kunci-keberhasilan-mahasiswa" title="PAB IOM 2026, Rektor ITB: Sinergi Kampus dan Orang Tua Kunci Keberhasilan Mahasiswa" class="" > 794 <img src="https://itb.ac.id/files/agenda/WhatsApp%20Image%202026-08-09%20at%2008.57.10.jpeg" alt="PAB IOM 2026, Rektor ITB: Sinergi Kampus dan Orang Tua Kunci Keberhasilan Mahasiswa" class="img-fluid " ></a> 795 796 </div> 797 <a href="https://itb.ac.id/rektor/agenda/pab-iom-2026-rektor-itb-sinergi-kampus-dan-orang-tua-kunci-keberhasilan-mahasiswa" title="PAB IOM 2026, Rektor ITB: Sinergi Kampus dan Orang Tua Kunci Keberhasilan Mahasiswa" > 798 <!-- <h3 class="fs-6 fw-semibold mb-3 text-white" >PAB IOM 2026, Rektor ITB: Sinergi Kampus dan Orang Tua Kunci Keberhasilan Mahasiswa</h3> --> 799 <h3 class="fs-6 fw-semibold mb-3 text-dark" >PAB IOM 2026, ITB Rector: CampusâParent Collaboration Is Key to Student Success</h3> 800 </a> 801 <!-- <small class="fs-7 badge bg-light text-dark" style="font-size: 12.8px;">5 Agustus 2026 </small> --> 802 <small class="fs-7 badge bg-dark badge-tgl-rm text-white" style="font-size: 12.8px;"> Wednesday, August 5 2026</small> 803 804 805 </div> 806 </div> 807 <div class="d-flex justify-content-end"> 808 <div class="d-flex align-items-center btn-more justify-content-center"> 809 <a href="https://itb.ac.id/rektor/rektor-menyapa/" class=" px-2 py-2 rounded fs-7 fw-semibold mx-1">Selengkapnya </a> 810 </div> 811 </div> 812 </div> 813</section> 814 815 816<!-- Agenda ITB --> 817<section id="agenda" class="px-2 area_agenda_itb mt-4"> 818 <div class="container py-2"> 819 <div class="d-flex justify-content-between align-items-end"> 820 <h2 class="display-6 fw-semibold text-body-emphasis m-0 text-barlow">Agenda Kegiatan</h2> 821 <!-- <div class=""> 822 <a href="https://itb.ac.id/event" class="btn block-more-03 fs-7">Selengkapnya></a> 823 </div> --> 824 </div> 825 <hr class="mb-0"> 826 <div class="row g-5 py-4 mb-3 row-cols-1 row-cols-lg-3"> 827 <!-- <div class="col"> 828 <div class="row"> 829 <div class="col-4 text-center"> 830 <div class="py-3 bg-kotak-agenda"> 831 <h4 class="fw-bold fs-1 text-white mb-0">20</h4> 832 <span class="fw-semibold text-08">Oct</span> 833 </div> 834 </div> 835 <div class="col-8"> 836 <a class="link-body-emphasis" 837 href="https://itb.ac.id/event/info/gr%C3%B3-gtp-itb-short-course-geothermal-drilling-engineering-formation-evaluation:478" 838 title="GRÃ-GTP Ã ITB Short Course: Geothermal Drilling Engineering & Formation Evaluation"> 839 <h3 class="fs-6 fw-semibold">GRÃ-GTP Ã ITB Short Course: Geothermal Drilling Engineering & Formation Evaluation</h3> 840 </a> 841 <small class="fs-7 text-body-secondary">Bandung</small> 842 </div> 843 </div> 844 </div> 845 <div class="col"> 846 <div class="row"> 847 <div class="col-4 text-center"> 848 <div class="py-3 bg-kotak-agenda"> 849 <h4 class="fw-bold fs-1 text-white mb-0">05</h4>
850 <span class="fw-semibold text-08">Nov</span> 851 </div> 852 </div> 853 <div class="col-8"> 854 <a class="link-body-emphasis" 855 href="https://itb.ac.id/event/info/the-9th-international-conference-on-mathematics-and-natural-sciences:448" 856 title="The 9th International Conference on Mathematics and Natural Sciences"> 857 <h3 class="fs-6 fw-semibold">The 9th International Conference on Mathematics and Natural Sciences</h3> 858 </a> 859 <small class="fs-7 text-body-secondary">CRCS and CAS Building, Ganesha Campus ITB, Bandung, Indonesia</small> 860 </div> 861 </div> 862 </div> 863 --> 864 <div class="col-lg-4 col-md-12"> 865 <a class="link-body-emphasis text-decoration-none" 866 href="https://itb.ac.id/event/info/gr%C3%B3-gtp-itb-short-course-geothermal-drilling-engineering-formation-evaluation:478" 867 title="GRÃ-GTP Ã ITB Short Course: Geothermal Drilling Engineering & Formation Evaluation"> 868 <div class="row shadow flex-column area-kotak-agenda"> 869 <div class="col-12"> 870 <div class="py-3 bg-kotak-agenda gap-1 d-flex align-items-end"> 871 <h4 class="fw-bold fs-1 mb-0"> 872 20 </h4> 873 <span class="fw-semibold text-08"> 874 Oct </span> 875 </div> 876 <div> 877 878 <h3 class="fs-6 fw-semibold text-break">GRÃ-GTP Ã ITB Short Course: Geothermal Drilling Engineering & Formation Evaluation</h3> 879 </div> 880 </div> 881 <div class="col-12"> 882 <small class="fs-7 text-body-secondary">Bandung</small> 883 </div> 884 </div> 885 </a> 886 </div> 887 <div class="col-lg-4 col-md-12"> 888 <a class="link-body-emphasis text-decoration-none" 889 href="https://itb.ac.id/event/info/the-9th-international-conference-on-mathematics-and-natural-sciences:448" 890 title="The 9th International Conference on Mathematics and Natural Sciences"> 891 <div class="row shadow flex-column area-kotak-agenda"> 892 <div class="col-12"> 893 <div class="py-3 bg-kotak-agenda gap-1 d-flex align-items-end"> 894 <h4 class="fw-bold fs-1 mb-0"> 895 05 </h4> 896 <span class="fw-semibold text-08"> 897 Nov </span> 898 </div> 899 <div> 900 901 <h3 class="fs-6 fw-semibold text-break">The 9th International Conference on Mathematics and Natural Sciences</h3> 902 </div> 903 </div> 904 <div class="col-12"> 905 <small class="fs-7 text-body-secondary">CRCS and CAS Building, Ganesha Campus ITB, Bandung, Indonesia</small> 906 </div> 907 </div> 908 </a> 909 </div> 910 </div> 911 <div class="d-flex justify-content-end"> 912 <div class="d-flex align-items-center btn-more justify-content-center"> 913 <a href="https://itb.ac.id/event" class=" px-2 py-2 rounded fs-7 fw-semibold mx-1">Selengkapnya </a> 914 <!-- <i class="bi bi-arrow-right text-primary fs-5"></i>
914 --> 915 </div> 916 </div> 917 </div> 918</section> 919 <section id="video" class="bg-3-lightgrey px-2 mt-3 area_video"> 920 <div class="container py-4"> 921 <h2 class="display-6 fw-semibold text-dark text-barlow">Video</h2> 922 <hr class="mt-1 mb-1"> 923 <!-- <h2 class="display-6 fw-semibold text-body-emphasis text-center">Video</h2> --> 924 <div class="row py-3 row-cols-2 row-cols-lg-4"> 925 <div class="col mb-2"> 926 <div class="row"> 927 <!--<div class=" bg-body-secondary"> 928 <div class="d-flex align-items-center justify-content-center text-center" 929 style="height: 8vh; background-color: #005aab;"> 930 <h3 class="fs-6 fw-semibold text-white mb-0"> 931 <a href=" " 932 class="text-white" 933 title=""></a> 934 </h3> 935 </div> 936 <div class="post-images mt-0"> 937 <a href="" 938 class="" title=""> 939 <img data-src="" 940 class="img-fluid lazy" 941 alt=""> 942 </a> 943 </div> 944 </div>--> 945 946 <div class="col-4 col-12"> 947 <div class=" bg-body-secondary mb-3 text-center post-images" style="border-radius: 6px;"> 948 <a href="https://itb.ac.id/multimedia/w/video-profil-itb-2026/3XggvGnH3T0" 949 class="" title="Video Profil ITB 2026"> 950 <img data-src="https://i.ytimg.com/vi/3XggvGnH3T0/mqdefault.jpg" 951 class="img-fluid lazy" 952 alt="Video Profil ITB 2026"> 953 </a> 954 </div> 955 </div> 956 <div class="col-8 col-12"> 957 <h3 class="fs-6 fw-semibold"> 958 <a href="https://itb.ac.id/multimedia/w/video-profil-itb-2026/3XggvGnH3T0" 959 class="text-dark" 960 title="Video Profil ITB 2026">Video Profil ITB 2026</a> 961 </h3> 962 </div> 963 </div> 964 </div> 965 <div class="col mb-2"> 966 <div class="row"> 967 <!--<div class=" bg-body-secondary"> 968 <div class="d-flex align-items-center justify-content-center text-center" 969 style="height: 8vh; background-color: #005aab;"> 970 <h3 class="fs-6 fw-semibold text-white mb-0"> 971 <a href=" " 972 class="text-white" 973 title=""></a> 974 </h3> 975 </div> 976 <div class="post-images mt-0"> 977 <a href="" 978 class="" title=""> 979 <img data-src="" 980 class="img-fluid lazy" 981 alt=""> 982 </a> 983 </div> 984 </div>--> 985 986 <div class="col-4 col-12"> 987 <div class=" bg-body-secondary mb-3 text-center post-images" style="border-radius: 6px;"> 988 <a href="https://itb.ac.id/multimedia/w/gerakan-itb-peduli-sumatera/ZMh7UUvAE4M" 989 class="" title="Gerakan ITB Peduli Sumatera"> 990 <img data-src="https://i.ytimg.com/vi/ZMh7UUvAE4M/mqdefault.jpg" 991 class="img-fluid lazy" 992 alt="Gerakan ITB Peduli Sumatera"> 993 </a> 994 </div> 995 </div> 996 <div class="col-8 col-12"> 997 <h3 class="fs-6 fw-semibold"> 998 <a href="https://itb.ac.id/multimedia/w/gerakan-itb-peduli-sumatera/ZMh7UUvAE4M" 999 class="text-dark" 1000 title="Gerakan ITB Peduli Sumatera">Gerakan ITB Peduli Sumatera</a> 1001 </h3> 1002 </div> 1003 </div> 1004 </div> 1005 <div class="col mb-2"> 1006 <div class="row"> 1007 <!--<div class=" bg-body-secondary"> 1008 <div class="d-flex align-items-center justify-content-center text-center" 1009 style="height: 8vh; background-color: #005aab;"> 1010 <h3 class="fs-6 fw-semibold text-white mb-0"> 1011 <a href=" " 1012 class="text-white" 1013 title=""></a> 1014 </h3> 1015 </div> 1016 <div class="post-images mt-0"> 1017 <a href="" 1018 class="" title=""> 1019 <img data-src="" 1020 class="img-fluid lazy" 1021 alt=""> 1022 </a> 1023 </div> 1024 </div>--> 1025 1026 <div class="col-4 col-12"> 1027 <div class=" bg-body-secondary mb-3 text-center post-images" style="border-radius: 6px;"> 1028 <a href="https://itb.ac.id/multimedia/w/kaleidoskop-itb-2025/BCaFCIt-R8s" 1029 class="" title="Kaleidoskop ITB 2025"> 1030 <img data-src="https://i.ytimg.com/vi/BCaFCIt-R8s/mqdefault.jpg" 1031 class="img-fluid lazy" 1032 alt="Kaleidoskop ITB 2025"> 1033 </a> 1034 </div> 1035 </div> 1036 <div class="col-8 col-12"> 1037 <h3 class="fs-6 fw-semibold"> 1038 <a href="https://itb.ac.id/multimedia/w/kaleidoskop-itb-2025/BCaFCIt-R8s" 1039 class="text-dark" 1040 title="Kaleidoskop ITB 2025">Kaleidoskop ITB 2025</a> 1041 </h3> 1042 </div> 1043 </div> 1044 </div> 1045 <div class="col mb-2"> 1046 <div class="row"> 1047 <!--<div class=" bg-body-secondary"> 1048 <div class="d-flex align-items-center justify-content-center text-center" 1049 style="height: 8vh; background-color: #005aab;"> 1050 <h3 class="fs-6 fw-semibold text-white mb-0"> 1051 <a href=" " 1052 class="text-white" 1053 title=""></a> 1054 </h3> 1055 </div> 1056 <div class="post-images mt-0"> 1057 <a href="" 1058 class="" title=""> 1059 <img data-src="" 1060 class="img-fluid lazy" 1061 alt=""> 1062 </a> 1063 </div> 1064 </div>--> 1065 1066 <div class="col-4 col-12"> 1067 <div class=" bg-body-secondary mb-3 text-center post-images" style="border-radius: 6px;"> 1068 <a href="https://itb.ac.id/multimedia/w/program-ekspedisi-patriot-institut-teknologi-bandung-2025/ycHHrbL_Gic" 1069 class="" title="Program Ekspedisi Patriot Institut Teknologi Bandung 2025"> 1070 <img data-src="https://i.ytimg.com/vi/ycHHrbL_Gic/mqdefault.jpg" 1071 class="img-fluid lazy" 1072 alt="Program Ekspedisi Patriot Institut Teknologi Bandung 2025"> 1073 </a> 1074 </div> 1075 </div> 1076 <div class="col-8 col-12"> 1077 <h3 class="fs-6 fw-semibold"> 1078 <a href="https://itb.ac.id/multimedia/w/program-ekspedisi-patriot-institut-teknologi-bandung-2025/ycHHrbL_Gic" 1079 class="text-dark" 1080 title="Program Ekspedisi Patriot Institut Teknologi Bandung 2025">Program Ekspedisi Patriot Institut Teknologi Bandung 2025</a> 1081 </h3> 1082 </div> 1083 </div> 1084 </div> 1085 1086 </div> 1087 <div class="d-flex justify-content-end align-items-center btn-more"> 1088 <a href="https://itb.ac.id/multimedia" class="px-2 py-2 rounded fs-7 fw-semibold mx-1">Selengkapnya</a> 1089 <!-- <i class="bi bi-arrow-right text-primary fs-5"></i>
1089 --> 1090 </div> 1091 </div> 1092 </section> 1093 1094 <div class="container py-5"> 1095 <div class="row row-cols-2 row-cols-lg-6"> 1096 <div class="col"> 1097 <div class="d-inline-flex align-items-center justify-content-center text-black mb-3"> <a href="https://jdih.itb.ac.id/" class="text-decoration-none" title="JDIH ITB"> <img data-src="images/banner-itb-jdih.png" alt="JDIH ITB" class="img-fluid border" src="images/banner-itb-jdih.png"> </a> </div> 1098 </div> 1099 <div class="col"> 1100 <div class="d-inline-flex align-items-center justify-content-center text-black mb-3"> <a href="https://itb.ac.id/gpr" class="text-decoration-none" title="ITB GPR"> <img data-src="images/banner-itb-gpr.png" alt="ITB GPR" class="img-fluid border" src="images/banner-itb-gpr.png"> </a> </div> 1101 </div> 1102 <div class="col"> 1103 <div class="d-inline-flex align-items-center justify-content-center text-black mb-3"> <a href="https://lapor.go.id/" class="text-decoration-none" title="ITB Lapor"> <img data-src="images/banner-itb-lapor.png" alt="ITB Lapor" class="img-fluid border" src="images/banner-itb-lapor.png"> </a> </div> 1104 </div> 1105 <div class="col"> 1106 <div class="d-inline-flex align-items-center justify-content-center text-black mb-3"> <a href="https://ppid.itb.ac.id/" class="text-decoration-none" title="PPID ITB"> <img data-src="images/banner-itb-ppid.png" alt="PPID ITB" class="img-fluid border" src="images/banner-itb-ppid.png"> </a> </div> 1107 </div> 1108 <div class="col"> 1109 <div class="d-inline-flex align-items-center justify-content-center text-black mb-3"> <a href="https://bai.itb.ac.id/zona-integritas-2/" class="text-decoration-none" title="Zone Integritas ITB"> <img data-src="images/banner-itb-zi.png" alt="Zone Integritas ITB" class="img-fluid border" src="images/banner-itb-zi.png"> </a> </div> 1110 </div> 1111 <div class="col"> 1112 <div class="d-inline-flex align-items-center justify-content-center text-black mb-3"> <a href="https://ppid.itb.ac.id/informasi-publik?keyword=laporan+keuangan" class="text-decoration-none" title="Laporan Keuangan ITB"> <img data-src="images/banner-itb-laporan-keuangan.png" alt="Laporan Keuangan ITB" class="img-fluid border" src="images/banner-itb-laporan-keuangan.png"> </a> </div> 1113 </div> 1114 </div> 1115 </div> 1116 1117 1118 <footer> 1119 1120 <style> 1121 .contact-grid { 1122 display: grid; 1123 grid-template-columns: repeat(4, 1fr); 1124 gap: 20px; 1125 /*margin-top: 30px;*/ 1126 } 1127 1128 .contact-card { 1129 background: white; 1130 border-radius: 12px; 1131 padding: 30px; 1132 box-shadow: 0 4px 20px rgba(0,0,0,0.1); 1133 transition: transform 0.3s ease, box-shadow 0.3s ease; 1134 } 1135 1136 .contact-card:hover { 1137 box-shadow: 0 8px 30px rgba(0,0,0,0.15); 1138 } 1139 1140 .contact-card h2 { 1141 color: #003d82; 1142 font-size: 20px; 1143 margin-bottom: 20px; 1144 padding-bottom: 15px; 1145 border-bottom: 3px solid #0055b8; 1146 display: flex; 1147 align-items: center; 1148 gap: 10px; 1149 } 1150 1151 .icon { 1152 width: 24px; 1153 height: 24px; 1154 fill: #0055b8; 1155 } 1156 1157 .contact-info { 1158 color: #555; 1159 line-height: 1.8; 1160 } 1161 1162 .contact-info p { 1163 margin-bottom: 8px; 1164 } 1165 1166 .email-link { 1167 display: inline-flex; 1168 align-items: center; 1169 gap: 8px; 1170 color: #0055b8; 1171 text-decoration: none; 1172 margin-top: 15px; 1173 padding: 5px 5px; 1174 background: #f0f7ff; 1175 border-radius: 6px; 1176 transition: background 0.3s ease; 1177 font-size: 12px; 1178 } 1179 1180 .email-link:hover { 1181 background: #e0efff; 1182 } 1183 1184 .email-icon { 1185 width: 18px;
1186 height: 18px; 1187 fill: #0055b8; 1188 } 1189 1190 @media (max-width: 992px) { 1191 .contact-grid { 1192 grid-template-columns: repeat(2, 1fr); 1193 } 1194 } 1195 1196 @media (max-width: 576px) { 1197 .contact-grid { 1198 grid-template-columns: 1fr; 1199 } 1200 } 1201 </style> 1202 1203 1204 1205 <div class="container"> 1206 <div class="view row mb-4"> 1207 <!-- Kampus Ganesha --> 1208 <div class="col-md-6 col-lg-3 mb-2"> 1209 <div class="contact-card"> 1210 <h2> 1211 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> 1212 <path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"></path> 1213 </svg> 1214 ITB Campus Ganesha 1215 </h2> 1216 <div class="contact-info"> 1217 <p>Jl. Ganesa 10</p> 1218 <p>Coblong, Kota Bandung, Jawa Barat</p> 1219 <p>Indonesia 40132</p> 1220 <a href="mailto:[email protected]" class="email-link"> 1221 <svg class="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1222 <path 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> 1223 </svg> 1224 [email protected] 1225 </a> 1226 </div> 1227 </div> 1228 </div> 1229 1230 <!-- Kampus Jatinangor --> 1231 <div class="col-md-6 col-lg-3 mb-2"> 1232 <div class="contact-card"> 1233 <h2> 1234 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> 1235 <path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"></path> 1236 </svg> 1237 ITB Campus Jatinangor 1238 </h2> 1239 <div class="contact-info"> 1240 <p>Jalan Let. Jen. Purn. Dr. (HC). Mashudi No. 1</p> 1241 <p>Jatinangor, Kab. Sumedang</p> 1242 <p>Jawa Barat, Indonesia 45363</p> 1243 <a href="mailto:[email protected]" class="email-link"> 1244 <svg class="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1245 <path 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> 1246 </svg> 1247 [email protected] 1248 </a> 1249 </div> 1250 </div> 1251 </div> 1252 1253 <!-- Kampus Cirebon --> 1254 <div class="col-md-6 col-lg-3 mb-2"> 1255 <div class="contact-card"> 1256 <h2> 1257 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> 1258 <path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"></path> 1259 </svg> 1260 ITB Campus Cirebon 1261 </h2> 1262 <div class="contact-info"> 1263 <p>Jl. Kebonturi, Arjawinangun</p> 1264 <p>Kab. Cirebon</p> 1265 <p>Jawa Barat, Indonesia 45162</p> 1266 <a href="mailto:[email protected]" class="email-link"> 1267 <svg class="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1268 <path 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> 1269 </svg> 1270 [email protected] 1271 </a> 1272 </div> 1273 </div> 1274 </div> 1275 1276 <!-- Kampus Jakarta --> 1277 <div class="col-md-6 col-lg-3 mb-2"> 1278 <div class="contact-card"> 1279 <h2> 1280 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> 1281 <path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"></path> 1282 </svg> 1283 ITB Campus Jakarta 1284 </h2> 1285 <div class="contact-info"> 1286 <p>Gedung Graha Irama (Indorama) Lt. 10 & 12</p> 1287 <p>Jl. H. R. Rasuna Said Kav. 1 Setiabudi</p> 1288 <p>Kota Jakarta Selatan, DKI Jakarta</p> 1289 <p>Indonesia 12950</p> 1290 <a href="mailto:[email protected]" class="email-link"> 1291 <svg class="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1292 <path 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> 1293 </svg> 1294 [email protected] 1295 </a> 1296 </div> 1297 </div> 1298 </div> 1299 1300 </div> 1301 </div> 1302 1303 1304 <!--<style>-->
1305 <!-- .area-icon img {--> 1306 <!-- border: 2px solid #005aab;--> 1307 <!-- padding : 2px;--> 1308 <!-- }--> 1309 <!-- .area-informasi h3 {--> 1310 <!-- background-color: #005aab;--> 1311 <!-- padding : 5px;--> 1312 <!-- color: white;--> 1313 <!-- }--> 1314 <!--</style>--> 1315 1316 <!--<div class="container p-4 block-29" id="multikampus">--> 1317 <!-- <div class="row justify-content-md-center">--> 1318 <!-- <div class="col-12 col-md-3 mb-4 block-26">--> 1319 <!-- <div class="row">--> 1320 <!-- <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>--> 1321 <!-- <div class="col-md-9 col-10 area-informasi">--> 1322 <!-- <h3 class="fs-6 fw-semibold">ITB Kampus Ganesha</h3>--> 1323 <!-- <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="">--> 1324 <!-- <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>--> 1325 <!-- </svg><a href="mailto:[email protected]" class="d-inline font-weight-normal">[email protected]</a><br> </p>--> 1326 <!-- </div>--> 1327 <!-- </div>--> 1328 <!-- </div>--> 1329 <!-- <div class="col-12 col-md-3 mb-4 block-26">--> 1330 <!-- <div class="row">--> 1331 <!-- <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>--> 1332 <!-- <div class="col-md-9 col-10 area-informasi">--> 1333 <!-- <h3 class="fs-6 fw-semibold">ITB Kampus Jatinangor</h3>--> 1334 <!-- <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="">--> 1335 <!-- <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>--> 1336 <!-- </svg><a href="mailto:[email protected]" class="d-inline font-weight-normal">[email protected]</a><br> </p>--> 1337 <!-- </div>--> 1338 <!-- </div>--> 1339 <!-- </div>--> 1340 <!-- <div class="col-12 col-md-3 mb-4 block-26">--> 1341 <!-- <div class="row">--> 1342 <!-- <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>--> 1343 <!-- <div class="col-md-9 col-10 area-informasi">--> 1344 <!-- <h3 class="fs-6 fw-semibold">ITB Kampus Cirebon</h3>--> 1345 <!-- <p class="fs-7">Desa Kebonturi, Arjawinangun,<br>Blok.04 RT. 003/RW. 004, 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="">-->
1346 <!-- <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>--> 1347 <!-- </svg><a href="mailto:[email protected]" class="d-inline font-weight-normal">[email protected]</a><br> </p>--> 1348 <!-- </div>--> 1349 <!-- </div>--> 1350 <!-- </div>--> 1351 <!-- <div class="col-12 col-md-3 mb-4 block-26">--> 1352 <!-- <div class="row">--> 1353 <!-- <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>--> 1354 <!-- <div class="col-md-9 col-10 area-informasi">--> 1355 <!-- <h3 class="fs-6 fw-semibold">ITB Kampus Jakarta</h3>--> 1356 <!-- <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="">--> 1357 <!-- <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>--> 1358 <!-- </svg><a href="mailto:[email protected]" class="d-inline font-weight-normal">[email protected]</a> </p>--> 1359 <!-- </div>--> 1360 <!-- </div>--> 1361 <!-- </div>--> 1362 <!-- </div>--> 1363 <!--</div>--> 1364 1365 1366<section id="menubottom" class="position-absolute w-100 bg-white px-2 mt-3 footer-theme"> 1367 <div class="container mb-4 mt-5"> 1368 <div class="row"> 1369 <div class="col-12 pb-5 text-center d-none d-lg-block d-xl-none"> 1370 <a href="/contact" class="btn footer-btn-contact" 1371 role="button">kontak lanjut</a> 1372 </div> 1373 <div class="col-12 d-none d-sm-block"> 1374 <div class="row d-flex justify-content-between" id="footermenu"> 1375 <div class="col-12 col-md-2 col-lg-2"> 1376 <h3 class="footer-col-title">About ITB</h3> 1377 <ul class="footer-link-list"> 1378 <li> 1379 <a href="https://itb.ac.id/history" class="footer-link" title="History" 1380 target="_self" >History</a> 1381 </li> 1382 <li> 1383 <a href="https://itb.ac.id/visit" class="footer-link" title="Visit" 1384 target="_self" >Visit</a> 1385 </li> 1386 <li> 1387 <a href="https://itb.ac.id/download" class="footer-link" title="Download" 1388 target="_self" >Download</a> 1389 </li> 1390 <li> 1391 <a href="/directories" class="footer-link" title="Directories" 1392 target="_self" >Directories</a> 1393 </li> 1394 <li> 1395 <a href="http://petakampus.itb.ac.id/" class="footer-link" title="Campus Map" 1396 target="_blank" >Campus Map</a> 1397 </li> 1398 </ul> 1399 </div> 1400 <div class="col-12 col-md-2 col-lg-2"> 1401 <h3 class="footer-col-title">Admission</h3> 1402 <ul class="footer-link-list"> 1403 <li> 1404 <a href="https://itb.ac.id/student-exchange" class="footer-link" title="Student Exchange" 1405 target="_self" >Student Exchange</a> 1406 </li> 1407 <li> 1408 <a href="https://itb.ac.id/professional" class="footer-link" title="Professional" 1409 target="_self" >Professional</a> 1410 </li> 1411 <li> 1412 <a href="https://itb.ac.id/the-graduate-school-of-multidisciplinary-science-and-technology" class="footer-link" title="Graduate"
1413 target="_self" >Graduate</a> 1414 </li> 1415 <li> 1416 <a href="https://itb.ac.id/undergraduate" class="footer-link" title="Undergraduate" 1417 target="_self" >Undergraduate</a> 1418 </li> 1419 <li> 1420 <a href="https://itb.ac.id/international-students" class="footer-link" title="International Student" 1421 target="_self" >International Student</a> 1422 </li> 1423 </ul> 1424 </div> 1425 <div class="col-12 col-md-2 col-lg-2"> 1426 <h3 class="footer-col-title">Education</h3> 1427 <ul class="footer-link-list"> 1428 <li> 1429 <a href="https://itb.ac.id/faculties-and-schools" class="footer-link" title="Faculties and Schools " 1430 target="_self" >Faculties and Schools </a> 1431 </li> 1432 <li> 1433 <a href="https://itb.ac.id/programs" class="footer-link" title="Programs" 1434 target="_self" >Programs</a> 1435 </li> 1436 <li> 1437 <a href="https://itb.ac.id/scholarship" class="footer-link" title="Scholarship" 1438 target="_self" >Scholarship</a> 1439 </li> 1440 <li> 1441 <a href="https://edunex.itb.ac.id/edunex-landing" class="footer-link" title="Distance Learning " 1442 target="_self" >Distance Learning </a> 1443 </li> 1444 <li> 1445 <a href="https://edunex.itb.ac.id/edunex-landing" class="footer-link" title="Blended Learning" 1446 target="_self" >Blended Learning</a> 1447 </li> 1448 <li> 1449 <a href="https://lib.itb.ac.id/" class="footer-link" title="Digital Library" 1450 target="_self" >Digital Library</a> 1451 </li> 1452 <li> 1453 <a href="/agenda/academic" class="footer-link" title="Academic Agenda" 1454 target="_self" >Academic Agenda</a> 1455 </li> 1456 </ul> 1457 </div> 1458 <div class="col-12 col-md-2 col-lg-2"> 1459 <h3 class="footer-col-title">Research</h3> 1460 <ul class="footer-link-list"> 1461 <li> 1462 <a href="https://itb.ac.id/research" class="footer-link" title="Research" 1463 target="_self" >Research</a> 1464 </li> 1465 <li> 1466 <a href="https://itb.ac.id/research-group" class="footer-link" title="Research Groups" 1467 target="_self" >Research Groups</a> 1468 </li> 1469 <li> 1470 <a href="https://itb.ac.id/journal" class="footer-link" title="Journal" 1471 target="_self" >Journal</a> 1472 </li> 1473 </ul> 1474 </div> 1475 <div class="col-12 col-md-2 col-lg-2"> 1476 <h3 class="footer-col-title">Community Services</h3> 1477 <ul class="footer-link-list"> 1478 <li> 1479 <a href="https://dkst.itb.ac.id/" class="footer-link" title="DKST" 1480 target="_blank" >DKST</a> 1481 </li> 1482 <li> 1483 <a href="https://dri.itb.ac.id/" class="footer-link" title="DRI" 1484 target="_blank" >DRI</a> 1485 </li> 1486 <li> 1487 <a href="https://dpmk.itb.ac.id/" class="footer-link" title="DPMK" 1488 target="_blank" >DPMK</a> 1489 </li> 1490 <li> 1491 <a href="https://partnership.itb.ac.id/" class="footer-link" title="Partnership" 1492 target="_blank" >Partnership</a> 1493 </li> 1494 <li> 1495 <a href="https://bpudl.itb.ac.id/" class="footer-link" title="BPU
1495DL" 1496 target="_blank" >BPUDL</a> 1497 </li> 1498 </ul> 1499 </div> 1500 1501 </div> 1502 </div> 1503 <div class="col-12 d-block d-sm-none"> 1504 <div class="accordion footer-accordion"> 1505 <div class="accordion-item footer-accordion-item"> 1506 <button aria-expanded="false"> 1507 <h3 class="accordion-title footer-col-title m-0">About ITB</h3> 1508 <span class="icon" aria-hidden="true"></span> 1509 </button> 1510 <div class="accordion-content"> 1511 <ul class="list-unstyled footer-link-list"> 1512 <li> 1513 <a href="https://itb.ac.id/history" class="footer-link" 1514 target="_self" >History</a> 1515 </li> 1516 <li> 1517 <a href="https://itb.ac.id/visit" class="footer-link" 1518 target="_self" >Visit</a> 1519 </li> 1520 <li> 1521 <a href="https://itb.ac.id/download" class="footer-link" 1522 target="_self" >Download</a> 1523 </li> 1524 <li> 1525 <a href="/directories" class="footer-link" 1526 target="_self" >Directories</a> 1527 </li> 1528 <li> 1529 <a href="http://petakampus.itb.ac.id/" class="footer-link" 1530 target="_blank" >Campus Map</a> 1531 </li> 1532 </ul> 1533 </div> 1534 </div> 1535 <div class="accordion-item footer-accordion-item"> 1536 <button aria-expanded="false"> 1537 <h3 class="accordion-title footer-col-title m-0">Admission</h3> 1538 <span class="icon" aria-hidden="true"></span> 1539 </button> 1540 <div class="accordion-content"> 1541 <ul class="list-unstyled footer-link-list"> 1542 <li> 1543 <a href="https://itb.ac.id/student-exchange" class="footer-link" 1544 target="_self" >Student Exchange</a> 1545 </li> 1546 <li> 1547 <a href="https://itb.ac.id/professional" class="footer-link" 1548 target="_self" >Professional</a> 1549 </li> 1550 <li> 1551 <a href="https://itb.ac.id/the-graduate-school-of-multidisciplinary-science-and-technology" class="footer-link" 1552 target="_self" >Graduate</a> 1553 </li> 1554 <li> 1555 <a href="https://itb.ac.id/undergraduate" class="footer-link" 1556 target="_self" >Undergraduate</a> 1557 </li> 1558 <li> 1559 <a href="https://itb.ac.id/international-students" class="footer-link" 1560 target="_self" >
1560International Student</a> 1561 </li> 1562 </ul> 1563 </div> 1564 </div> 1565 <div class="accordion-item footer-accordion-item"> 1566 <button aria-expanded="false"> 1567 <h3 class="accordion-title footer-col-title m-0">Education</h3> 1568 <span class="icon" aria-hidden="true"></span> 1569 </button> 1570 <div class="accordion-content"> 1571 <ul class="list-unstyled footer-link-list"> 1572 <li> 1573 <a href="https://itb.ac.id/faculties-and-schools" class="footer-link" 1574 target="_self" >Faculties and Schools </a> 1575 </li> 1576 <li> 1577 <a href="https://itb.ac.id/programs" class="footer-link" 1578 target="_self" >Programs</a> 1579 </li> 1580 <li> 1581 <a href="https://itb.ac.id/scholarship" class="footer-link" 1582 target="_self" >Scholarship</a> 1583 </li> 1584 <li> 1585 <a href="https://edunex.itb.ac.id/edunex-landing" class="footer-link" 1586 target="_self" >Distance Learning </a> 1587 </li> 1588 <li> 1589 <a href="https://edunex.itb.ac.id/edunex-landing" class="footer-link" 1590 target="_self" >Blended Learning</a> 1591 </li> 1592 <li> 1593 <a href="https://lib.itb.ac.id/" class="footer-link" 1594 target="_self" >Digital Library</a> 1595 </li> 1596 <li> 1597 <a href="/agenda/academic" class="footer-link" 1598 target="_self" >Academic Agenda</a> 1599 </li> 1600 </ul> 1601 </div> 1602 </div> 1603 <div class="accordion-item footer-accordion-item"> 1604 <button aria-expanded="false"> 1605 <h3 class="accordion-title footer-col-title m-0">Research</h3> 1606 <span class="icon" aria-hidden="true"></span> 1607 </button> 1608 <div class="accordion-content"> 1609 <ul class="list-unstyled footer-link-list"> 1610 <li> 1611 <a href="https://itb.ac.id/research" class="footer-link" 1612 target="_self" >Research</a> 1613 </li> 1614 <li> 1615 <a href="https://itb.ac.id/research-group" class="footer-link" 1616 target="_self" >Research Groups</a> 1617 </li> 1618 <li> 1619 <a href="https://itb.ac.id/journal" class="footer-link" 1620 target="_self" >Journal</a> 1621 </li> 1622 </ul> 1623 </div> 1624 </div> 1625 <div class="accordion-item footer-accordion-item"> 1626 <button aria-expanded="false"> 1627 <h3 class="accordion-title footer-col-title m-0">Community Services</h3>
1628 <span class="icon" aria-hidden="true"></span> 1629 </button> 1630 <div class="accordion-content"> 1631 <ul class="list-unstyled footer-link-list"> 1632 <li> 1633 <a href="https://dkst.itb.ac.id/" class="footer-link" 1634 target="_blank" >DKST</a> 1635 </li> 1636 <li> 1637 <a href="https://dri.itb.ac.id/" class="footer-link" 1638 target="_blank" >DRI</a> 1639 </li> 1640 <li> 1641 <a href="https://dpmk.itb.ac.id/" class="footer-link" 1642 target="_blank" >DPMK</a> 1643 </li> 1644 <li> 1645 <a href="https://partnership.itb.ac.id/" class="footer-link" 1646 target="_blank" >Partnership</a> 1647 </li> 1648 <li> 1649 <a href="https://bpudl.itb.ac.id/" class="footer-link" 1650 target="_blank" >BPUDL</a> 1651 </li> 1652 </ul> 1653 </div> 1654 </div> 1655 </div> 1656 </div> 1657 1658 <div class="col-12 pt-5 text-center mb-5"> 1659 <a href="https://www.facebook.com/institutteknologibandung" target="_blank" class="footer-social-icon" title="Facebook"> 1660 <i class="fa-brands fa-facebook"></i> 1661 </a> 1662 <a href="https://www.instagram.com/itb1920/" target="_blank" class="footer-social-icon" title="Instagram"> 1663 <i class="fa-brands fa-instagram"></i> 1664 </a> 1665 <a href="https://twitter.com/itbofficial" target="_blank" class="footer-social-icon" title="X (Twitter)"> 1666 <i class="fa-brands fa-x-twitter"></i> 1667 </a> 1668 <a href="https://www.tiktok.com/@itbofficial" target="_blank" class="footer-social-icon" title="TikTok"> 1669 <i class="fa-brands fa-tiktok"></i> 1670 </a> 1671 <a href="https://www.youtube.com/user/itbofficial" target="_blank" class="footer-social-icon" title="YouTube"> 1672 <i class="fa-brands fa-youtube"></i> 1673 </a> 1674 </div> 1675 <div class="col-12 text-center"> 1676 <div class="footer-quicklinks"> 1677 <a href="https://itb.ac.id/news" class="footer-quicklink">News</a> 1678 <a href="https://itb.ac.id/event" class="footer-quicklink">Events</a> 1679 <a href="https://itb.ac.id/focus" class="footer-quicklink">Focus</a> 1680 <a href="https://itb.ac.id/ebook/" class="footer-quicklink">E-Book</a> 1681 <a href="https://itb.ac.id/multimedia/" class="footer-quicklink">Multimedia</a> 1682 </div> 1683 </div> 1684 1685 </div> 1686 </div> 1687</section> 1688 1689<style> 1690 1691 .footer-theme { border-top: 3px solid #003D7A; } 1692 1693 .footer-btn-contact { 1694 background: #e8f0fb; 1695 color: #003D7A; 1696 font-weight: 600; 1697 border-radius: 8px; 1698 padding: 8px 22px; 1699 border: 1px solid #c5d3e5; 1700 transition: background 0.15s ease, color 0.15s ease; 1701 } 1702 .footer-btn-contact:hover { background: #003D7A; color: #fff; } 1703 1704 .footer-col-title { 1705 font-size: 0.75rem; 1706 font-weight: 700; 1707 letter-spacing: 0.08em; 1708 text-transform: uppercase; 1709 color: #003D7A; 1710 border-bottom: 2px solid #003D7A; 1711 padding-bottom: 6px; 1712 margin-bottom: 12px; 1713 } 1714 1715 .footer-link-list { list-style: none; margin: 0; padding: 0; } 1716 .footer-link-list li { margin-bottom: 4px; } 1717 .footer-link { 1718 display: block; 1719 font-size: 0.85rem; 1720 color: #444; 1721 text-decoration: none; 1722 padding: 4px 2px; 1723 border-radius: 6px; 1724 transition: color 0.15s ease, padding-left 0.15s ease; 1725 } 1726 .footer-link:hover { color: #003D7A; padding-left: 6px; } 1727 1728 /* Accordion (mobile) */ 1729 .footer-accordion-item { 1730 border-bottom: 1px solid #e0e6ef; 1731 } 1732 .footer-accordion-item button { 1733 width: 100%; 1734 display: flex; 1735 justify-content: space-between; 1736 align-items: center; 1737 background: none; 1738 border: none; 1739 padding: 12px 4px; 1740 cursor: pointer; 1741 } 1742 .footer-accordion-item .footer-col-title { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } 1743 .footer-accordion-item .icon { 1744 width: 10px; height: 10px; 1745 border-right: 2px solid #003D7A; 1746 border-bottom: 2px solid #003D7A; 1747 transform: rotate(45deg); 1748 transition: transform 0.2s ease; 1749 } 1750 .footer-accordion-item[aria-expanded="true"] .icon, 1751 .footer-accordion-item button[aria-expanded="true"] .icon { transform: rotate(-135deg); } 1752 .footer-accordion-item .accordion-content { padding: 0 4px 12px; } 1753 1754 /* Social icons */ 1755 .footer-social-icon { 1756 display: inline-flex; 1757 align-items: center; 1758 justify-content: center; 1759 width: 40px; 1760 height: 40px; 1761 border-radius: 50%; 1762 background: #e8f0fb; 1763 color: #003D7A; 1764 font-size: 1.05rem; 1765 margin: 0 6px; 1766 text-decoration: none; 1767 border: 1px solid #c5d3e5; 1768 transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease; 1769 } 1770 .footer-social-icon:hover { 1771 background: #C8102E; 1772 color: #fff; 1773 border-color: #C8102E; 1774 transform: translateY(-3px); 1775 } 1776 1777 /* Quick links */ 1778 .footer-quicklinks { 1779 display: flex; 1780 flex-wrap: wrap; 1781 justify-content: center; 1782 gap: 6px; 1783 } 1784 .footer-quicklink { 1785 font-size: 0.8rem; 1786 font-weight: 600; 1787 color: #003D7A; 1788 background: #e8f0fb; 1789 border: 1px solid #c5d3e5; 1790 border-radius: 20px; 1791 padding: 5px 14px; 1792 text-decoration: none; 1793 transition: background 0.15s ease, color 0.15s ease; 1794 } 1795 .footer-quicklink:hover { background: #003D7A; color: #fff; } 1796 1797 @media (max-width: 768px) { 1798 .footer-social-icon { width: 36px; height: 36px; font-size: 0.95rem; margin: 0 4px; } 1799 .footer-quicklink { font-size: 0.75rem; padding: 4px 10px; } 1800 } 1801</style> 1802 </footer>
1803 <div id="btn-feedback"></div> 1804 <button type="button" class="btn btn-secondary btn-floating btn-sm bg-04" id="btn-back-to-top"> 1805 <i class="fas fa-arrow-up"></i> 1806 </button> 1807
1807<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/js/all.js" 1808 integrity="sha512-HAXr8ULpyrhyIF0miP+mFTwOagNI+UVA38US1XdtBbkU7mse59ar0ck4KBil/jyzkTO37DWLfRQvEeUWgwHu0g==" 1809 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1809 1810
1810<script src="https://itb.ac.id/assets/js/raphael-min.js"></script>
1810 1811
1811<script src="https://itb.ac.id/assets/js/jquery-3.7.1.min.js"></script>
1811 1812
1812<script src="https://itb.ac.id/assets/js/bootstrap.min.js"></script>
1812 1813
1813<script src="https://itb.ac.id/assets/js/owl.carousel.min.js"></script>
1813 1814
1814<script src="https://itb.ac.id/assets/js/parallax.js"></script>
1814 1815
1815<script src="https://itb.ac.id/assets/js/script.js"></script>
1815 1816
1816<script src="https://itb.ac.id/assets/js/menu.js"></script>
1816 1817
1817<script src="https://itb.ac.id/assets/js/backtotop.min.js"></script>
1817 1818
1818<script src="https://itb.ac.id/assets/js/newsletter.js"></script>
1818 1819 1820
1820<script src="https://itb.ac.id//assets/js/accessibility.js"></script>
1820 1821
1821<script> 1822 $(document).ready(function() { 1823 $('#btn-feedback').openAccessibility({ 1824 iconSize: 's', 1825 highlightedLinks: true, 1826 localization: ['en'] 1827 }); 1828 1829 $(".open-accessibility-reset-button").trigger("click", { 1830 preventDefault: function() { 1831 console.log("Click event prevented."); 1832 } 1833 }); 1834 }) 1835 </script>
1835 1836
1836<script> 1837 console.log('24-09-2026 15:59:28'); 1838</script>
1838 1839 <!-- GOOGLE ANALYTICS START --> 1840
1840<script>
vendor: 383 bytes, lines 1840-1846
1840 1841 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 1842 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 1843 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 1844 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 1845 1846 ga('create', '
1846UA-567298-2
vendor: 49 bytes, lines 1846-1849
1846', 'auto'); 1847 ga('send', 'pageview'); 1848 1849
1849</script>
1849 1850 <!-- GOOGLE ANALYTICS END --> 1851</body> 1852 1853</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.