PageSourceSearch

https://itb.ac.id/en?n=1790240367

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

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.