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/id" /> 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/id" /> 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/id" /> 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%2Fid%3Fn%3D1790240366" 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%2Fid%3Fn%3D1790240366" 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/staf" class="nav-link text-white text-decoration-none" title="Profil">Profil</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/mahasiswa" class="nav-link text-white text-decoration-none" title="Mahasiswa">Mahasiswa</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/mitra" class="nav-link text-white text-decoration-none" title="Mitra">Mitra</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="Mitra">Mitra</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/pengunjung" class="nav-link text-white text-decoration-none" title="Pengunjung">Pengunjung</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/pers" class="nav-link text-white text-decoration-none" title="Pers">Pers</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/id/" 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/kontak" class="nav-link text-white text-decoration-none" title="Kontak"><i class="fa-regular fa-envelope"></i> Kontak</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="Cari"><i class="fa-solid fa-magnifying-glass"></i> Cari</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/tentang-itb" title="Tentang ITB" target="_self" class="nav-link text-white p-0">Tentang 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/id" title="Penerimaan" target="_blank" class="nav-link text-white p-0">Penerimaan</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/pendidikan" title="Pendidikan" target="_self" class="nav-link text-white p-0">Pendidikan</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/penelitian" title="Penelitian" target="_self" class="nav-link text-white p-0">Penelitian</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/pengabdian" title="Pengabdian" target="_self" class="nav-link text-white p-0">Pengabdian</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/penghargaan" title="Penghargaan" target="_self" class="nav-link text-white p-0">Penghargaan</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/multikampus" title="Multikampus" target="_self" class="nav-link text-white p-0">Multikampus</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/staf" class="nav-link" title="Profil">Profil</a></li> 267 <li><a href="https://itb.ac.id/mahasiswa" class="nav-link" title="Mahasiswa">Mahasiswa</a></li> 268 <li><a href="https://itb.ac.id/mitra" class="nav-link" title="Mitra">Mitra</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/pengunjung" class="nav-link" title="Pengunjung">Pengunjung</a></li> 271 <li><a href="https://itb.ac.id/pers" class="nav-link" title="Pers">Pers</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/tentang-itb">Tentang ITB</a></h4> 279 <li> 280 <a class="nav-link" 281 href="https://itb.ac.id/sejarah" title="Sejarah" 282 target="_self" >Sejarah </a> 283 </li> 284 <li> 285 <a class="nav-link" 286 href="https://itb.ac.id/visi-dan-misi" title="Visi dan Misi" 287 target="_self" >Visi dan Misi </a> 288 </li> 289 <li> 290 <a class="nav-link" 291 href="https://itb.ac.id/tujuan-dan-ruang-lingkup" title="Tujuan dan Ruang Lingkup" 292 target="_self" >Tujuan dan Ruang Lingkup </a> 293 </li> 294 <li> 295 <a class="nav-link" 296 href="https://itb.ac.id/pimpinan" title="Pimpinan" 297 target="_self" >Pimpinan </a> 298 </li> 299 <li> 300 <a class="nav-link" 301 href="https://itb.ac.id/landasan-hukum" title="Landasan Hukum" 302 target="_self" >Landasan Hukum </a> 303 </li> 304 <li> 305 <a class="nav-link" 306 href="https://itb.ac.id/majelis-wali-amanat" title="Majelis Wali Amanat" 307 target="_self" >Majelis Wali Amanat </a> 308 </li> 309 <li> 310 <a class="nav-link" 311 href="https://itb.ac.id/struktur-organisasi" title="Struktur Organisasi" 312 target="_self" >Struktur Organisasi </a> 313 </li> 314 <li> 315 <a class="nav-link" 316 href="https://itb.ac.id/senat-akademik" title="Senat Aka
316demik" 317 target="_self" >Senat Akademik </a> 318 </li> 319 <li> 320 <a class="nav-link" 321 href="https://itb.ac.id/multikampus" title="Multikampus" 322 target="_self" >Multikampus </a> 323 </li> 324 <li> 325 <a class="nav-link" 326 href="https://itb.ac.id/kunjungan" title="Kunjungan" 327 target="_self" >Kunjungan </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/id">Penerimaan</a></h4> 335 <li> 336 <a class="nav-link" 337 href="https://itb.ac.id/sarjana" title="Sarjana" 338 target="_self" >Sarjana </a> 339 </li> 340 <li> 341 <a class="nav-link" 342 href="https://itb.ac.id/sekolah-pascasarjana-ilmu-dan-teknologi-multidisiplin" title="Pascasarjana" 343 target="_self" >Pascasarjana </a> 344 </li> 345 <li> 346 <a class="nav-link" 347 href="https://itb.ac.id/profesi" title="Profesi" 348 target="_self" >Profesi </a> 349 </li> 350 <li> 351 <a class="nav-link" 352 href="https://itb.ac.id/pertukaran-mahasiswa" title="Pertukaran Mahasiswa" 353 target="_self" >Pertukaran Mahasiswa </a> 354 </li> 355 <li> 356 <a class="nav-link" 357 href="https://itb.ac.id/kelas-internasional" title="Kelas Internasional" 358 target="_self" >Kelas Internasional </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/pendidikan">Pendidikan</a></h4> 366 <li> 367 <a class="nav-link" 368 href="https://itb.ac.id/fakultas-dan-sekolah" title="Fakultas dan Sekolah" 369 target="_self" >Fakultas dan Sekolah </a> 370 </li> 371 <li> 372 <a class="nav-link" 373 href="https://itb.ac.id/kelompok-keahliankeilmuan" title="Kelompok Keahlian/Keilmuan" 374 target="_self" >Kelompok Keahlian/Keilmuan </a> 375 </li> 376 <li> 377 <a class="nav-link" 378 href="https://itb.ac.id/program-studi" title="Program Studi" 379 target="_self" >Program Studi </a> 380 </li> 381 <li> 382 <a class="nav-link" 383 href="https://itb.ac.id/beasiswa" title="Beasiswa" 384 target="_self" >Beasiswa </a> 385 </li> 386 <li> 387 <a class="nav-link" 388 href="/staff/" title="Staf" 389 target="_self" >Staf </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="kehidupan-kampus">Kampus</a></h4> 397 <li> 398 <a class="nav-link" 399 href="https://itb.ac.id/aktivitas-mahasiswa" title="Aktivitas Mahasiswa" 400 target="_self" >Aktivitas Mahasiswa </a> 401 </li> 402 <li> 403 <a class="nav-link" 404 href="https://itb.ac.id/jelajah" title="Jelajah" 405 target="_self" >Jelajah </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/program-alumni" title="Program" 416 target="_self" >Program </a> 417 </li> 418 <li> 419 <a class="nav-link" 420 href="https://itb.ac.id/profil-alumni" title="Profil" 421 target="_self" >Profil </a> 422 </li> 423 <li> 424 <a class="nav-link" 425 href="https://itb.ac.id/donasi" title="Donasi" 426 target="_self" >Donasi </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 2025" 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/berita/meong-kisah-kucing-itb-yang-antarkan-lfm-raih-penghargaan-internasional-nextscene-kids-youth-film-festival/63820" title="âMeong!â
511Kisah Kucing ITB yang Antarkan LFM Raih Penghargaan Internasional NextScene Kids & Youth Film Festival"> 512 <img src="https://itb.ac.id/files/dokumentasi/20260921-Meong1.jpg" alt="âMeong!â Kisah Kucing ITB yang Antarkan LFM Raih Penghargaan Internasional NextScene Kids & Youth Film Festival" 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/berita/meong-kisah-kucing-itb-yang-antarkan-lfm-raih-penghargaan-internasional-nextscene-kids-youth-film-festival/63820" title="âMeong!â Kisah Kucing ITB yang Antarkan LFM Raih Penghargaan Internasional NextScene Kids & Youth Film Festival"> 517 <h3 class="fs-6 fw-semibold text-white">âMeong!â Kisah Kucing ITB yang Antarkan LFM Raih Penghargaan Internasional NextScene Kids & Youth Film Festival</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/berita/meong-kisah-kucing-itb-yang-antarkan-lfm-raih-penghargaan-internasional-nextscene-kids-youth-film-festival/63820" title="âMeong!â Kisah Kucing ITB yang Antarkan LFM Raih Penghargaan Internasional NextScene Kids & Youth Film Festival" 526 class=""><img src="https://itb.ac.id/files/dokumentasi/20260921-Meong1.jpg" alt="âMeong!â Kisah Kucing ITB yang Antarkan LFM Raih Penghargaan Internasional NextScene Kids & Youth Film Festival" 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/berita/meong-kisah-kucing-itb-yang-antarkan-lfm-raih-penghargaan-internasional-nextscene-kids-youth-film-festival/63820" title="âMeong!â Kisah Kucing ITB yang Antarkan LFM Raih Penghargaan Internasional NextScene Kids & Youth Film Festival"> 532 <h3 class="fs-6 fw-semibold">âMeong!â Kisah Kucing ITB yang Antarkan LFM Raih Penghargaan Internasional NextScene Kids & Youth Film Festival</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/berita/rektor-itb-di-avpn-global-conference-2026-konvergensi-ilmu-kunci-masa-depan-kesehatan/63799" title="Rektor ITB di AVPN Global Conference 2026: Konvergensi Ilmu Kunci Masa Depan Kesehatan"> 544 <img src="https://itb.ac.id/files/dokumentasi/20260914-AV1.jpeg" alt="Rektor ITB di AVPN Global Conference 2026: Konvergensi Ilmu Kunci Masa Depan Kesehatan" 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/berita/rektor-itb-di-avpn-global-conference-2026-konvergensi-ilmu-kunci-masa-depan-kesehatan/63799" title="Rektor ITB di AVPN Global Conference 2026: Konvergensi Ilmu Kunci Masa Depan Kesehatan"> 549 <h3 class="fs-6 fw-semibold text-white">Rektor ITB di AVPN Global Conference 2026: Konvergensi Ilmu Kunci Masa Depan Kesehatan</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/berita/rektor-itb-di-avpn-global-conference-2026-konvergensi-ilmu-kunci-masa-depan-kesehatan/63799" title="Rektor ITB di AVPN Global Conference 2026: Konvergensi Ilmu Kunci Masa Depan Kesehatan" 558 class=""><img src="https://itb.ac.id/files/dokumentasi/20260914-AV1.jpeg" alt="Rektor ITB di AVPN Global Conference 2026: Konvergensi Ilmu Kunci Masa Depan Kesehatan" 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/berita/rektor-itb-di-avpn-global-conference-2026-konvergensi-ilmu-kunci-masa-depan-kesehatan/63799" title="Rektor ITB di AVPN Global Conference 2026: Konvergensi Ilmu Kunci Masa Depan Kesehatan"> 564 <h3 class="fs-6 fw-semibold">Rektor ITB di AVPN Global Conference 2026: Konvergensi Ilmu Kunci Masa Depan Kesehatan</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/berita/kevin-vincent-noel-sitanggang-mahasiswa-termuda-itb-berusia-14-tahun-angkatan-2026/63795" title="Kevin Vincent Noel Sitanggang, Mahasiswa Termuda ITB Berusia 14 Tahun Angkatan 2026"> 576 <img src="https://itb.ac.id/files/dokumentasi/20260914-Kevin.jpg" alt="Kevin Vincent Noel Sitanggang, Mahasiswa Termuda ITB Berusia 14 Tahun Angkatan 2026" 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/berita/kevin-vincent-noel-sitanggang-mahasiswa-termuda-itb-berusia-14-tahun-angkatan-2026/63795" title="Kevin Vincent Noel Sitanggang, Mahasiswa Termuda ITB Berusia 14 Tahun Angkatan 2026"> 581 <h3 class="fs-6 fw-semibold text-white">Kevin Vincent Noel Sitanggang, Mahasiswa Termuda ITB Berusia 14 Tahun Angkatan 2026</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/berita/kevin-vincent-noel-sitanggang-mahasiswa-termuda-itb-berusia-14-tahun-angkatan-2026/63795" title="Kevin Vincent Noel Sitanggang, Mahasiswa Termuda ITB Berusia 14 Tahun Angkatan 2026" 590 class=""><img src="https://itb.ac.id/files/dokumentasi/20260914-Kevin.jpg" alt="Kevin Vincent Noel Sitanggang, Mahasiswa Termuda ITB Berusia 14 Tahun Angkatan 2026" 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/berita/kevin-vincent-noel-sitanggang-mahasiswa-termuda-itb-berusia-14-tahun-angkatan-2026/63795" title="Kevin Vincent Noel Sitanggang, Mahasiswa Termuda ITB Berusia 14 Tahun Angkatan 2026"> 596 <h3 class="fs-6 fw-semibold">Kevin Vincent Noel Sitanggang, Mahasiswa Termuda ITB Berusia 14 Tahun Angkatan 2026</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/berita/tim-pengabdian-masyarakat-itb-lakukan-kaji-cepat-bangunan-terdampak-gempa-flores-2026/63829" title="Tim Pengabdian Masyarakat ITB Lakukan Kaji Cepat Bangunan Terdampak Gempa Flores 2026" 613 class=""><img src="https://itb.ac.id/files/dokumentasi/IMG_2346.jpg" alt="Tim Pengabdian Masyarakat ITB Lakukan Kaji Cepat Bangunan Terdampak Gempa Flores 2026" 614 class="img-fluid "></a> 615 616 </div> 617 <a href="https://itb.ac.id/berita/tim-pengabdian-masyarakat-itb-lakukan-kaji-cepat-bangunan-terdampak-gempa-flores-2026/63829" title="Tim Pengabdian Masyarakat ITB Lakukan Kaji Cepat Bangunan Terdampak Gempa Flores 2026"> 618 <h3 class="fs-6 fw-semibold mb-3">Tim Pengabdian Masyarakat ITB Lakukan Kaji Cepat Bangunan Terdampak Gempa Flores 2026</h3> 619 </a> 620 <small class="fs-7 text-capitalize badge bg-warning text-dark">Utama</small> 621 <small class="fs-7 badge bg-light text-dark"> 24 September 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/berita/hcm-talks-7th-series-2026-bahas-kepemimpinan-lintas-sektor-menuju-indonesia-emas-2045/63827" title="HCM Talks 7th Series 2026 Bahas Kepemimpinan Lintas Sektor Menuju Indonesia Emas 2045" 628 class=""><img src="https://itb.ac.id/files/dokumentasi/1(5).jpeg" alt="HCM Talks 7th Series 2026 Bahas Kepemimpinan Lintas Sektor Menuju Indonesia Emas 2045" 629 class="img-fluid "></a> 630 631 </div> 632 <a href="https://itb.ac.id/berita/hcm-talks-7th-series-2026-bahas-kepemimpinan-lintas-sektor-menuju-indonesia-emas-2045/63827" title="HCM Talks 7th Series 2026 Bahas Kepemimpinan Lintas Sektor Menuju Indonesia Emas 2045"> 633 <h3 class="fs-6 fw-semibold mb-3">HCM Talks 7th Series 2026 Bahas Kepemimpinan Lintas Sektor Menuju Indonesia Emas 2045</h3> 634 </a> 635 <small class="fs-7 text-capitalize badge bg-warning text-dark">Utama</small> 636 <small class="fs-7 badge bg-light text-dark"> 23 September 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/berita/itb-anugerahkan-guru-besar-emeritus-kepada-pakar-teknologi-kuantum-prof-hermawan-kresno-dipojono/63825" title="ITB Anugerahkan Guru Besar Emeritus kepada Pakar Te
642knologi Kuantum Prof. Hermawan Kresno Dipojono" 643 class=""><img src="https://itb.ac.id/files/dokumentasi/WhatsApp-Image-2026-09-23-at-22.30.51.jpeg" alt="ITB Anugerahkan Guru Besar Emeritus kepada Pakar Teknologi Kuantum Prof. Hermawan Kresno Dipojono" 644 class="img-fluid "></a> 645 646 </div> 647 <a href="https://itb.ac.id/berita/itb-anugerahkan-guru-besar-emeritus-kepada-pakar-teknologi-kuantum-prof-hermawan-kresno-dipojono/63825" title="ITB Anugerahkan Guru Besar Emeritus kepada Pakar Teknologi Kuantum Prof. Hermawan Kresno Dipojono"> 648 <h3 class="fs-6 fw-semibold mb-3">ITB Anugerahkan Guru Besar Emeritus kepada Pakar Teknologi Kuantum Prof. Hermawan Kresno Dipojono</h3> 649 </a> 650 <small class="fs-7 text-capitalize badge bg-warning text-dark">Utama</small> 651 <small class="fs-7 badge bg-light text-dark"> 23 September 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/berita/jadikan-sampah-peluang-ekonomi-tim-ekspedisi-patriot-itb-dorong-inovasi-pengelolaan-sampah-di-yapsi-jayapura/63824" title="Jadikan Sampah Peluang Ekonomi, Tim Ekspedisi Patriot ITB Dorong Inovasi Pengelolaan Sampah di Yapsi, Jayapura" 658 class=""><img src="https://itb.ac.id/files/dokumentasi/WhatsApp-Image-2026-09-21-at-14.57.05.jpg" alt="Jadikan Sampah Peluang Ekonomi, Tim Ekspedisi Patriot ITB Dorong Inovasi Pengelolaan Sampah di Yapsi, Jayapura" 659 class="img-fluid "></a> 660 661 </div> 662 <a href="https://itb.ac.id/berita/jadikan-sampah-peluang-ekonomi-tim-ekspedisi-patriot-itb-dorong-inovasi-pengelolaan-sampah-di-yapsi-jayapura/63824" title="Jadikan Sampah Peluang Ekonomi, Tim Ekspedisi Patriot ITB Dorong Inovasi Pengelolaan Sampah di Yapsi, Jayapura"> 663 <h3 class="fs-6 fw-semibold mb-3">Jadikan Sampah Peluang Ekonomi, Tim Ekspedisi Patriot ITB Dorong Inovasi Pengelolaan Sampah di Yapsi, Jayapura</h3> 664 </a> 665 <small class="fs-7 text-capitalize badge bg-warning text-dark">Utama</small> 666 <small class="fs-7 badge bg-light text-dark"> 22 September 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/berita/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/sambutan-rektor-pada-ptti-juli-2025" 687 title="Sambutan Rektor Pada PTTI Juli 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="Sambutan Rektor Pada PTTI Juli 2025"> 695 </div> 696 697 <div class="top-news-body"> 698 <h3 class="top-news-title"> 699 Sambutan Rektor Pada PTTI Juli 2025</h3> 700 </h3> 701 702 <p class="top-news-desc"> 703 <p> 704 ITB hari ini bukan sekadar sebuah monumen sej
704arah, tetapi ia merupakan salah satu penggagas dan pelaku sejarah panjang itu sendiri. Sejarah yang ditulis bukan hanya tentang gedung dan kurikulum, tetapi oleh perjumpaan dari semangat kebangsaan, pengabdian para dosen, kerja keras para mahasiswa, dan cita-cita besar untuk membangun Indonesia melalui ilmu pengetahuan dan teknologi. Namun demikian, kebesaran sejarah ITB sama sekali bukan sekadar cerita asyik untuk didongengkan, apalagi dijadikan alasan bagi kita untuk berpangku tangan. Masa depan tidak cukup dibangun oleh kenangan indah dan heroik masa lalu. Sejarah harus dijadikan rujukan untuk merumuskan mimpi kita dan landasan untuk kita melompat. Dari sejarah, kita harus mampu membaca tanda-tanda zaman untuk menanggapi perubahan dan menyiapkan diri dengan kerendahan hati sekaligus keyakinan. 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/berita/peluncuran-pembangunan-museum-itb-abadikan-105-tahun-perjalanan-ilmu-pengetahuan-dan-inovasi/62718" title="Peluncuran Pembangunan Museum ITB: Abadikan 105 Tahun Perjalanan Ilmu Pengetahuan dan Inovasi" 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/0809-Museum-ITB1.JPG" alt="Peluncuran Pembangunan Museum ITB: Abadikan 105 Tahun Perjalanan Ilmu Pengetahuan dan Inovasi"> 719 </div> 720 721 <div class="top-news-body"> 722 <h3 class="top-news-title"> 723 Peluncuran Pembangunan Museum ITB: Abadikan 105 Tahun Perjalanan Ilmu Pengetahuan dan Inovasi </h3> 724 725 <p class="top-news-desc"> 726 BANDUNG, itb.ac.id â Institut Teknologi Bandung (ITB) resmi meluncurkan pembangunan Museum ITB, di Sasana Budaya Ganesha, Sabtu (9/8/2025). Peresmian ini menjadi tonggak penting dalam sejarah kampus yang telah berusia 105 tahun, sejak berdirinya Technische Hoogeschool te Bandoeng pada 1920. </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" >Rektor, Menkes, dan Gubernur DKI Jakarta Buka Rangkaian Peluncuran 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;"> Minggu, 16 Agustus 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-
763dan-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 dan Universiti Brunei Darussalam Jalin Kerja Sama Strategis Bidang Akademik hingga Penelitian</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;"> Rabu, 12 Agustus 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%202026-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" >Silaturahmi Rektor ITB dan Duta Besar Yaman, Buka Kerja Sama Akademik Internasional</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;"> Jumat, 7 Agustus 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, Rektor ITB: Sinergi Kampus dan Orang Tua Kunci Keberhasilan Mahasiswa</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;"> Rabu, 5 Agustus 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/agenda" 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/agenda/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/agenda/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/agenda/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/agenda/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 ga
893p-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/agenda" 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> --> 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 1095<div class="container py-5"> 1096 <div class="row row-cols-2 row-cols-lg-6"> 1097 <div class="col"> 1098 <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> 1099 </div> 1100 <div class="col"> 1101 <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> 1102 </div> 1103 <div class="col"> 1104 <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> 1105 </div> 1106 <div class="col"> 1107 <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> 1108 </div> 1109 <div class="col"> 1110 <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> 1111 </div> 1112 <div class="col"> 1113 <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> 1114 </div> 1115 </div> 1116</div> 1117 1118 1119 <footer> 1120 1121 <style> 1122 .contact-grid { 1123 display: grid; 1124 grid-template-columns: repeat(4, 1fr); 1125 gap: 20px; 1126 /*margin-top: 30px;*/ 1127 } 1128 1129 .contact-card { 1130 background: white; 1131 border-radius: 12px; 1132 padding: 30px; 1133 box-shadow: 0 4px 20px rgba(0,0,0,0.1); 1134 transition: transform 0.3s ease, box-shadow 0.3s ease; 1135 } 1136 1137 .contact-card:hover { 1138 box-shadow: 0 8px 30px rgba(0,0,0,0.15); 1139 } 1140 1141 .contact-card h2 { 1142 color: #003d82; 1143 font-size: 20px; 1144 margin-bottom: 20px; 1145 padding-bottom: 15px; 1146 border-bottom: 3px solid #0055b8; 1147 display: flex; 1148 align-items: center; 1149 gap: 10px; 1150 } 1151 1152 .icon { 1153 width: 24px; 1154 height: 24px; 1155 fill: #0055b8; 1156 } 1157 1158 .contact-info { 1159 color: #555; 1160 line-height: 1.8; 1161 } 1162 1163 .contact-info p { 1164 margin-bottom: 8px; 1165 } 1166 1167 .email-link { 1168 display: inline-flex; 1169 align-items: center; 1170 gap: 8px; 1171 color: #0055b8; 1172 text-decoration: none; 1173 margin-top: 15px; 1174 padding: 5px 5px; 1175 background: #f0f7ff; 1176 border-radius: 6px; 1177 transition: background 0.3s ease; 1178 font-size: 12px; 1179 } 1180 1181 .email-link:hover { 1182 background: #e0efff; 1183 } 1184 1185 .email-icon { 1186 width: 18px;
1187 height: 18px; 1188 fill: #0055b8; 1189 } 1190 1191 @media (max-width: 992px) { 1192 .contact-grid { 1193 grid-template-columns: repeat(2, 1fr); 1194 } 1195 } 1196 1197 @media (max-width: 576px) { 1198 .contact-grid { 1199 grid-template-columns: 1fr; 1200 } 1201 } 1202 </style> 1203 1204 1205 1206 <div class="container"> 1207 <div class="view row mb-4"> 1208 <!-- Kampus Ganesha --> 1209 <div class="col-md-6 col-lg-3 mb-2"> 1210 <div class="contact-card"> 1211 <h2> 1212 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> 1213 <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> 1214 </svg> 1215 ITB Kampus Ganesha 1216 </h2> 1217 <div class="contact-info"> 1218 <p>Jl. Ganesa 10</p> 1219 <p>Coblong, Kota Bandung, Jawa Barat</p> 1220 <p>Indonesia 40132</p> 1221 <a href="mailto:[email protected]" class="email-link"> 1222 <svg class="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1223 <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> 1224 </svg> 1225 [email protected] 1226 </a> 1227 </div> 1228 </div> 1229 </div> 1230 1231 <!-- Kampus Jatinangor --> 1232 <div class="col-md-6 col-lg-3 mb-2"> 1233 <div class="contact-card"> 1234 <h2> 1235 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> 1236 <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> 1237 </svg> 1238 ITB Kampus Jatinangor 1239 </h2> 1240 <div class="contact-info"> 1241 <p>Jalan Let. Jen. Purn. Dr. (HC). Mashudi No. 1</p> 1242 <p>Jatinangor, Kab. Sumedang</p> 1243 <p>Jawa Barat, Indonesia 45363</p> 1244 <a href="mailto:[email protected]" class="email-link"> 1245 <svg class="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1246 <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> 1247 </svg> 1248 [email protected] 1249 </a> 1250 </div> 1251 </div> 1252 </div> 1253 1254 <!-- Kampus Cirebon --> 1255 <div class="col-md-6 col-lg-3 mb-2"> 1256 <div class="contact-card"> 1257 <h2> 1258 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> 1259 <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> 1260 </svg> 1261 ITB Kampus Cirebon 1262 </h2> 1263 <div class="contact-info"> 1264 <p>Jl. Kebonturi, Arjawinangun</p> 1265 <p>Kab. Cirebon</p> 1266 <p>Jawa Barat, Indonesia 45162</p> 1267 <a href="mailto:[email protected]" class="email-link"> 1268 <svg class="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1269 <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> 1270 </svg> 1271 [email protected] 1272 </a> 1273 </div> 1274 </div> 1275 </div> 1276 1277 <!-- Kampus Jakarta --> 1278 <div class="col-md-6 col-lg-3 mb-2"> 1279 <div class="contact-card"> 1280 <h2> 1281 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> 1282 <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> 1283 </svg> 1284 ITB Kampus Jakarta 1285 </h2> 1286 <div class="contact-info"> 1287 <p>Gedung Graha Irama (Indorama) Lt. 10 & 12</p> 1288 <p>Jl. H. R. Rasuna Said Kav. 1 Setiabudi</p> 1289 <p>Kota Jakarta Selatan, DKI Jakarta</p> 1290 <p>Indonesia 12950</p> 1291 <a href="mailto:[email protected]" class="email-link"> 1292 <svg class="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1293 <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> 1294 </svg> 1295 [email protected] 1296 </a> 1297 </div> 1298 </div> 1299 </div> 1300 1301 </div> 1302 </div> 1303 1304 1305 <!--<style>-->
1306 <!-- .area-icon img {--> 1307 <!-- border: 2px solid #005aab;--> 1308 <!-- padding : 2px;--> 1309 <!-- }--> 1310 <!-- .area-informasi h3 {--> 1311 <!-- background-color: #005aab;--> 1312 <!-- padding : 5px;--> 1313 <!-- color: white;--> 1314 <!-- }--> 1315 <!--</style>--> 1316 1317 <!--<div class="container p-4 block-29" id="multikampus">--> 1318 <!-- <div class="row justify-content-md-center">--> 1319 <!-- <div class="col-12 col-md-3 mb-4 block-26">--> 1320 <!-- <div class="row">--> 1321 <!-- <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>--> 1322 <!-- <div class="col-md-9 col-10 area-informasi">--> 1323 <!-- <h3 class="fs-6 fw-semibold">ITB Kampus Ganesha</h3>--> 1324 <!-- <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="">--> 1325 <!-- <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>--> 1326 <!-- </svg><a href="mailto:[email protected]" class="d-inline font-weight-normal">[email protected]</a><br> </p>--> 1327 <!-- </div>--> 1328 <!-- </div>--> 1329 <!-- </div>--> 1330 <!-- <div class="col-12 col-md-3 mb-4 block-26">--> 1331 <!-- <div class="row">--> 1332 <!-- <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>--> 1333 <!-- <div class="col-md-9 col-10 area-informasi">--> 1334 <!-- <h3 class="fs-6 fw-semibold">ITB Kampus Jatinangor</h3>--> 1335 <!-- <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="">--> 1336 <!-- <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>--> 1337 <!-- </svg><a href="mailto:[email protected]" class="d-inline font-weight-normal">[email protected]</a><br> </p>--> 1338 <!-- </div>--> 1339 <!-- </div>--> 1340 <!-- </div>--> 1341 <!-- <div class="col-12 col-md-3 mb-4 block-26">--> 1342 <!-- <div class="row">--> 1343 <!-- <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>--> 1344 <!-- <div class="col-md-9 col-10 area-informasi">--> 1345 <!-- <h3 class="fs-6 fw-semibold">ITB Kampus Cirebon</h3>--> 1346 <!-- <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="">-->
1347 <!-- <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>--> 1348 <!-- </svg><a href="mailto:[email protected]" class="d-inline font-weight-normal">[email protected]</a><br> </p>--> 1349 <!-- </div>--> 1350 <!-- </div>--> 1351 <!-- </div>--> 1352 <!-- <div class="col-12 col-md-3 mb-4 block-26">--> 1353 <!-- <div class="row">--> 1354 <!-- <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>--> 1355 <!-- <div class="col-md-9 col-10 area-informasi">--> 1356 <!-- <h3 class="fs-6 fw-semibold">ITB Kampus Jakarta</h3>--> 1357 <!-- <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="">--> 1358 <!-- <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>--> 1359 <!-- </svg><a href="mailto:[email protected]" class="d-inline font-weight-normal">[email protected]</a> </p>--> 1360 <!-- </div>--> 1361 <!-- </div>--> 1362 <!-- </div>--> 1363 <!-- </div>--> 1364 <!--</div>--> 1365 1366 1367<section id="menubottom" class="position-absolute w-100 bg-white px-2 mt-3 footer-theme"> 1368 <div class="container mb-4 mt-5"> 1369 <div class="row"> 1370 <div class="col-12 pb-5 text-center d-none d-lg-block d-xl-none"> 1371 <a href="/contact" class="btn footer-btn-contact" 1372 role="button">kontak lanjut</a> 1373 </div> 1374 <div class="col-12 d-none d-sm-block"> 1375 <div class="row d-flex justify-content-between" id="footermenu"> 1376 <div class="col-12 col-md-2 col-lg-2"> 1377 <h3 class="footer-col-title">Tentang ITB</h3> 1378 <ul class="footer-link-list"> 1379 <li> 1380 <a href="https://itb.ac.id/sejarah" class="footer-link" title="Sejarah" 1381 target="_self" >Sejarah</a> 1382 </li> 1383 <li> 1384 <a href="https://itb.ac.id/kunjungan" class="footer-link" title="Kunjungan" 1385 target="_self" >Kunjungan</a> 1386 </li> 1387 <li> 1388 <a href="https://itb.ac.id/unduh" class="footer-link" title="Unduh" 1389 target="_self" >Unduh</a> 1390 </li> 1391 <li> 1392 <a href="/directories" class="footer-link" title="Direktori" 1393 target="_self" >Direktori</a> 1394 </li> 1395 <li> 1396 <a href="http://petakampus.itb.ac.id/" class="footer-link" title="Peta Kampus" 1397 target="_blank" >Peta Kampus</a> 1398 </li> 1399 </ul> 1400 </div> 1401 <div class="col-12 col-md-2 col-lg-2"> 1402 <h3 class="footer-col-title">Penerimaan</h3> 1403 <ul class="footer-link-list"> 1404 <li> 1405 <a href="https://itb.ac.id/pertukaran-mahasiswa" class="footer-link" title="Pertukaran Mahasiswa" 1406 target="_self" >Pertukaran Mahasiswa</a> 1407 </li> 1408 <li> 1409 <a href="https://itb.ac.id/profesi" class="footer-link" title="Profesi" 1410 target="_self" >Profesi</a> 1411 </li> 1412 <li> 1413 <a href="https://itb.ac.id/sekolah-pascasarjana-ilmu-dan-teknologi-multidisiplin" class="footer-link" title="Pascasarjana" 1414 target="_self" >Pascasarjana</a> 1415 </li> 1416 <li> 1417 <a href="https://itb.ac.id/sarjana" class="footer-link" title="Sarjana" 1418 target="_self" >Sarjana</a> 1419 </li> 1420 <li> 1421 <a href="https://itb.ac.id/kelas-internasional" class="footer-link" title="Kelas Internasional" 1422 target="_self" >Kelas Internasional</a> 1423 </li> 1424 </ul> 1425 </div> 1426 <div class="col-12 col-md-2 col-lg-2"> 1427 <h3 class="footer-col-title">Pendidikan</h3> 1428 <ul class="footer-link-list"> 1429 <li> 1430 <a href="https://itb.ac.id/fakultas-dan-sekolah" class="footer-link" title="Fakultas dan Sekolah" 1431 target="_self" >Fakultas dan Sekolah</a> 1432 </li> 1433 <li> 1434 <a href="https://itb.ac.id/program-studi" class="footer-link" title="Program Studi" 1435 target="_self" >Program Studi</a> 1436 </li> 1437 <li> 1438 <a href="https://itb.ac.id/beasiswa" class="footer-link" title="Beasiswa" 1439 target="_self" >Beasiswa</a> 1440 </li> 1441 <li> 1442 <a href="https://edunex.itb.ac.id/edunex-landing" class="footer-link" title="Pembelajaran Jarak Jauh" 1443 target="_self" >Pembelajaran Jarak Jauh</a> 1444 </li> 1445 <li> 1446 <a href="https://edunex.itb.ac.id/edunex-landing" class="footer-link" title="Blended Learning" 1447 target="_self" >Blended Learning</a> 1448 </li> 1449 <li> 1450 <a href="https://lib.itb.ac.id/" class="footer-link" title="Perpustakaan Digital" 1451 target="_self" >Perpustakaan Digital</a> 1452 </li> 1453 <li> 1454 <a href="/agenda/academic" class="footer-link" title="Agenda Akademik" 1455 target="_self" >Agenda Akademik</a> 1456 </li> 1457 </ul> 1458 </div> 1459 <div class="col-12 col-md-2 col-lg-2"> 1460 <h3 class="footer-col-title">Penelitian</h3> 1461 <ul class="footer-link-list"> 1462 <li> 1463 <a href="https://itb.ac.id/penelitian" class="footer-link" title="Penelitian" 1464 target="_self" >Penelitian</a> 1465 </li> 1466 <li> 1467 <a href="https://itb.ac.id/kelompok-keahliankeilmuan" class="footer-link" title="Kelompok Keahlian/Keilmuan" 1468 target="_self" >Kelompok Keahlian/Keilmuan</a> 1469 </li> 1470 <li> 1471 <a href="https://itb.ac.id/jurnal" class="footer-link" title="Jurnal" 1472 target="_self" >Jurnal</a> 1473 </li> 1474 </ul> 1475 </div> 1476 <div class="col-12 col-md-2 col-lg-2"> 1477 <h3 class="footer-col-title">Pengabdian</h3> 1478 <ul class="footer-link-list"> 1479 <li> 1480 <a href="https://dkst.itb.ac.id/" class="footer-link" title="DKST" 1481 target="_blank" >DKST</a> 1482 </li> 1483 <li> 1484 <a href="https://dri.itb.ac.id/" class="footer-link" title="DRI" 1485 target="_blank" >DRI</a> 1486 </li> 1487 <li> 1488 <a href="https://dpmk.itb.ac.id/" class="footer-link" title="DPMK" 1489 target="_blank" >DPMK</a> 1490 </li> 1491 <li> 1492 <a href="https://partnership.itb.ac.id/" class="footer-link" title="Kemitraan" 1493 target="_blank" >Kemitraan</a> 1494 </li> 1495 <li> 1496 <a href="https://bpudl.itb.ac.id/" class="footer-link" title="BPU
1496DL" 1497 target="_blank" >BPUDL</a> 1498 </li> 1499 </ul> 1500 </div> 1501 1502 </div> 1503 </div> 1504 <div class="col-12 d-block d-sm-none"> 1505 <div class="accordion footer-accordion"> 1506 <div class="accordion-item footer-accordion-item"> 1507 <button aria-expanded="false"> 1508 <h3 class="accordion-title footer-col-title m-0">Tentang ITB</h3> 1509 <span class="icon" aria-hidden="true"></span> 1510 </button> 1511 <div class="accordion-content"> 1512 <ul class="list-unstyled footer-link-list"> 1513 <li> 1514 <a href="https://itb.ac.id/sejarah" class="footer-link" 1515 target="_self" >Sejarah</a> 1516 </li> 1517 <li> 1518 <a href="https://itb.ac.id/kunjungan" class="footer-link" 1519 target="_self" >Kunjungan</a> 1520 </li> 1521 <li> 1522 <a href="https://itb.ac.id/unduh" class="footer-link" 1523 target="_self" >Unduh</a> 1524 </li> 1525 <li> 1526 <a href="/directories" class="footer-link" 1527 target="_self" >Direktori</a> 1528 </li> 1529 <li> 1530 <a href="http://petakampus.itb.ac.id/" class="footer-link" 1531 target="_blank" >Peta Kampus</a> 1532 </li> 1533 </ul> 1534 </div> 1535 </div> 1536 <div class="accordion-item footer-accordion-item"> 1537 <button aria-expanded="false"> 1538 <h3 class="accordion-title footer-col-title m-0">Penerimaan</h3> 1539 <span class="icon" aria-hidden="true"></span> 1540 </button> 1541 <div class="accordion-content"> 1542 <ul class="list-unstyled footer-link-list"> 1543 <li> 1544 <a href="https://itb.ac.id/pertukaran-mahasiswa" class="footer-link" 1545 target="_self" >Pertukaran Mahasiswa</a> 1546 </li> 1547 <li> 1548 <a href="https://itb.ac.id/profesi" class="footer-link" 1549 target="_self" >Profesi</a> 1550 </li> 1551 <li> 1552 <a href="https://itb.ac.id/sekolah-pascasarjana-ilmu-dan-teknologi-multidisiplin" class="footer-link" 1553 target="_self" >Pascasarjana</a> 1554 </li> 1555 <li> 1556 <a href="https://itb.ac.id/sarjana" class="footer-link" 1557 target="_self" >Sarjana</a> 1558 </li> 1559 <li> 1560 <a href="https://itb.ac.id/kelas-internasional" class="footer-link" 1561 target="_self" >Kelas Internasional</a> 1562 </li> 1563 </ul> 1564 </div> 1565 </div> 1566 <div class="accordion-item footer-accordion-item"> 1567 <button aria-expanded="false"> 1568 <h3 class="accordion-title footer-col-title m-0">Pendidikan</h3>
1569 <span class="icon" aria-hidden="true"></span> 1570 </button> 1571 <div class="accordion-content"> 1572 <ul class="list-unstyled footer-link-list"> 1573 <li> 1574 <a href="https://itb.ac.id/fakultas-dan-sekolah" class="footer-link" 1575 target="_self" >Fakultas dan Sekolah</a> 1576 </li> 1577 <li> 1578 <a href="https://itb.ac.id/program-studi" class="footer-link" 1579 target="_self" >Program Studi</a> 1580 </li> 1581 <li> 1582 <a href="https://itb.ac.id/beasiswa" class="footer-link" 1583 target="_self" >Beasiswa</a> 1584 </li> 1585 <li> 1586 <a href="https://edunex.itb.ac.id/edunex-landing" class="footer-link" 1587 target="_self" >Pembelajaran Jarak Jauh</a> 1588 </li> 1589 <li> 1590 <a href="https://edunex.itb.ac.id/edunex-landing" class="footer-link" 1591 target="_self" >Blended Learning</a> 1592 </li> 1593 <li> 1594 <a href="https://lib.itb.ac.id/" class="footer-link" 1595 target="_self" >Perpustakaan Digital</a> 1596 </li> 1597 <li> 1598 <a href="/agenda/academic" class="footer-link" 1599 target="_self" >Agenda Akademik</a> 1600 </li> 1601 </ul> 1602 </div> 1603 </div> 1604 <div class="accordion-item footer-accordion-item"> 1605 <button aria-expanded="false"> 1606 <h3 class="accordion-title footer-col-title m-0">Penelitian</h3> 1607 <span class="icon" aria-hidden="true"></span> 1608 </button> 1609 <div class="accordion-content"> 1610 <ul class="list-unstyled footer-link-list"> 1611 <li> 1612 <a href="https://itb.ac.id/penelitian" class="footer-link" 1613 target="_self" >Penelitian</a> 1614 </li> 1615 <li> 1616 <a href="https://itb.ac.id/kelompok-keahliankeilmuan" class="footer-link" 1617 target="_self" >Kelompok Keahlian/Keilmuan</a> 1618 </li> 1619 <li> 1620 <a href="https://itb.ac.id/jurnal" class="footer-link" 1621 target="_self" >Jurnal</a> 1622 </li> 1623 </ul> 1624 </div> 1625 </div> 1626 <div class="accordion-item footer-accordion-item"> 1627 <button aria-expanded="false"> 1628 <h3 class="accordion-title footer-col-title m-0">Pengabdian</h3>
1629 <span class="icon" aria-hidden="true"></span> 1630 </button> 1631 <div class="accordion-content"> 1632 <ul class="list-unstyled footer-link-list"> 1633 <li> 1634 <a href="https://dkst.itb.ac.id/" class="footer-link" 1635 target="_blank" >DKST</a> 1636 </li> 1637 <li> 1638 <a href="https://dri.itb.ac.id/" class="footer-link" 1639 target="_blank" >DRI</a> 1640 </li> 1641 <li> 1642 <a href="https://dpmk.itb.ac.id/" class="footer-link" 1643 target="_blank" >DPMK</a> 1644 </li> 1645 <li> 1646 <a href="https://partnership.itb.ac.id/" class="footer-link" 1647 target="_blank" >Kemitraan</a> 1648 </li> 1649 <li> 1650 <a href="https://bpudl.itb.ac.id/" class="footer-link" 1651 target="_blank" >BPUDL</a> 1652 </li> 1653 </ul> 1654 </div> 1655 </div> 1656 </div> 1657 </div> 1658 1659 <div class="col-12 pt-5 text-center mb-5"> 1660 <a href="https://www.facebook.com/institutteknologibandung" target="_blank" class="footer-social-icon" title="Facebook"> 1661 <i class="fa-brands fa-facebook"></i> 1662 </a> 1663 <a href="https://www.instagram.com/itb1920/" target="_blank" class="footer-social-icon" title="Instagram"> 1664 <i class="fa-brands fa-instagram"></i> 1665 </a> 1666 <a href="https://twitter.com/itbofficial" target="_blank" class="footer-social-icon" title="X (Twitter)"> 1667 <i class="fa-brands fa-x-twitter"></i> 1668 </a> 1669 <a href="https://www.tiktok.com/@itbofficial" target="_blank" class="footer-social-icon" title="TikTok"> 1670 <i class="fa-brands fa-tiktok"></i> 1671 </a> 1672 <a href="https://www.youtube.com/user/itbofficial" target="_blank" class="footer-social-icon" title="YouTube"> 1673 <i class="fa-brands fa-youtube"></i> 1674 </a> 1675 </div> 1676 <div class="col-12 text-center"> 1677 <div class="footer-quicklinks"> 1678 <a href="https://itb.ac.id/berita" class="footer-quicklink">Berita</a> 1679 <a href="https://itb.ac.id/agenda" class="footer-quicklink">Agenda Kegiatan</a> 1680 <a href="https://itb.ac.id/fokus" class="footer-quicklink">Fokus</a> 1681 <a href="https://itb.ac.id/ebook/" class="footer-quicklink">E-Book</a> 1682 <a href="https://itb.ac.id/multimedia/" class="footer-quicklink">Multimedia</a> 1683 </div> 1684 </div> 1685 1686 </div> 1687 </div> 1688</section> 1689 1690<style> 1691 1692 .footer-theme { border-top: 3px solid #003D7A; } 1693 1694 .footer-btn-contact { 1695 background: #e8f0fb; 1696 color: #003D7A; 1697 font-weight: 600; 1698 border-radius: 8px; 1699 padding: 8px 22px; 1700 border: 1px solid #c5d3e5; 1701 transition: background 0.15s ease, color 0.15s ease; 1702 } 1703 .footer-btn-contact:hover { background: #003D7A; color: #fff; } 1704 1705 .footer-col-title { 1706 font-size: 0.75rem; 1707 font-weight: 700; 1708 letter-spacing: 0.08em; 1709 text-transform: uppercase; 1710 color: #003D7A; 1711 border-bottom: 2px solid #003D7A; 1712 padding-bottom: 6px; 1713 margin-bottom: 12px; 1714 } 1715 1716 .footer-link-list { list-style: none; margin: 0; padding: 0; } 1717 .footer-link-list li { margin-bottom: 4px; } 1718 .footer-link { 1719 display: block; 1720 font-size: 0.85rem; 1721 color: #444; 1722 text-decoration: none; 1723 padding: 4px 2px; 1724 border-radius: 6px; 1725 transition: color 0.15s ease, padding-left 0.15s ease; 1726 } 1727 .footer-link:hover { color: #003D7A; padding-left: 6px; } 1728 1729 /* Accordion (mobile) */ 1730 .footer-accordion-item { 1731 border-bottom: 1px solid #e0e6ef; 1732 } 1733 .footer-accordion-item button { 1734 width: 100%; 1735 display: flex; 1736 justify-content: space-between; 1737 align-items: center; 1738 background: none; 1739 border: none; 1740 padding: 12px 4px; 1741 cursor: pointer; 1742 } 1743 .footer-accordion-item .footer-col-title { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } 1744 .footer-accordion-item .icon { 1745 width: 10px; height: 10px; 1746 border-right: 2px solid #003D7A; 1747 border-bottom: 2px solid #003D7A; 1748 transform: rotate(45deg); 1749 transition: transform 0.2s ease; 1750 } 1751 .footer-accordion-item[aria-expanded="true"] .icon, 1752 .footer-accordion-item button[aria-expanded="true"] .icon { transform: rotate(-135deg); } 1753 .footer-accordion-item .accordion-content { padding: 0 4px 12px; } 1754 1755 /* Social icons */ 1756 .footer-social-icon { 1757 display: inline-flex; 1758 align-items: center; 1759 justify-content: center; 1760 width: 40px; 1761 height: 40px; 1762 border-radius: 50%; 1763 background: #e8f0fb; 1764 color: #003D7A; 1765 font-size: 1.05rem; 1766 margin: 0 6px; 1767 text-decoration: none; 1768 border: 1px solid #c5d3e5; 1769 transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease; 1770 } 1771 .footer-social-icon:hover { 1772 background: #C8102E; 1773 color: #fff; 1774 border-color: #C8102E; 1775 transform: translateY(-3px); 1776 } 1777 1778 /* Quick links */ 1779 .footer-quicklinks { 1780 display: flex; 1781 flex-wrap: wrap; 1782 justify-content: center; 1783 gap: 6px; 1784 } 1785 .footer-quicklink { 1786 font-size: 0.8rem; 1787 font-weight: 600; 1788 color: #003D7A; 1789 background: #e8f0fb; 1790 border: 1px solid #c5d3e5; 1791 border-radius: 20px; 1792 padding: 5px 14px; 1793 text-decoration: none; 1794 transition: background 0.15s ease, color 0.15s ease; 1795 } 1796 .footer-quicklink:hover { background: #003D7A; color: #fff; } 1797 1798 @media (max-width: 768px) { 1799 .footer-social-icon { width: 36px; height: 36px; font-size: 0.95rem; margin: 0 4px; } 1800 .footer-quicklink { font-size: 0.75rem; padding: 4px 10px; } 1801 } 1802</style> 1803 </footer>
1804 <div id="btn-feedback"></div> 1805 <button type="button" class="btn btn-secondary btn-floating btn-sm bg-04" id="btn-back-to-top"> 1806 <i class="fas fa-arrow-up"></i> 1807 </button> 1808
1808<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/js/all.js" 1809 integrity="sha512-HAXr8ULpyrhyIF0miP+mFTwOagNI+UVA38US1XdtBbkU7mse59ar0ck4KBil/jyzkTO37DWLfRQvEeUWgwHu0g==" 1810 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1810 1811
1811<script src="https://itb.ac.id/assets/js/raphael-min.js"></script>
1811 1812
1812<script src="https://itb.ac.id/assets/js/jquery-3.7.1.min.js"></script>
1812 1813
1813<script src="https://itb.ac.id/assets/js/bootstrap.min.js"></script>
1813 1814
1814<script src="https://itb.ac.id/assets/js/owl.carousel.min.js"></script>
1814 1815
1815<script src="https://itb.ac.id/assets/js/parallax.js"></script>
1815 1816
1816<script src="https://itb.ac.id/assets/js/script.js"></script>
1816 1817
1817<script src="https://itb.ac.id/assets/js/menu.js"></script>
1817 1818
1818<script src="https://itb.ac.id/assets/js/backtotop.min.js"></script>
1818 1819
1819<script src="https://itb.ac.id/assets/js/newsletter.js"></script>
1819 1820 1821
1821<script src="https://itb.ac.id//assets/js/accessibility.js"></script>
1821 1822
1822<script> 1823 $(document).ready(function() { 1824 $('#btn-feedback').openAccessibility({ 1825 iconSize: 's', 1826 highlightedLinks: true, 1827 localization: ['id'] 1828 }); 1829 1830 $(".open-accessibility-reset-button").trigger("click", { 1831 preventDefault: function() { 1832 console.log("Click event prevented."); 1833 } 1834 }); 1835 }) 1836 </script>
1836 1837
1837<script> 1838 console.log('24-09-2026 15:59:26'); 1839</script>
1839 1840 <!-- GOOGLE ANALYTICS START --> 1841
1841<script>
vendor: 383 bytes, lines 1841-1847
1841 1842 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 1843 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 1844 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 1845 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 1846 1847 ga('create', '
1847UA-567298-2
vendor: 49 bytes, lines 1847-1850
1847', 'auto'); 1848 ga('send', 'pageview'); 1849 1850
1850</script>
1850 1851 <!-- GOOGLE ANALYTICS END --> 1852</body> 1853 1854</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.