PageSourceSearch

https://itb.ac.id/id?n=1790240366

html itb.ac.id collected 2026-09-24 08:59:27 UTC 124,768 bytes, 1,854 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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.