<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from universitaspertamina.ac.id/berita/detail/dosen-program-studi-hubungan-internasional-hadiri-the-spring-festival-gathering-for-asean-alumni-of-2019-chinese-government-capacity-building-program by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 27 Mar 2026 08:13:28 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    '../../../www.googletagmanager.com/gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-N8M6B7P5');</script>
    <!-- End Google Tag Manager -->


    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Sebagai Kampus Teknologi dan Bisnis Energi, Universitas Pertamina berkomitmen mencetak lulusan unggul yang siap menghadapi tantangan industri energi global. Dengan kurikulum berbasis teknologi, inovasi, dan keberlanjutan, mahasiswa dibekali dengan kompetensi teknis dan wawasan bisnis yang relevan. Didukung oleh ekosistem industri energi, Universitas Pertamina menjadi pilihan tepat bagi calon pemimpin masa depan.">
        <link rel="canonical" href="dosen-program-studi-hubungan-internasional-hadiri-the-spring-festival-gathering-for-asean-alumni-of-2019-chinese-government-capacity-building-program.2860.d">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="ahrefs-site-verification" content="1945d41aeca17e5a038b3239c5431ba8e372455cf693e95833d253ae7a194588">
    <title>Dosen Program Studi Hubungan Internasional Hadiri the Spring Festival Gathering for ASEAN Alumni of 2019 Chinese Government Capacity Building Program</title>
    <link rel="shortcut icon" href="../../common/images/favicon.png" type="image/x-icon">
        <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&amp;family=Roboto+Condensed:wght@400;700&amp;display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&amp;family=Roboto+Condensed:wght@400;700&amp;display=swap"></noscript>
    <link rel="preload" href="../../font-awesome/css/font-awesome.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="../../font-awesome/css/font-awesome.min.css"></noscript>
    <link rel="preload" href="../../css/chat.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="../../css/chat.css"></noscript>
    <link rel="preload" href="../../vendors/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="../../vendors/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css"></noscript>
    <link rel="preload" href="../../common/css/style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="../../common/css/style.css"></noscript>
    <link rel="stylesheet" href="../../css/app.min.css">
    <link rel="stylesheet" type="text/css" href="../../dashtic/assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="../../css/modal.css">
        <style>

        @font-face {
            font-family: 'League Gothic';
            src: url("../../dashtic/assets/fonts/LeagueGothic-Regular.ttf") format('truetype');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'Montserrat';
            src: url("../../dashtic/assets/fonts/Montserrat-VariableFont_wght.ttf") format('truetype');
            font-weight: normal;
            font-style: normal;
        }

        html {
            font-family: "Montserrat", Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            line-height: 1.5;
        }
        
        body {
            font-display: swap;
        }

        .red-dot {
            position: absolute;
            right: 5px;
            /* top: 5px; */
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background-color: red;
        }

        .tombol-tawk-to {
            background-color: #135cb2;
            padding: 5px;
            border-radius: 12px;
            color: white;
            position: fixed;
            z-index: 99;
        }

        .mx-auto-twa {
            margin-left: 58%;
        }

        .sub-menu-prodii:hover .dropdown-submenuu {
            display: block;
            width: 200px;
        }

        .submenu-kiri {
            left: auto;
            right: 100%;
            /* Menempatkan submenu sebelah kiri */
        }

        .scroll-burger {
            overflow-y: auto;
            max-height: calc(100vh - 3.5rem);
        }

        .bg-lazy {
            background-image: none;
            background-color: #b7b7b7;
        }

        .youtube-button {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100%;

            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .placeholder-style {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;

            max-width: calc(213px * 2);
            max-height: calc(155px * 2);
            margin: 0 auto;
        }

        @media  only screen and (max-width: 600px) {
            .placeholder-style {
                max-width: 213px;
                max-height: 155px;
            }
        }

        .colored-menu {
            background-color: #FFFFFF !important;
        }

        .colored-menu .text-white {
            color: #0C4C9B !important;
        }

        .colored-hover:hover {
            background-color: #DFDFDF;
            color: #0C4C9B;
        }

        #cta-wa-footer {
            width: 220px; 
            margin-top: 5%; 
            background-color: white; 
            color: #0C4C9B; 
            height: 39px; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            border-radius: 10px; 
            font-size: 14px;
        }

        #cta-wa-footer:hover{
            background-color: #DFDFDF;
            color: #0C4C9B;
        }

        h1, h2, h3, h4, h5, h6 {
            all: revert;
        }

    </style>
</head>

<body>

    <!--<div class="tombol-tawk-to" style="position:fixed;">
    <a href="javascript:void(Tawk_API.toggle())">
        <i data-feather="message-square" stroke-width="2" width="23" height="23">Hubungi Kami</i>
    </a>
</div>-->
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8M6B7P5"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    
    <header class="block lg:hidden fixed top-0 left-0 w-full z-20">
        <div class="flex items-center justify-between flex-wrap bg-up-blue relative h-14 pr-4">
            <a href="../../index.html" aria-label="Welcome Page" class="flex items-center flex-no-shrink text-grey-800">
                <img class="h-14 w-auto md:ml-0 -ml-4" src="../../common/images/logo-decorated.webp"
                alt="Logo Universitas Pertamina">
            </a>
            <div>
                <div class=" h-full top-0 right-0 p-2 flex items-center">
                    <div class="language pr-3">
                        <a href="../../index.html"
                            class="font-bold text-up-lemon">ID</a>
                        <span class="text-white">/</span>
                        <a href="../../index.html"
                            class="text-white">EN</a>
                    </div>
                    <div class="hidden">
                        <form action="#" class="search bg-white p-1 rounded-3xl overflow-hidden">
                            <input type="text" name="q"
                                class="d-inline-block focus:outline-none focus:ring-0 text-xs text-up-blue-darken align-middle h-7 border-0 placeholder-gray-300"
                                required placeholder="Cari info di sini" />
                            <button type="submit" class="d-inline-block align-middle pr-2 h-7">
                                <i data-feather="search" color="#aaa" width="15"></i>
                            </button>
                        </form>
                        <div class="account pl-2 inline-flex items-center">
                            <a href="#"
                                class="inline-flex rounded-full items-center justify-center w-9 h-9 bg-up-lemon-darken overflow-hidden shadow-xl">
                                <i data-feather="user" color="#fff" width="20" height="20"
                                    stroke-width="2"></i>
                                
                            </a>
                        </div>
                    </div>
                </div>
                
                <!-- <a href="https://universitaspertamina.ac.id/coe" class="hover:text-up-lemon"><b>Center of Excellent</b></a> -->
            </div>
            <nav x-data="{ open: false }">
                <button id="burger-menu"
                    class="text-white w-10 h-10 relative focus:outline-none bg-transparent flex items-center"
                    @click="open = !open">
                    <span class="sr-only">Open main menu</span>
                    <div class="block w-5 absolute left-1/2 top-1/2   transform  -translate-x-1/2 -translate-y-1/2">
                        <span aria-hidden="true"
                            class="block absolute h-0.5 w-5 bg-current transform transition duration-500 ease-in-out"
                            :class="{ 'rotate-45': open, ' -translate-y-1.5': !open }"></span>
                        <span aria-hidden="true"
                            class="block absolute  h-0.5 w-5 bg-current   transform transition duration-500 ease-in-out"
                            :class="{ 'opacity-0': open }"></span>
                        <span aria-hidden="true"
                            class="block absolute  h-0.5 w-5 bg-current transform  transition duration-500 ease-in-out"
                            :class="{ '-rotate-45': open, ' translate-y-1.5': !open }"></span>
                    </div>
                </button>
            </nav>
        </div>
        <div class="hidden py-5 px-5 bg-up-blue-darken border-0 z-50 font-normal leading-normal w-full text-left no-underline absolute top-14 left-0 scroll-burger"
            id="burger-id" x-data="{ selected: null }">
            
                        
            <div x-bind:style="selected == 1 ? 'display: none;' : ''" class="main-menu">
                <ul class="border-t border-current border-up-lemon pr-2 relative list-menu" x-data="{ selected: null }">
                    <a class="btn-menu flex items-center py-3 text-sm text-white" role="button"
                        @click="selected !== 1 ? selected = 1 : selected = null">
                        <span>Tentang Kami</span>
                        <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                <path
                                    d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                            </svg></span>
                    </a>
                    <div class="target-menu relative overflow-hidden transition-all max-h-0 duration-700 pl-6">
                        <ul class="relative list-menu" x-data="{ subselected: null }">
                            <a class="btn-menu" href="#"
                                @click="subselected !== 1 ? subselected = 1 : subselected = null">
                                <ul
                                    class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                    <span>Profil</span>
                                    <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                            height="16" fill="currentColor" class="bi bi-chevron-right"
                                            viewBox="0 0 16 16">
                                            <path
                                                d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                        </svg></span>
                                </ul>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6" style=""
                                x-ref="container2"
                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                <a href="../../profile/sejarah.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Sejarah</ul>
                                </a>
                                <a href="../../profile/identitas.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Identitas</ul>
                                </a>
                                <a href="../../profile/visi-misi.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Visi &amp; Misi</ul>
                                </a>
                                <a href="../../profile/keunggulan.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Keunggulan</ul>
                                </a>
                            </div>
                        </ul>
                        <ul class="relative list-menu" x-data="{ subselected: null }">
                            <a class="btn-menu" href="#"
                                @click="subselected !== 1 ? subselected = 1 : subselected = null">
                                <ul
                                    class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                    <span>Struktur Organisasi</span>
                                    <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                            height="16" fill="currentColor" class="bi bi-chevron-right"
                                            viewBox="0 0 16 16">
                                            <path
                                                d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                        </svg></span>
                                </ul>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6" style=""
                                x-ref="container2"
                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                <a href="../../profile/organisasi.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Pimpinan</ul>
                                </a>
                                <a href="../../profile/organisasi_advisory.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Advisory Board</ul>
                                </a>
                            </div>
                        </ul>
                        <div class="menu-target">
                            
                            <a href="../../profile/fasilitas-dan-layanan.html">
                                <ul
                                    class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                    Fasilitas dan Layanan</ul>
                            </a>
                        </div>
                    </div>
                </ul>
                <ul class="border-t border-current border-up-lemon pr-2 relative pendidikan list-menu" x-data="{ selected: null, menu: 'pendidikan' }">
                    <a class="btn-menu flex items-center py-3 text-sm text-white" role="button"
                        @click="selected !== 1 ? selected = 1 : selected = null; toggleSubsubMenuFromMenu(selected, menu)">
                        <span>Pendidikan</span>
                        <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                <path
                                    d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                            </svg></span>
                    </a>
                    <div
                        class="target-menu relative overflow-hidden transition-all max-h-0 duration-700 pl-6 menu-prodi-s1">
                        <ul class="relative list-menu" x-data="{ subselected: null }">
                            <a class="btn-menu" href="#"
                                @click="subselected !== 1 ? subselected = 1 : subselected = null">
                                <ul
                                    class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                    <span>Program S1</span>
                                    <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                            height="16" fill="currentColor" class="bi bi-chevron-right"
                                            viewBox="0 0 16 16">
                                            <path
                                                d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                        </svg></span>
                                </ul>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-prodi-s1"
                                style="" x-ref="container2"
                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                                                    <ul class="relative list-menu menu-teknologi-industri" x-data="{ subselected: null, submenu: 'prodi-s1', subsubmenu: 'teknologi-industri' }">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <a
                                                href="../../fakultas/teknologi-industri.html">Teknologi Industri</a>
                                            <a class="btn-menu ml-auto" href="#"
                                                @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)"><svg
                                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                    fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></a>
                                        </ul>
                                        <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-teknologi-industri"
                                            style="" x-ref="container2"
                                            x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                            
                                                                                            <a href="../../prodi/teknik-kimia.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Teknik Kimia</ul>
                                                </a>
                                                                                            <a href="../../prodi/teknik-mesin.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Teknik Mesin</ul>
                                                </a>
                                                                                            <a href="../../prodi/teknik-logistik.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Teknik Logistik</ul>
                                                </a>
                                                                                            <a href="../../prodi/teknik-elektro.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Teknik Elektro</ul>
                                                </a>
                                                                                    </div>
                                    </ul>
                                                                    <ul class="relative list-menu menu-sains-dan-ilmu-komputer" x-data="{ subselected: null, submenu: 'prodi-s1', subsubmenu: 'sains-dan-ilmu-komputer' }">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <a
                                                href="../../fakultas/sains-dan-ilmu-komputer.html">Sains dan Ilmu Komputer</a>
                                            <a class="btn-menu ml-auto" href="#"
                                                @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)"><svg
                                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                    fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></a>
                                        </ul>
                                        <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-sains-dan-ilmu-komputer"
                                            style="" x-ref="container2"
                                            x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                            
                                                                                            <a href="../../prodi/kimia.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Kimia</ul>
                                                </a>
                                                                                            <a href="../../prodi/ilmu-komputer.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Ilmu Komputer</ul>
                                                </a>
                                                                                            <a href="../../prodi/sains-aktuaria.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Sains Aktuaria</ul>
                                                </a>
                                                                                    </div>
                                    </ul>
                                                                    <ul class="relative list-menu menu-perencanaan-infrastruktur" x-data="{ subselected: null, submenu: 'prodi-s1', subsubmenu: 'perencanaan-infrastruktur' }">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <a
                                                href="../../fakultas/perencanaan-infrastruktur.html">Perencanaan Infrastruktur</a>
                                            <a class="btn-menu ml-auto" href="#"
                                                @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)"><svg
                                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                    fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></a>
                                        </ul>
                                        <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-perencanaan-infrastruktur"
                                            style="" x-ref="container2"
                                            x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                            
                                                                                            <a href="../../prodi/teknik-sipil.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Teknik Sipil</ul>
                                                </a>
                                                                                            <a href="../../prodi/teknik-lingkungan.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Teknik Lingkungan</ul>
                                                </a>
                                                                                    </div>
                                    </ul>
                                                                    <ul class="relative list-menu menu-komunikasi-dan-diplomasi" x-data="{ subselected: null, submenu: 'prodi-s1', subsubmenu: 'komunikasi-dan-diplomasi' }">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <a
                                                href="../../fakultas/komunikasi-dan-diplomasi.html">Komunikasi dan Diplomasi</a>
                                            <a class="btn-menu ml-auto" href="#"
                                                @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)"><svg
                                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                    fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></a>
                                        </ul>
                                        <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-komunikasi-dan-diplomasi"
                                            style="" x-ref="container2"
                                            x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                            
                                                                                            <a href="../../prodi/komunikasi.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Komunikasi</ul>
                                                </a>
                                                                                            <a href="../../prodi/hubungan-internasional.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Hubungan Internasional</ul>
                                                </a>
                                                                                    </div>
                                    </ul>
                                                                    <ul class="relative list-menu menu-teknologi-eksplorasi-dan-produksi" x-data="{ subselected: null, submenu: 'prodi-s1', subsubmenu: 'teknologi-eksplorasi-dan-produksi' }">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <a
                                                href="../../fakultas/teknologi-eksplorasi-dan-produksi.html">Teknologi Eksplorasi dan Produksi</a>
                                            <a class="btn-menu ml-auto" href="#"
                                                @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)"><svg
                                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                    fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></a>
                                        </ul>
                                        <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-teknologi-eksplorasi-dan-produksi"
                                            style="" x-ref="container2"
                                            x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                            
                                                                                            <a href="../../prodi/teknik-geofisika.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Teknik Geofisika</ul>
                                                </a>
                                                                                            <a href="../../prodi/teknik-perminyakan.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Teknik Perminyakan</ul>
                                                </a>
                                                                                            <a href="../../prodi/teknik-geologi.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Teknik Geologi</ul>
                                                </a>
                                                                                    </div>
                                    </ul>
                                                                    <ul class="relative list-menu menu-ekonomi-dan-bisnis" x-data="{ subselected: null, submenu: 'prodi-s1', subsubmenu: 'ekonomi-dan-bisnis' }">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <a
                                                href="../../fakultas/ekonomi-dan-bisnis.html">Ekonomi dan Bisnis</a>
                                            <a class="btn-menu ml-auto" href="#"
                                                @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)"><svg
                                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                    fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></a>
                                        </ul>
                                        <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-ekonomi-dan-bisnis"
                                            style="" x-ref="container2"
                                            x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                            
                                                                                            <a href="../../prodi/manajemen.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Manajemen</ul>
                                                </a>
                                                                                            <a href="../../prodi/ekonomi.html">
                                                    <ul
                                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                        Ekonomi</ul>
                                                </a>
                                                                                    </div>
                                    </ul>
                                                            </div>
                        </ul>
                    </div>

                    <div
                        class="target-menu relative overflow-hidden transition-all max-h-0 duration-700 pl-6 menu-prodi-s2">
                        <ul class="relative list-menu" x-data="{ subselected: null }">
                            <a class="btn-menu" href="#"
                                @click="subselected !== 1 ? subselected = 1 : subselected = null">
                                <ul
                                    class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                    <span>Program S2</span>
                                    <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                            height="16" fill="currentColor" class="bi bi-chevron-right"
                                            viewBox="0 0 16 16">
                                            <path
                                                d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                        </svg></span>
                                </ul>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-prodi-s2"
                                style="" x-ref="container2"
                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                                                                                                                                                                                                                                    <ul class="relative menu-perencanaan-infrastruktur list-menu" x-data="{ subselected: null, submenu: 'prodi-s2', subsubmenu: 'perencanaan-infrastruktur' }">
                                            <ul
                                                class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                                <a
                                                    href="../../fakultas/perencanaan-infrastruktur.html">Perencanaan Infrastruktur</a>
                                                <a class="btn-menu ml-auto" href="#"
                                                    @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)"><svg
                                                        xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                        fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                        <path
                                                            d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                    </svg></a>
                                            </ul>
                                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-perencanaan-infrastruktur"
                                                style="" x-ref="container2"
                                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                                
                                                                                                    <a href="../../prodi/magister-sains-keberlanjutan.html">
                                                        <ul
                                                            class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                            Magister Sains Keberlanjutan</ul>
                                                    </a>
                                                                                            </div>
                                        </ul>
                                                                                                                                                                                                                                                                                        <ul class="relative menu-ekonomi-dan-bisnis list-menu" x-data="{ subselected: null, submenu: 'prodi-s2', subsubmenu: 'ekonomi-dan-bisnis' }">
                                            <ul
                                                class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                                <a
                                                    href="../../fakultas/ekonomi-dan-bisnis.html">Ekonomi dan Bisnis</a>
                                                <a class="btn-menu ml-auto" href="#"
                                                    @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)"><svg
                                                        xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                        fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                        <path
                                                            d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                    </svg></a>
                                            </ul>
                                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-ekonomi-dan-bisnis"
                                                style="" x-ref="container2"
                                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                                
                                                                                                    <a href="../../prodi/magister-manajemen.html">
                                                        <ul
                                                            class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                            Magister Manajemen</ul>
                                                    </a>
                                                                                            </div>
                                        </ul>
                                                                                                </div>
                        </ul>
                    </div>
    
                    <div
                        class="target-menu relative overflow-hidden transition-all max-h-0 duration-700 pl-6 menu-akademik">
                        <ul class="relative list-menu" x-data="{ subselected: null }">
                            <a class="btn-menu" href="#"
                                @click="subselected !== 1 ? subselected = 1 : subselected = null">
                                <ul
                                    class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                    <span>Akademik</span>
                                    <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                            height="16" fill="currentColor" class="bi bi-chevron-right"
                                            viewBox="0 0 16 16">
                                            <path
                                                d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                        </svg></span>
                                </ul>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-akademik"
                                style="" x-ref="container1"
                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''">
                                <ul class="border-t border-current border-up-lemon pr-2 relative list-menu">
                                    <a class="flex items-center py-3 text-sm text-white" role="button"
                                        href="../../prestasi.html">
                                        <span>Prestasi</span>
                                    </a>
                                </ul>
                                <ul class="relative menu-penunjang-akademik list-menu" x-data="{
                                    subselected: null,
                                    submenu: 'akademik',
                                    subsubmenu: 'penunjang-akademik'
                                }">
                                    <a class="btn-menu" href="#"
                                        @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <span>Penunjang Akademik</span>
                                            <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                                    height="16" fill="currentColor" class="bi bi-chevron-right"
                                                    viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></span>
                                        </ul>
                                    </a>
                                    <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-penunjang-akademik"
                                        style="">
                                        <a href="https://elearning.universitaspertamina.ac.id/" target="_blank">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Penunjang Akademik</ul>
                                        </a>
                                        <a href="https://library.universitaspertamina.ac.id/" target="_blank">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Perpustakaan Daring</ul>
                                        </a>
                                        <a href="../../mahasiswa/bimbingan-konseling.html">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Bimbingan Konseling</ul>
                                        </a>
                                        <a href="https://sso.universitaspertamina.ac.id/login" target="_blank">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Sistem Disipliner Online</ul>
                                        </a>
                                        <!-- route mahasiswa.fasilitas-layanan -->
                                        <a href="../../mahasiswa/pelatihan-seminar.html">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Pelatihan Mengajar</ul>
                                        </a>
                                    </div>
                                </ul>
                                <ul class="border-t border-current border-up-lemon pr-2 relative list-menu">
                                    <a class="flex items-center py-3 text-sm text-white" role="button"
                                        href="../../mahasiswa/kalender-akademik.html">
                                        <span>Kalender Akademik</span>
                                    </a>
                                </ul>
                                <ul class="border-t border-current border-up-lemon pr-2 relative list-menu">
                                    <a class="flex items-center py-3 text-sm text-white" role="button"
                                        href="../../mahasiswa/layanan-administrasi.html">
                                        <span>Informasi Layanan Administrasi</span>
                                    </a>
                                </ul>
                            </div>
                        </ul>
                    </div>
    
    
                    <div
                        class="target-menu relative overflow-hidden transition-all max-h-0 duration-700 pl-6 menu-mahasiswa">
                        <ul class="relative list-menu" x-data="{ subselected: null }">
                            <a class="btn-menu" href="#"
                                @click="subselected !== 1 ? subselected = 1 : subselected = null">
                                <ul
                                    class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                    <span>Mahasiswa</span>
                                    <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                            height="16" fill="currentColor" class="bi bi-chevron-right"
                                            viewBox="0 0 16 16">
                                            <path
                                                d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                        </svg></span>
                                </ul>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-mahasiswa"
                                style="" x-ref="container2"
                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                <ul class="relative list-menu" x-data="{ subselected: null }">
                                    <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6"
                                        style="" x-ref="container2"
                                        x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                        <a href="https://elearning.universitaspertamina.ac.id/" target="_blank">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Belajar Daring</ul>
                                        </a>
                                        <a href="https://library.universitaspertamina.ac.id/" target="_blank">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Perpustakaan Daring</ul>
                                        </a>
                                        <a href="../../mahasiswa/bimbingan-konseling.html">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Bimbingan Konseling</ul>
                                        </a>
                                        <a href="https://sso.universitaspertamina.ac.id/login" target="_blank">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Sistem Disipliner Online</ul>
                                        </a>
                                        <!-- route mahasiswa.fasilitas-layanan -->
    
                                        <a href="../../mahasiswa/pelatihan-seminar.html">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Pelatihan Mengajar</ul>
                                        </a>
                                    </div>
                                </ul>
                                <ul class="relative menu-organisasi list-menu" x-data="{
                                    subselected: null,
                                    submenu: 'mahasiswa',
                                    subsubmenu: 'organisasi'
                                }">
                                    <a class="btn-menu" href="#"
                                        @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <span>Organisasi</span>
                                            <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                                    height="16" fill="currentColor" class="bi bi-chevron-right"
                                                    viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></span>
                                        </ul>
                                    </a>
                                    <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-organisasi"
                                        style="" x-ref="container2"
                                        x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                        <a href="../../mahasiswa/ukm.html">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                UKM</ul>
                                        </a>
                                        <a href="../../mahasiswa/himpunan-mahasiswa.html">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Himpunan Mahasiswa</ul>
                                        </a>
                                        <a href="../../mahasiswa/ikatan-orang-tua-mahasiswa.html">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Ikatan Orangtua Mahasiswa</ul>
                                        </a>
                                    </div>
                                </ul>
                                <div class="menu-target">
                                    <!-- <a href="https://universitaspertamina.ac.id/beasiswa">
                                <ul class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">Daftar Beasiswa</ul>
                            </a> -->
                                    <!-- <a href="https://universitaspertamina.ac.id/mahasiswa/kalender-akademik">
                                <ul class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">Kalender Akademik</ul>
                            </a> -->
                                    <!-- <a href="https://universitaspertamina.ac.id/mahasiswa/layanan-administrasi">
                                <ul class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">Informasi Layanan Administrasi</ul>
                            </a> -->
                                    <a href="../../mahasiswa/informasi-tempat-tinggal.html">
                                        <ul
                                            class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                            Informasi Tempat Tinggal</ul>
                                    </a>
                                </div>
                            </div>
                        </ul>
                    </div>
    
                </ul>
                <ul class="border-t border-current border-up-lemon pr-2 relative list-menu" x-data="{ selected: null }">
                    <a class="btn-menu flex items-center py-3 text-sm text-white" role="button"
                        @click="selected !== 1 ? selected = 1 : selected = null">
                        <span>Pendaftaran</span>
                        <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                <path
                                    d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                            </svg></span>
                    </a>
                    <div class="target-menu relative overflow-hidden transition-all max-h-0 duration-700 pl-6">
                        <a href="../../pendaftaran.html">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                Panduan Pendaftaran</ul>
                        </a>
                        <a href="../../pendaftaran.html#jalur-seleksi">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                Jalur Seleksi</ul>
                        </a>
                        <a href="../../pendaftaran/biaya-pendidikan.html">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                Biaya Pendidikan</ul>
                        </a>
                        <a href="https://pmb.universitaspertamina.ac.id/" target="_blank">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                Pendaftaran Online</ul>
                        </a>
                        <a href="../../pendaftaran.html#faq">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                FAQ</ul>
                        </a>
                        <!-- <a href="https://universitaspertamina.ac.id/download-center">
                            <ul class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">Unduh Materi</ul>
                        </a> -->
    
                    </div>
                </ul>  

                
                
                            
    
                        

                

                <ul class="border-t border-current border-up-lemon pr-2 relative list-menu" x-data="{ selected: null }">
                    <a class="btn-menu flex items-center py-3 text-sm text-white" role="button"
                        @click="selected !== 1 ? selected = 1 : selected = null">
                        <span>Kerja Sama</span>
                        <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                <path
                                    d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                            </svg></span>
                    </a>
                    <div class="target-menu relative overflow-hidden transition-all max-h-0 duration-700 pl-6">
                        <ul class="relative list-menu" x-data="{ subselected: null }">
                            <a class="btn-menu" href="#"
                                @click="subselected !== 1 ? subselected = 1 : subselected = null">
                                <ul
                                    class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                    <span>Kemitraan</span>
                                    <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                            height="16" fill="currentColor" class="bi bi-chevron-right"
                                            viewBox="0 0 16 16">
                                            <path
                                                d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                        </svg></span>
                                </ul>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6" style=""
                                x-ref="container2"
                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                <!-- <a href="https://universitaspertamina.ac.id/kerjasama/upbringing">
                                    <ul class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue">UPbringing</ul>
                                </a> -->
                                <a href="../../kerjasama/mitra.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Kerja Sama</ul>
                                </a>
                                <a href="../../collaboration/outreach-collaboration.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Outreach Collaboration</ul>
                                </a>
                                <a href="../../collaboration/studi/international-collaboration.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        International Collaboration</ul>
                                </a>
                                
                            </div>
                        </ul>
    
                        <ul class="relative list-menu" x-data="{ subselected: null }">
                            <a class="btn-menu" href="#"
                                @click="subselected !== 1 ? subselected = 1 : subselected = null">
                                <ul
                                    class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                    <span>Hibah Penelitian</span>
                                    <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                            height="16" fill="currentColor" class="bi bi-chevron-right"
                                            viewBox="0 0 16 16">
                                            <path
                                                d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                        </svg></span>
                                </ul>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6" style=""
                                x-ref="container2"
                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                <a href="../../kerjasama/hibah-internasional.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Internasional</ul>
                                </a>
                                <a href="../../kerjasama/hibah-dikti.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        DIKTI</ul>
                                </a>
                                <a href="../../kerjasama/hibah-kemitraan.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Mitra</ul>
                                </a>
                                <a href="../../kerjasama/hibah-penelitian-internal.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Internal</ul>
                                </a>
                            </div>
                        </ul>
    
                        <a href="../../coe.html">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                Center of Excelence (CoE)</ul>
                        </a>
    
                    </div>
                </ul>
                <ul class="border-t border-current border-up-lemon pr-2 relative list-menu" x-data="{ selected: null }">
                    <a class="btn-menu flex items-center py-3 text-sm text-white" role="button"
                        @click="selected !== 1 ? selected = 1 : selected = null">
                        <span>Berita</span>
                        <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                <path
                                    d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                            </svg></span>
                    </a>
                    <div class="target-menu relative overflow-hidden transition-all max-h-0 duration-700 pl-6">
                        <a href="../kampus.html">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                Berita Kampus</ul>
                        </a>
                        <a href="../e-newsletter.html">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                E-Newsletter</ul>
                        </a>
                        <ul class="relative list-menu" x-data="{ subselected: null }">
                            <a class="btn-menu" href="#"
                                @click="subselected !== 1 ? subselected = 1 : subselected = null">
                                <ul
                                    class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                    <span>Agenda</span>
                                    <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                            height="16" fill="currentColor" class="bi bi-chevron-right"
                                            viewBox="0 0 16 16">
                                            <path
                                                d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                        </svg></span>
                                </ul>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6" style=""
                                x-ref="container2"
                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                <a href="../../event.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Kegiatan</ul>
                                </a>
                                <a href="../../galeri.html">
                                    <ul
                                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                        Galeri</ul>
                                </a>
                            </div>
                        </ul>
                    </div>
                </ul>    
                <ul class="border-t border-current border-up-lemon pr-2 relative akses-cepat list-menu" x-data="{ subselected: null, menu: 'akses-cepat' }">
                    <a class="btn-menu flex items-center py-3 text-sm text-white" role="button"
                        @click="subselected !== 1 ? subselected = 1 : subselected = null;
                        toggleSubsubMenuFromMenu(subselected, menu);">
                        <span>Akses Cepat</span>
                        <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                <path
                                    d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                            </svg></span>
                    </a>
                    <div
                        class="target-menu relative overflow-hidden transition-all max-h-0 duration-700 pl-6 menu-penjaminan-mutu">
                        <ul class="relative list-menu" x-data="{ subselected: null }">
                            <a class="btn-menu" href="#"
                                @click="subselected !== 1 ? subselected = 1 : subselected = null">
                                <ul
                                    class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                    <span>Penjaminan Mutu</span>
                                    <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                            height="16" fill="currentColor" class="bi bi-chevron-right"
                                            viewBox="0 0 16 16">
                                            <path
                                                d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                        </svg></span>
                                </ul>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-penjaminan-mutu"
                                style="" x-ref="container2"
                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                <ul class="relative menu-beranda list-menu" x-data="{
                                    subselected: null,
                                    submenu: 'penjaminan-mutu',
                                    subsubmenu: 'beranda'
                                }">
                                    <a class="btn-menu" href="#"
                                        @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <span>Beranda</span>
                                            <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                                    height="16" fill="currentColor" class="bi bi-chevron-right"
                                                    viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></span>
                                        </ul>
                                    </a>
                                    <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-beranda"
                                        style="">
                                        <a href="../../spm.html" target="_blank">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Tentang Kami</ul>
                                        </a>
                                        <a href="../../spm/profil.html" target="_blank">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Profil</ul>
                                        </a>
                                    </div>
                                </ul>
                                <ul class="relative menu-spmi list-menu" x-data="{
                                    subselected: null,
                                    submenu: 'penjaminan-mutu',
                                    subsubmenu: 'spmi'
                                }">
                                    <a class="btn-menu" href="#"
                                        @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <span>SPMI</span>
                                            <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                                    height="16" fill="currentColor" class="bi bi-chevron-right"
                                                    viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></span>
                                        </ul>
                                    </a>
                                    <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-spmi"
                                        style="">
                                        <a href="../../spm/dokumen.html" target="_blank">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Dokumen SPMI</ul>
                                        </a>
                                        <a href="../../spm/ami.html" target="_blank">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Aplikasi AMI</ul>
                                        </a>
                                    </div>
                                </ul>
                                <ul class="border-t border-current border-up-lemon pr-2 relative list-menu">
                                    <a class="flex items-center py-3 text-sm text-white" role="button"
                                        href="../../profile/informasi-akreditasi.html">
                                        <span>Akreditasi</span>
                                    </a>
                                </ul>
                                <ul class="relative menu-survei-kepuasan-dan-laporan-kinerja list-menu" x-data="{
                                    subselected: null,
                                    submenu: 'penjaminan-mutu',
                                    subsubmenu: 'survei-kepuasan-dan-laporan-kinerja'
                                }">
                                    <a class="btn-menu" href="#"
                                        @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <span>Survei Kepuasan dan Laporan Kinerja</span>
                                            <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                                    height="16" fill="currentColor" class="bi bi-chevron-right"
                                                    viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></span>
                                        </ul>
                                    </a>
                                    <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-survei-kepuasan-dan-laporan-kinerja"
                                        style="">
                                        <a href="../../spm/survei.html" target="_blank">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Kepuasan Stakeholder</ul>
                                        </a>
                                        <a href="../../spm/laporan-kinerja.html" target="_blank">
                                            <ul
                                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                                Laporan Kinerja</ul>
                                        </a>
                                    </div>
                                </ul>
                                <ul class="border-t border-current border-up-lemon pr-2 relative list-menu">
                                    <a class="flex items-center py-3 text-sm text-white" role="button"
                                        href="../../spm/kegiatan.html">
                                        <span>Kegiatan</span>
                                    </a>
                                </ul>
                            </div>
                        </ul>
                    </div>
    
                    <div class="target-menu relative overflow-hidden transition-all max-h-0 duration-700 pl-6 menu-survei">
                        <ul class="relative list-menu" x-data="{ subselected: null }">
                            <a class="btn-menu" href="#"
                                @click="subselected !== 1 ? subselected = 1 : subselected = null">
                                <ul
                                    class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex hidden list-menu">
                                    <span>Survei</span>
                                    <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                            height="16" fill="currentColor" class="bi bi-chevron-right"
                                            viewBox="0 0 16 16">
                                            <path
                                                d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                        </svg></span>
                                </ul>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-survei"
                                style="" x-ref="container2"
                                x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                                <ul class="relative menu-survei-layanan-2021 list-menu" x-data="{
                                    subselected: null,
                                    submenu: 'survei',
                                    subsubmenu: 'survei-layanan-2021'
                                }">
                                    <a class="btn-menu" href="#"
                                        @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <span>Survei Layanan 2021</span>
                                            <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                                    height="16" fill="currentColor" class="bi bi-chevron-right"
                                                    viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></span>
                                        </ul>
                                    </a>
                                    <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-survei-layanan-2021"
                                        style="">
                                                                            </div>
                                </ul>
                                <ul class="relative menu-survei-layanan-2022 list-menu" x-data="{
                                    subselected: null,
                                    submenu: 'survei',
                                    subsubmenu: 'survei-layanan-2022'
                                }">
                                    <a class="btn-menu" href="#"
                                        @click="subselected !== 1 ? subselected = 1 : subselected = null; toggleSubsubmenu(subselected, submenu, subsubmenu)">
                                        <ul
                                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                                            <span>Survei Layanan 2022</span>
                                            <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                                    height="16" fill="currentColor" class="bi bi-chevron-right"
                                                    viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                                </svg></span>
                                        </ul>
                                    </a>
                                    <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6 container-survei-layanan-2022"
                                        style="">
                                                                            </div>
                                </ul>
    
                            </div>
                        </ul>
                    </div>
    
                    <div class="target-menu relative overflow-hidden transition-all max-h-0 duration-700 pl-6 ">
                        <a href="https://super.universitaspertamina.ac.id/" target="_blank">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                SDGs</ul>
                        </a>
                        <a href="https://siup.universitaspertamina.ac.id/" target="_blank">
                            <ul
                                class="hidden py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                SIUP</ul>
                        </a>
                        
                        <a href="https://mail.universitaspertamina.ac.id/" target="_blank">
                            <ul
                                class="hidden py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                Mail</ul>
                        </a>
                        <a href="https://library.universitaspertamina.ac.id/" target="_blank">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                Library</ul>
                        </a>
                        <a href="https://caroline.universitaspertamina.ac.id/" target="_blank">
                            <ul
                                class="hidden py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                Caroline</ul>
                        </a>
                        <!-- <a href="https://universitaspertamina.ac.id/coe">
                            <ul class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu"><b>Center of Excellence</b></ul>
                        </a> -->
                        <!-- <a href="https://universitaspertamina.ac.id/pols">
                            <ul class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">POLS</ul>
                        </a> -->
                        <a href="https://ir.universitaspertamina.ac.id/blog/">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                Blog</ul>
                        </a>
                        <!-- <a href="https://library.universitaspertamina.ac.id/repository" target="_blank">
                            <ul class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">Repository</ul>
                        </a> -->
                    </div>
                </ul>        
                <a href="../../beasiswa.html">
                    <ul
                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                        Beasiswa</ul>
                </a>
                <a href="../../alumni.html">
                    <ul
                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                        Alumni</ul>
                </a>
                <ul class="relative list-menu" x-data="{ subselected: null }">
                    <a class="btn-menu" href="#" @click="subselected !== 1 ? subselected = 1 : subselected = null">
                        <ul
                            class="py-2 pr-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue flex list-menu">
                            <span>Karir</span>
                            <span class="ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                    <path
                                        d="M6.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L12.793 8 6.646 1.854a.5.5 0 0 1 0-.708z" />
                                </svg></span>
                        </ul>
                    </a>
                    <div class="relative overflow-hidden transition-all max-h-0 duration-700 pl-6" style=""
                        x-ref="container2"
                        x-bind:style="subselected == 1 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : ''">
                        
                        
                        <a href="https://cdc.universitaspertamina.ac.id/" target="_blank">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                Career Development Center</ul>
                        </a>
                        <a href="../../lowongan-pekerjaan.html">
                            <ul
                                class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                                Lowongan Pekerjaan</ul>
                        </a>
                    </div>
                </ul>
                <a href="../../download-center.html">
                    <ul
                        class="py-2 border-t border-current border-up-lemon w-full text-sm text-white font-light hover:bg-up-blue list-menu">
                        Pusat Unduhan</ul>
                </a>
                
            </div>
        </div>
    </header>
    

    
    <header class="hidden sm:hidden md:hidden lg:block fixed top-0 left-0 w-full z-20">
        <div class="relative">
            <a href="../../index.html" class="logo absolute z-10 h-full top-0 left-0">
                <img class="h-full" src="../../common/images/logo-decorated.webp" alt="Logo Universitas Pertamina">
            </a>

            <div class="upper-menu bg-up-blue-lighten text-sm bg-right bg-no-repeat bg-contain" style="margin-left:5%">
                <div class="max-w-screen-lg mx-auto-twa" x-data="{ tooltip: false }">
                    <ul class="text-center m-0 p-0 list-menu">
                        <!-- <li class="inline-block">
                            <a href="https://universitaspertamina.ac.id/berita/kampus" class="text-up-lemon font-semibold border-b-4 border-up-lemon py-4 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block">
                                <p> Berita</p>
                            </a>
                        </li>
                        <li class="inline-block menu-kolaborasi relative">
                            <a href="#" class=" py-4 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block">
                                Agenda
                            </a>
                            <div class="dropdown-menu hidden colored-menu absolute top-full left-0 bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm w-auto text-left no-underline rounded-b-lg">
                                <div class="pb-2">
                                    <a href="https://universitaspertamina.ac.id/event"><ul class="h-10 px-5 py-3 text-sm text-white colored-hover list-menu">Event</ul></a>
                                    <a href="https://universitaspertamina.ac.id/galeri"><ul class="h-10 px-5 py-3 text-sm text-white colored-hover list-menu">Gallery</ul></a>
                                </div>
                            </div>
                        </li> -->

                        
                        <li class="inline-block menu-kolaborasi relative">
                            <a href="../../beasiswa.html"
                                class=" py-2 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block">
                                Beasiswa
                            </a>
                            <!-- <div class="dropdown-menu hidden colored-menu absolute top-full left-0 bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm w-auto text-left no-underline rounded-b-lg">
                                <div class="pb-2">
                                    <a href="https://universitaspertamina.ac.id/beasiswa"><ul class="h-10 px-5 py-3 text-sm text-white colored-hover list-menu">Daftar Beasiswal</ul></a>
                                </div>
                            </div> -->
                        </li>

                        
                        <li class="inline-block">
                            
                            <a href="../../alumni.html"
                                class=" relative text-white py-2 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm block"
                                role="button">
                                Alumni
                            </a>
                        </li>

                        
                        <li class="inline-block menu-kolaborasi relative">
                            <a href="#"
                                class=" py-2 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block">Karir</a>
                            <div style="width:240px"
                                class="dropdown-menu hidden colored-menu absolute top-full left-0 bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm w-auto text-left no-underline rounded-b-lg">
                                <div class="pb-2">
                                    <a href="https://cdc.universitaspertamina.ac.id/" target="_blank">
                                        <ul class="h-10 px-5 py-3 text-sm text-white colored-hover list-menu">
                                            Career Development Center</ul>
                                    </a>
                                    <a href="../../lowongan-pekerjaan.html">
                                        <ul class="h-10 px-5 py-3 text-sm text-white colored-hover list-menu">
                                            Lowongan Pekerjaan
                                        </ul>
                                    </a>
                                </div>
                            </div>
                        </li>

                        
                        

                        
                        

                        <!-- <li class="inline-block dropdown relative">
                            <a href="#" class="py-4 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block" role="button">Akses Cepat</a>
                            <div class="dropdown-menu hidden colored-menu absolute top-full left-0 bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm w-auto text-left no-underline rounded-b-lg">
                                <div class="grid grid-cols-2 gap-x-4 gap-y-0 pb-2">
                                    <a href="https://siup.universitaspertamina.ac.id/" target="_blank" class="px-5 py-3 text-sm text-white colored-hover list-menu"><span>SIUP</span></a>
                                    <a href="https://siap.universitaspertamina.ac.id/" target="_blank" class="px-5 py-3 text-sm text-white colored-hover list-menu"><span>SIAP</span></a>
                                    <a href="https://mail.universitaspertamina.ac.id/" target="_blank" class="px-5 py-3 text-sm text-white colored-hover list-menu"><span>Mail</span></a>
                                    <a href="https://spi.universitaspertamina.ac.id/care" target="_blank" class="px-5 py-3 text-sm text-white colored-hover list-menu">
                                        <span>CARE</span>
                                    </a>
                                    <a href="https://universitaspertamina.ac.id/coe" class="px-5 py-3 text-sm text-white colored-hover list-menu">
                                        <span><b>Center of Excellence</b></span>
                                    </a>
                                    <a href="https://universitaspertamina.ac.id/pols" class="px-5 py-3 text-sm text-white colored-hover list-menu">
                                        <span>POLS</span>
                                    </a>
                                    <a href="https://library.universitaspertamina.ac.id/repository" target="_blank" class="px-5 py-3 text-sm text-white colored-hover list-menu"><span>Repository</span></a>
                                </div>
                            </div>
                        </li> -->


                        <!-- <li class="inline-block">
                            <a href="https://universitaspertamina.ac.id/student-discussion/discussion" class=" relative text-white py-4 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm block" role="button">
                                Pojok Mahasiswa
                            </a>
                        </li> -->

                        
                        <li class="inline-block">
                            <a href="../../download-center.html"
                                class=" relative text-white py-2 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm block"
                                role="button">
                                Pusat Unduhan
                            </a>
                        </li>

                        <!-- <li class="inline-block">
                            <a href="https://blog.universitaspertamina.ac.id" class=" relative text-white py-4 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm block" role="button">Blog
                            </a>
                        </li>
                        <li class="inline-block">
                            <a href="https://universitaspertamina.ac.id/mitra" class=" relative text-white py-4 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm block" role="button">Mitra
                            </a>
                        </li> -->
                    </ul>
                </div>
                <div class="right-side absolute top-0 right-0 p-2 flex items-center hidden">
                    <div class="language pr-3">
                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"
                            fill="none" stroke="white" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="feather feather-search">
                            <circle cx="11" cy="11" r="8"></circle>
                            <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
                        </svg>

                    </div>
                </div>
            </div>

            <div class="lower-menu bg-up-blue relative text-sm" style="margin-left:5%">
                <div style="margin-left:20%" class="max-w-screen-lg mx-auto">
                    <ul class="text-center m-0 p-0 list-menu">

                        
                        <li class="inline-block menu-fakultas relative">
                            <a style="font-size:1.1rem; cursor: default;" href="#"
                                class=" align-middle text-white hover:text-up-lemon py-5 px-5 lg:px-3 xl:px-3 2xl:px-5 lg:text-xl xl:text-xs 2xl:text-sm block">
                                Tentang Kami
                            </a>
                            <div
                                class="dropdown-menu hidden colored-menu absolute top-full left-0 bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm w-auto text-left no-underline rounded-b-lg">
                                <div class="py-2 font-medium text-white">
                                    <ul
                                        class="relative menu-fakultas list-menu sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        <a href="#" style="cursor: default;">Profil</a>
                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18"
                                                height="18">
                                                <path fill-rule="evenodd"
                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                </path>
                                            </svg></span>
                                        <div
                                            class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                            <div class="py-2 font-medium text-white">
                                                <a href="../../profile/sejarah.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Sejarah
                                                    </ul>
                                                </a>
                                                <a href="../../profile/identitas.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Identitas
                                                    </ul>
                                                </a>
                                                <a href="../../profile/visi-misi.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Visi &amp; Misi
                                                    </ul>
                                                </a>
                                                <a href="../../profile/keunggulan.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Keunggulan
                                                    </ul>
                                                </a>
                                            </div>
                                        </div>
                                    </ul>
                                    <ul
                                        class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        <a href="#"
                                            style="cursor: default;">Struktur Organisasi</a>
                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18"
                                                height="18">
                                                <path fill-rule="evenodd"
                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                </path>
                                            </svg></span>
                                        <div
                                            class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                            <div class="py-2 font-medium text-white">
                                                <a href="../../profile/organisasi.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Pimpinan
                                                    </ul>
                                                </a>
                                                <a href="../../profile/organisasi_advisory.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Advisory Board
                                                    </ul>
                                                </a>
                                            </div>
                                        </div>
                                    </ul>
                                    <!-- <a href="https://universitaspertamina.ac.id/profile/organisasi" class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Struktur Organisasi
                                    </a> -->
                                    
                                    
                                    <a href="../../profile/fasilitas-dan-layanan.html"
                                        class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Fasilitas dan Layanan
                                    </a>
                                </div>
                            </div>
                        </li>

                        
                        <li class="inline-block menu-fakultas relative">
                            <a style="font-size:1.1rem; cursor: default;" href="#"
                                class=" align-middle text-white hover:text-up-lemon py-5 px-5 lg:px-3 xl:px-3 2xl:px-5 lg:text-xl xl:text-xs 2xl:text-sm block">
                                Pendidikan
                            </a>
                            <div
                                class="dropdown-menu hidden colored-menu absolute top-full left-0 bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm w-auto text-left no-underline rounded-b-lg">
                                <div class="py-2 font-medium text-white">
                                    <ul
                                        class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        <a href="#"
                                            style="cursor: default;">Program S1</a>
                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18"
                                                height="18">
                                                <path fill-rule="evenodd"
                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                </path>
                                            </svg></span>
                                        <div
                                            class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                            <div class="py-2 font-medium text-white">
                                                                                                    <ul
                                                        class="relative menu-fakultas sub-menu-prodii px-5 py-3 flex items-center colored-hover list-menu">
                                                        <a
                                                            href="../../fakultas/teknologi-industri.html">Teknologi Industri</a>
                                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                                width="18" height="18">
                                                                <path fill-rule="evenodd"
                                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                                </path>
                                                            </svg></span>
                                                        <div
                                                            class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                            <div class="py-2 font-medium text-white">
                                                                                                                                    <a
                                                                        href="../../prodi/teknik-kimia.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Teknik Kimia
                                                                        </ul>
                                                                    </a>
                                                                                                                                    <a
                                                                        href="../../prodi/teknik-mesin.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Teknik Mesin
                                                                        </ul>
                                                                    </a>
                                                                                                                                    <a
                                                                        href="../../prodi/teknik-logistik.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Teknik Logistik
                                                                        </ul>
                                                                    </a>
                                                                                                                                    <a
                                                                        href="../../prodi/teknik-elektro.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Teknik Elektro
                                                                        </ul>
                                                                    </a>
                                                                                                                            </div>
                                                        </div>
                                                    </ul>
                                                                                                    <ul
                                                        class="relative menu-fakultas sub-menu-prodii px-5 py-3 flex items-center colored-hover list-menu">
                                                        <a
                                                            href="../../fakultas/sains-dan-ilmu-komputer.html">Sains dan Ilmu Komputer</a>
                                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                                width="18" height="18">
                                                                <path fill-rule="evenodd"
                                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                                </path>
                                                            </svg></span>
                                                        <div
                                                            class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                            <div class="py-2 font-medium text-white">
                                                                                                                                    <a
                                                                        href="../../prodi/kimia.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Kimia
                                                                        </ul>
                                                                    </a>
                                                                                                                                    <a
                                                                        href="../../prodi/ilmu-komputer.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Ilmu Komputer
                                                                        </ul>
                                                                    </a>
                                                                                                                                    <a
                                                                        href="../../prodi/sains-aktuaria.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Sains Aktuaria
                                                                        </ul>
                                                                    </a>
                                                                                                                            </div>
                                                        </div>
                                                    </ul>
                                                                                                    <ul
                                                        class="relative menu-fakultas sub-menu-prodii px-5 py-3 flex items-center colored-hover list-menu">
                                                        <a
                                                            href="../../fakultas/perencanaan-infrastruktur.html">Perencanaan Infrastruktur</a>
                                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                                width="18" height="18">
                                                                <path fill-rule="evenodd"
                                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                                </path>
                                                            </svg></span>
                                                        <div
                                                            class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                            <div class="py-2 font-medium text-white">
                                                                                                                                    <a
                                                                        href="../../prodi/teknik-sipil.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Teknik Sipil
                                                                        </ul>
                                                                    </a>
                                                                                                                                    <a
                                                                        href="../../prodi/teknik-lingkungan.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Teknik Lingkungan
                                                                        </ul>
                                                                    </a>
                                                                                                                            </div>
                                                        </div>
                                                    </ul>
                                                                                                    <ul
                                                        class="relative menu-fakultas sub-menu-prodii px-5 py-3 flex items-center colored-hover list-menu">
                                                        <a
                                                            href="../../fakultas/komunikasi-dan-diplomasi.html">Komunikasi dan Diplomasi</a>
                                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                                width="18" height="18">
                                                                <path fill-rule="evenodd"
                                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                                </path>
                                                            </svg></span>
                                                        <div
                                                            class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                            <div class="py-2 font-medium text-white">
                                                                                                                                    <a
                                                                        href="../../prodi/komunikasi.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Komunikasi
                                                                        </ul>
                                                                    </a>
                                                                                                                                    <a
                                                                        href="../../prodi/hubungan-internasional.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Hubungan Internasional
                                                                        </ul>
                                                                    </a>
                                                                                                                            </div>
                                                        </div>
                                                    </ul>
                                                                                                    <ul
                                                        class="relative menu-fakultas sub-menu-prodii px-5 py-3 flex items-center colored-hover list-menu">
                                                        <a
                                                            href="../../fakultas/teknologi-eksplorasi-dan-produksi.html">Teknologi Eksplorasi dan Produksi</a>
                                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                                width="18" height="18">
                                                                <path fill-rule="evenodd"
                                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                                </path>
                                                            </svg></span>
                                                        <div
                                                            class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                            <div class="py-2 font-medium text-white">
                                                                                                                                    <a
                                                                        href="../../prodi/teknik-geofisika.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Teknik Geofisika
                                                                        </ul>
                                                                    </a>
                                                                                                                                    <a
                                                                        href="../../prodi/teknik-perminyakan.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Teknik Perminyakan
                                                                        </ul>
                                                                    </a>
                                                                                                                                    <a
                                                                        href="../../prodi/teknik-geologi.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Teknik Geologi
                                                                        </ul>
                                                                    </a>
                                                                                                                            </div>
                                                        </div>
                                                    </ul>
                                                                                                    <ul
                                                        class="relative menu-fakultas sub-menu-prodii px-5 py-3 flex items-center colored-hover list-menu">
                                                        <a
                                                            href="../../fakultas/ekonomi-dan-bisnis.html">Ekonomi dan Bisnis</a>
                                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                                width="18" height="18">
                                                                <path fill-rule="evenodd"
                                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                                </path>
                                                            </svg></span>
                                                        <div
                                                            class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                            <div class="py-2 font-medium text-white">
                                                                                                                                    <a
                                                                        href="../../prodi/manajemen.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Manajemen
                                                                        </ul>
                                                                    </a>
                                                                                                                                    <a
                                                                        href="../../prodi/ekonomi.html">
                                                                        <ul
                                                                            class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                            Ekonomi
                                                                        </ul>
                                                                    </a>
                                                                                                                            </div>
                                                        </div>
                                                    </ul>
                                                                                            </div>
                                        </div>
                                    </ul>
                                    <ul
                                        class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        <a href="#"
                                            style="cursor: default;">Program S2</a>
                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18"
                                                height="18">
                                                <path fill-rule="evenodd"
                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                </path>
                                            </svg></span>
                                        <div
                                            class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                            <div class="py-2 font-medium text-white">
                                                                                                                                                        
                                                    
                                                                                                                                                        
                                                    
                                                                                                                                                            <ul
                                                            class="relative menu-fakultas sub-menu-prodii px-5 py-3 flex items-center colored-hover list-menu">
                                                            <a
                                                                href="../../fakultas/perencanaan-infrastruktur.html">Perencanaan Infrastruktur</a>
                                                            <span class="ml-auto"><svg class="fill-current text-white"
                                                                    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                                    width="18" height="18">
                                                                    <path fill-rule="evenodd"
                                                                        d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                                    </path>
                                                                </svg></span>
                                                            <div
                                                                class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                                <div class="py-2 font-medium text-white">
                                                                                                                                            <a
                                                                            href="../../prodi/magister-sains-keberlanjutan.html">
                                                                            <ul
                                                                                class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                                Magister Sains Keberlanjutan
                                                                            </ul>
                                                                        </a>
                                                                                                                                    </div>
                                                            </div>
                                                        </ul>
                                                                                                        
                                                    
                                                                                                                                                        
                                                    
                                                                                                                                                        
                                                    
                                                                                                                                                            <ul
                                                            class="relative menu-fakultas sub-menu-prodii px-5 py-3 flex items-center colored-hover list-menu">
                                                            <a
                                                                href="../../fakultas/ekonomi-dan-bisnis.html">Ekonomi dan Bisnis</a>
                                                            <span class="ml-auto"><svg class="fill-current text-white"
                                                                    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                                    width="18" height="18">
                                                                    <path fill-rule="evenodd"
                                                                        d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                                    </path>
                                                                </svg></span>
                                                            <div
                                                                class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                                <div class="py-2 font-medium text-white">
                                                                                                                                            <a
                                                                            href="../../prodi/magister-manajemen.html">
                                                                            <ul
                                                                                class="px-5 py-3 flex items-center text-xs colored-hover list-menu">
                                                                                Magister Manajemen
                                                                            </ul>
                                                                        </a>
                                                                                                                                    </div>
                                                            </div>
                                                        </ul>
                                                                                                        
                                                    
                                                                                            </div>
                                        </div>
                                    </ul>
                                    <ul
                                        class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        <a href="#" style="cursor: default;">Akademik</a>
                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18"
                                                height="18">
                                                <path fill-rule="evenodd"
                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                </path>
                                            </svg></span>
                                        <div
                                            class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                            <div class="py-2 font-medium text-white">
                                                <ul
                                                    class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    <a href="../../prestasi.html">
                                                        Prestasi</a>
                                                </ul>
                                                <ul style="cursor: default;"
                                                    class="relative menu-fakultas sub-menu-prodii px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    Penunjang Akademik
                                                    <span class="ml-auto"><svg class="fill-current text-white"
                                                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                            width="18" height="18">
                                                            <path fill-rule="evenodd"
                                                                d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                            </path>
                                                        </svg></span>
                                                    <div
                                                        class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                        <div class="py-2 font-medium text-white">
                                                            <a href="https://elearning.universitaspertamina.ac.id/login"
                                                                target="_blank">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Belajar Daring
                                                                </ul>
                                                            </a>
                                                            <a href="https://library.universitaspertamina.ac.id/"
                                                                target="_blank">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Perpustakaan Daring
                                                                </ul>
                                                            </a>
                                                            <a href="../../mahasiswa/bimbingan-konseling.html">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Bimbingan Konseling
                                                                </ul>
                                                            </a>
                                                            <a href="https://sso.universitaspertamina.ac.id/login"
                                                                target="_blank">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Sistem Disipliner Online
                                                                </ul>
                                                            </a>
                                                            <a href="../../mahasiswa/pelatihan-seminar.html">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Pelatihan Mengajar
                                                                </ul>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </ul>
                                                <ul
                                                    class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    <a href="../../mahasiswa/kalender-akademik.html">
                                                        Kalender Akademik</a>
                                                </ul>
                                                <ul
                                                    class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    <a
                                                        href="../../mahasiswa/layanan-administrasi.html">Informasi Layanan Administrasi</a>
                                                </ul>
                                            </div>
                                        </div>
                                    </ul>
                                    <ul
                                        class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        <a href="#" style="cursor: default;"> Mahasiswa
                                        </a>
                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18"
                                                height="18">
                                                <path fill-rule="evenodd"
                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                </path>
                                            </svg></span>
                                        <div
                                            class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                            <div class="py-2 font-medium text-white">
                                                <!-- <ul class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    Penunjang Akademik
                                                    <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span>
                                                    <div class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                        <div class="py-2 font-medium text-white">
                                                            <a href="https://sso.universitaspertamina.ac.id/login" target="_blank">
                                                                <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Belajar Daring
                                                                </ul>
                                                            </a>
                                                            <a href="https://library.universitaspertamina.ac.id/" target="_blank">
                                                                <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Perpustakaan Daring
                                                                </ul>
                                                            </a>
                                                            <a href="https://universitaspertamina.ac.id/mahasiswa/bimbingan-konseling">
                                                                <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Bimbingan Konseling
                                                                </ul>
                                                            </a>
                                                            <a href="https://sso.universitaspertamina.ac.id/login" target="_blank">
                                                                <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Sistem Disipliner Online
                                                                </ul>
                                                            </a>
                                                           
                                                            
                                                            <a href="https://universitaspertamina.ac.id/mahasiswa/pelatihan-seminar">
                                                                <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Pelatihan Mengajar
                                                                </ul>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </ul> -->
                                                <ul style="cursor: default;"
                                                    class="relative menu-fakultas sub-menu-prodii px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    Organisasi
                                                    <span class="ml-auto"><svg class="fill-current text-white"
                                                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                            width="18" height="18">
                                                            <path fill-rule="evenodd"
                                                                d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                            </path>
                                                        </svg></span>
                                                    <div
                                                        class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                        <div class="py-2 font-medium text-white">
                                                            <a href="../../mahasiswa/ukm.html">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    UKM
                                                                </ul>
                                                            </a>
                                                            <a href="../../mahasiswa/himpunan-mahasiswa.html">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Himpunan Mahasiswa
                                                                </ul>
                                                            </a>
                                                            <a href="../../mahasiswa/ikatan-orang-tua-mahasiswa.html">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Ikatan Orangtua Mahasiswa
                                                                </ul>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </ul>
                                                <!-- <a href="https://universitaspertamina.ac.id/mahasiswa/ukm" class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    Organisasi
                                                </a> -->
                                                <!-- <a href="https://universitaspertamina.ac.id/beasiswa" class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    Scholarship
                                                </a> -->
                                                <!-- <a href="https://universitaspertamina.ac.id/mahasiswa/kalender-akademik" class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    Kalender Akademik
                                                </a> -->
                                                <!-- <a href="https://universitaspertamina.ac.id/mahasiswa/layanan-administrasi" class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    Informasi Layanan Administrasi
                                                </a> -->
                                                <a href="../../mahasiswa/informasi-tempat-tinggal.html"
                                                    class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    Informasi Tempat Tinggal
                                                </a>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </li>

                        
                        <li class="menu-fakultas inline-block relative">
                            <a style="font-size:1.1rem; cursor: default;" href="../../pendaftaran.html"
                                class=" align-middle hover:text-up-lemon focus:text-up-lemon py-5 px-5 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block">Pendaftaran</a>
                            <div
                                class="dropdown-menu hidden colored-menu absolute top-full left-0 bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm w-auto text-left no-underline rounded-b-lg">
                                <div class="py-2 font-medium text-white">
                                    <a href="../../pendaftaran.html"
                                        class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Panduan Pendaftaran
                                    </a>
                                    <a href="../../pendaftaran.html#jalur-seleksi"
                                        class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Jalur Seleksi
                                    </a>
                                    <a href="../../pendaftaran/biaya-pendidikan.html"
                                        class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Biaya Pendidikan
                                    </a>
                                    <a href="https://pmb.universitaspertamina.ac.id/" target="_blank"
                                        class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Pendaftaran Online
                                    </a>
                                    
                                    <a href="../../pendaftaran.html#faq"
                                        class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        FAQ
                                    </a>
                                    <!-- <a href="https://universitaspertamina.ac.id/minat-bakat" class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Tes Minat Bakat
                                    </a> -->
                                </div>
                            </div>
                        </li>

                        <!-- <li class="menu-fakultas inline-block relative">
                            <a style="font-size:1.1rem" href="https://universitaspertamina.ac.id/kerjasama" class=" align-middle hover:text-up-lemon focus:text-up-lemon py-5 px-5 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block">
                                Kerja Sama
                            </a>
                            <div class=" dropdown-menu hidden colored-menu absolute top-full left-0 bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm w-auto text-left no-underline rounded-b-lg">
                                <div class="py-2 font-medium text-white">
                                    <a href="#" class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                    Kemitraan
                                    </a>
                                    <a href="#" class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                    Hibah Penelitian
                                    </a>
                                    <a href="https://universitaspertamina.ac.id/kerjasama/hibah-kemitraan" class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                    Mitra
                                    </a>
                                    <a href="#" class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        COE
                                    </a>
                                </div>
                            </div>
                        </li> -->

                        <!-- <li class="menu-fakultas inline-block relative">
                            <a href="#" class=" align-middle hover:text-up-lemon focus:text-up-lemon py-5 px-5 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block">Fakultas &amp; Prodi</a>
                            <div class="dropdown-menu hidden colored-menu absolute top-full left-0 bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm w-auto text-left no-underline rounded-b-lg">
                                <div class="py-2 font-medium text-white">
                                    <ul class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                            <a href="https://universitaspertamina.ac.id/fakultas/teknologi-industri">Teknologi Industri</a>
                                            <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span>
                                            <div class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                <div class="py-2 font-medium text-white">
                                                    <a href="https://universitaspertamina.ac.id/prodi/teknik-kimia">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Teknik Kimia
                                                            </ul>
                                                        </a>
<a href="https://universitaspertamina.ac.id/prodi/teknik-mesin">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Teknik Mesin
                                                            </ul>
                                                        </a>
<a href="https://universitaspertamina.ac.id/prodi/teknik-logistik">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Teknik Logistik
                                                            </ul>
                                                        </a>
<a href="https://universitaspertamina.ac.id/prodi/teknik-elektro">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Teknik Elektro
                                                            </ul>
                                                        </a>
                                                </div>
                                            </div>
                                        </ul>
<ul class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                            <a href="https://universitaspertamina.ac.id/fakultas/sains-dan-ilmu-komputer">Sains dan Ilmu Komputer</a>
                                            <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span>
                                            <div class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                <div class="py-2 font-medium text-white">
                                                    <a href="https://universitaspertamina.ac.id/prodi/kimia">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Kimia
                                                            </ul>
                                                        </a>
<a href="https://universitaspertamina.ac.id/prodi/ilmu-komputer">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Ilmu Komputer
                                                            </ul>
                                                        </a>
<a href="https://universitaspertamina.ac.id/prodi/sains-aktuaria">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Sains Aktuaria
                                                            </ul>
                                                        </a>
                                                </div>
                                            </div>
                                        </ul>
<ul class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                            <a href="https://universitaspertamina.ac.id/fakultas/perencanaan-infrastruktur">Perencanaan Infrastruktur</a>
                                            <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span>
                                            <div class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                <div class="py-2 font-medium text-white">
                                                    <a href="https://universitaspertamina.ac.id/prodi/teknik-sipil">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Teknik Sipil
                                                            </ul>
                                                        </a>
<a href="https://universitaspertamina.ac.id/prodi/teknik-lingkungan">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Teknik Lingkungan
                                                            </ul>
                                                        </a>
                                                </div>
                                            </div>
                                        </ul>
<ul class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                            <a href="https://universitaspertamina.ac.id/fakultas/komunikasi-dan-diplomasi">Komunikasi dan Diplomasi</a>
                                            <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span>
                                            <div class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                <div class="py-2 font-medium text-white">
                                                    <a href="https://universitaspertamina.ac.id/prodi/komunikasi">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Komunikasi
                                                            </ul>
                                                        </a>
<a href="https://universitaspertamina.ac.id/prodi/hubungan-internasional">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Hubungan Internasional
                                                            </ul>
                                                        </a>
                                                </div>
                                            </div>
                                        </ul>
<ul class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                            <a href="https://universitaspertamina.ac.id/fakultas/teknologi-eksplorasi-dan-produksi">Teknologi Eksplorasi dan Produksi</a>
                                            <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span>
                                            <div class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                <div class="py-2 font-medium text-white">
                                                    <a href="https://universitaspertamina.ac.id/prodi/teknik-geofisika">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Teknik Geofisika
                                                            </ul>
                                                        </a>
<a href="https://universitaspertamina.ac.id/prodi/teknik-perminyakan">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Teknik Perminyakan
                                                            </ul>
                                                        </a>
<a href="https://universitaspertamina.ac.id/prodi/teknik-geologi">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Teknik Geologi
                                                            </ul>
                                                        </a>
                                                </div>
                                            </div>
                                        </ul>
<ul class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                            <a href="https://universitaspertamina.ac.id/fakultas/ekonomi-dan-bisnis">Ekonomi dan Bisnis</a>
                                            <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span>
                                            <div class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                                <div class="py-2 font-medium text-white">
                                                    <a href="https://universitaspertamina.ac.id/prodi/manajemen">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Manajemen
                                                            </ul>
                                                        </a>
<a href="https://universitaspertamina.ac.id/prodi/ekonomi">
                                                            <ul class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                Ekonomi
                                                            </ul>
                                                        </a>
                                                </div>
                                            </div>
                                        </ul>
                                </div>
                            </div>
                        </li> -->

                        
                        

                                    
                                                
                                            

                                    

                                    
                                                
                                            

                                    
                                    

                        

                        
                        <li class="menu-fakultas inline-block relative">
                            <a style="font-size:1.1rem; cursor: default;" href="../../kerjasama.html"
                                class=" align-middle hover:text-up-lemon focus:text-up-lemon py-5 px-5 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block">
                                Kerja Sama
                            </a>
                            <div
                                class=" dropdown-menu hidden colored-menu absolute top-full left-0 bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm w-auto text-left no-underline rounded-b-lg">
                                <div class="py-2 font-medium text-white">
                                    

                                    <ul style="cursor: default;"
                                        class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Kemitraan
                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18"
                                                height="18">
                                                <path fill-rule="evenodd"
                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                </path>
                                            </svg></span>
                                        <div
                                            class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                            <div class="py-2 font-medium text-white">
                                                <a href="../../kerjasama/mitra.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Kerja Sama
                                                    </ul>
                                                </a>
                                                <a href="../../collaboration/outreach-collaboration.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Outreach Collaboration
                                                    </ul>
                                                </a>
                                                <a href="../../collaboration/studi/international-collaboration.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        International Collaboration
                                                    </ul>
                                                </a>
                                                
                                            </div>
                                        </div>
                                    </ul>

                                    

                                    <ul style="cursor: default;"
                                        class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Hibah Penelitian
                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                width="18" height="18">
                                                <path fill-rule="evenodd"
                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                </path>
                                            </svg></span>
                                        <div
                                            class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                            <div class="py-2 font-medium text-white">
                                                <a href="../../kerjasama/hibah-internasional.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Internasional
                                                    </ul>
                                                </a>
                                                <a href="../../kerjasama/hibah-dikti.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        DIKTI
                                                    </ul>
                                                </a>
                                                <a href="../../kerjasama/hibah-kemitraan.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Mitra
                                                    </ul>
                                                </a>
                                                <a href="../../kerjasama/hibah-penelitian-internal.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Internal
                                                    </ul>
                                                </a>
                                            </div>
                                        </div>
                                    </ul>

                                    
                                    <a href="../../coe.html"
                                        class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Center of Excelence (CoE)
                                    </a>

                                </div>
                            </div>
                        </li>


                        
                        <li class="menu-fakultas inline-block relative">
                            <a style="font-size:1.1rem; cursor: default;" href="#"
                                class="text-up-lemon font-semibold border-b-4 border-up-lemon align-middle hover:text-up-lemon focus:text-up-lemon py-5 px-5 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block">
                                Berita
                            </a>
                            <div
                                class=" dropdown-menu hidden colored-menu absolute top-full left-0 bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm w-auto text-left no-underline rounded-b-lg">
                                <div class="py-2 font-medium text-white">
                                    <ul style="cursor: default;" class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Berita
                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                width="18" height="18">
                                                <path fill-rule="evenodd"
                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                </path>
                                            </svg></span>
                                        <div
                                            class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                            <div class="py-2 font-medium text-white">
                                                <a href="../kampus.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Berita Kampus
                                                    </ul>
                                                </a>
                                                <a href="../energi.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Berita Energi
                                                    </ul>
                                                </a>
                                                <a href="../populer.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Berita Populer
                                                    </ul>
                                                </a>
                                            </div>
                                        </div>
                                    </ul>
                                    
                                    <ul style="cursor: default;"
                                        class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Agenda
                                        <span class="ml-auto"><svg class="fill-current text-white"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                                width="18" height="18">
                                                <path fill-rule="evenodd"
                                                    d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z">
                                                </path>
                                            </svg></span>
                                        <div
                                            class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg">
                                            <div class="py-2 font-medium text-white">
                                                <a href="../../event.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Event
                                                    </ul>
                                                </a>
                                                <a href="../../galeri.html">
                                                    <ul
                                                        class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                        Gallery
                                                    </ul>
                                                </a>
                                            </div>
                                        </div>
                                    </ul>
                                    <a href="../e-newsletter.html"
                                        class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        E-Newsletter
                                    </a>
                                </div>
                            </div>
                        </li>

                        
                        <li class="menu-fakultas inline-block relative">
                            <a style="font-size:1.1rem; cursor: default;" href="#"
                                class=" align-middle hover:text-up-lemon focus:text-up-lemon py-5 px-5 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block">Akses Cepat</a>
                            <div
                                class="dropdown-menu hidden colored-menu absolute top-full left-0 bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm w-auto text-left no-underline rounded-b-lg">
                                <div class="py-2 font-medium text-white">
                                    <ul
                                        class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        <span style="color: red !important;"><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                                height="20" viewBox="0 0 24 24" fill="none"
                                                stroke="#0C4C9B" stroke-width="3" stroke-linecap="round"
                                                stroke-linejoin="round"
                                                class="feather feather-chevron-left text-up-blue">
                                                <polyline points="15 18 9 12 15 6"></polyline>
                                            </svg></span>
                                        <a href="#" style="margin-left: auto; cursor: default;">
                                            Penjaminan Mutu
                                        </a>
                                        <div style="width: 250px;"
                                            class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg submenu-kiri">
                                            <div class="py-2 font-medium text-white">
                                                <ul
                                                    class="relative menu-fakultas sub-menu-prodii px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    <span><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                                            height="20" viewBox="0 0 24 24" fill="none"
                                                            stroke="#0C4C9B" stroke-width="3"
                                                            stroke-linecap="round" stroke-linejoin="round"
                                                            class="feather feather-chevron-left text-up-blue">
                                                            <polyline points="15 18 9 12 15 6"></polyline>
                                                        </svg></span>
                                                    <a href="#" style="margin-left: auto; cursor: default;">
                                                        Beranda
                                                    </a>
                                                    <!-- <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span> -->
                                                    <div
                                                        class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg submenu-kiri">
                                                        <div class="py-2 font-medium text-white">
                                                            <a href="../../spm.html">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Tentang Kami
                                                                </ul>
                                                            </a>
                                                            <a href="../../spm/profil.html">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Profil
                                                                </ul>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </ul>
                                                <ul
                                                    class="relative menu-fakultas sub-menu-prodii px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    <span><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                                            height="20" viewBox="0 0 24 24" fill="none"
                                                            stroke="#0C4C9B" stroke-width="3"
                                                            stroke-linecap="round" stroke-linejoin="round"
                                                            class="feather feather-chevron-left text-up-blue">
                                                            <polyline points="15 18 9 12 15 6"></polyline>
                                                        </svg></span>
                                                    <a href="#" style="margin-left: auto; cursor: default;">
                                                        SPMI
                                                    </a>
                                                    <!-- <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span> -->
                                                    <div
                                                        class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg submenu-kiri">
                                                        <div class="py-2 font-medium text-white">
                                                            <a href="../../spm/dokumen.html">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Dokumen SPMI
                                                                </ul>
                                                            </a>
                                                            <a href="../../spm/ami.html">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Aplikasi AMI
                                                                </ul>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </ul>
                                                <ul
                                                    class="relative menu-fakultas sub-menu-prodii px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    
                                                    <a href="../../spm/informasi-akreditasi.html"
                                                        style="margin-left: auto;">Akreditasi</a>
                                                    <!-- <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span> -->
                                                    
                                                </ul>
                                                <ul
                                                    class="relative menu-fakultas sub-menu-prodii px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    <span><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                                            height="20" viewBox="0 0 24 24" fill="none"
                                                            stroke="#0C4C9B" stroke-width="3"
                                                            stroke-linecap="round" stroke-linejoin="round"
                                                            class="feather feather-chevron-left text-up-blue">
                                                            <polyline points="15 18 9 12 15 6"></polyline>
                                                        </svg></span>
                                                    <a href="#" style="text-align: right; cursor: default;">
                                                        Survei Kepuasan dan Laporan Kinerja</a>
                                                    <!-- <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span> -->
                                                    <div
                                                        class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg submenu-kiri">
                                                        <div class="py-2 font-medium text-white">
                                                            <a href="../../spm/survei.html">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Kepuasan Stakeholder
                                                                </ul>
                                                            </a>
                                                            <a href="../../spm/laporan-kinerja.html">
                                                                <ul
                                                                    class="px-5 py-3 h-10 flex items-center text-xs colored-hover list-menu">
                                                                    Laporan Kinerja
                                                                </ul>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </ul>
                                                <ul
                                                    class="relative menu-fakultas sub-menu-prodii px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    <a href="../../spm/kegiatan.html"
                                                        style="margin-left: auto;">
                                                        Kegiatan
                                                    </a>
                                                </ul>
                                            </div>
                                        </div>
                                    </ul>
                                    <ul
                                        class="relative menu-fakultas sub-menu-prodi px-5 py-3 h-12 flex items-center colored-hover hidden">
                                        <span><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                                height="20" viewBox="0 0 24 24" fill="none"
                                                stroke="#0C4C9B" stroke-width="3" stroke-linecap="round"
                                                stroke-linejoin="round"
                                                class="feather feather-chevron-left text-up-blue">
                                                <polyline points="15 18 9 12 15 6"></polyline>
                                            </svg></span>
                                        <a href="#" style="margin-left: auto; cursor: default;"> Survei</a>
                                        <!-- <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span> -->
                                        <div style="width: 230px;"
                                            class="dropdown-submenu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg submenu-kiri">
                                            <div class="py-2 font-medium text-white">
                                                <ul
                                                    class="relative menu-fakultas sub-menu-prodii px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    <span><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                                            height="20" viewBox="0 0 24 24" fill="none"
                                                            stroke="#0C4C9B" stroke-width="3"
                                                            stroke-linecap="round" stroke-linejoin="round"
                                                            class="feather feather-chevron-left text-up-blue">
                                                            <polyline points="15 18 9 12 15 6"></polyline>
                                                        </svg></span>
                                                    <a href="#" style="margin-left: 20px; cursor: default;">
                                                        Survei Layanan 2021</a>
                                                    <!-- <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span> -->
                                                    <div
                                                        class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg submenu-kiri">
                                                        <div class="py-2 font-medium text-white">
                                                                                                                    </div>
                                                    </div>
                                                </ul>
                                                <ul
                                                    class="relative menu-fakultas sub-menu-prodii px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                                    <span><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                                            height="20" viewBox="0 0 24 24" fill="none"
                                                            stroke="#0C4C9B" stroke-width="3"
                                                            stroke-linecap="round" stroke-linejoin="round"
                                                            class="feather feather-chevron-left text-up-blue">
                                                            <polyline points="15 18 9 12 15 6"></polyline>
                                                        </svg></span>
                                                    <a href="#" style="margin-left: 20px; cursor: default;">
                                                        Survei Layanan 2022</a>
                                                    <!-- <span class="ml-auto"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"></path></svg></span> -->
                                                    <div
                                                        class="dropdown-submenuu hidden colored-menu absolute top-0 left-full bg-up-lemon border-0 mb-3 z-50 font-normal leading-normal text-sm text-left no-underline rounded-b-lg submenu-kiri">
                                                        <div class="py-2 font-medium text-white">
                                                                                                                    </div>
                                                    </div>
                                                </ul>
                                            </div>
                                        </div>
                                    </ul>
                                    <a style="justify-content: flex-end;"
                                        href="https://super.universitaspertamina.ac.id/"
                                        class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        SDGs
                                    </a>
                                    <a style="justify-content: flex-end;"
                                        href="https://siup.universitaspertamina.ac.id/" target="_blank"
                                        class="hidden relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        SIUP
                                    </a>
                                    <a style="justify-content: flex-end;"
                                        href="https://mail.universitaspertamina.ac.id/"
                                        class="hidden relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        MAIL
                                    </a>
                                    <a style="justify-content: flex-end;"
                                        href="https://library.universitaspertamina.ac.id/"
                                        class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Library
                                    </a>
                                    
                                    <a style="justify-content: flex-end;"
                                        href="https://caroline.universitaspertamina.ac.id/"
                                        class="hidden relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Caroline
                                    </a>
                                    <a style="justify-content: flex-end;"
                                        href="https://blog.universitaspertamina.ac.id/"
                                        class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Blog
                                    </a>


                                    <!-- <a href="https://universitaspertamina.ac.id/coe" class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        Center of Excellent
                                    </a>
                                    <a href="https://universitaspertamina.ac.id/pols" class="relative menu-fakultas px-5 py-3 h-12 flex items-center colored-hover list-menu">
                                        POLS
                                    </a> -->


                                </div>
                            </div>
                        </li>

                        





                        <!-- start survey layanan -->
                        
                        <!-- end survey layanan -->

                        <!-- <li class="menu-fakultas inline-block relative">
                            <a href="https://universitaspertamina.ac.id/beasiswa" class="align-middle hover:text-up-lemon focus:text-up-lemon py-5 px-5 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block">
                                Beasiswa
                            </a>
                        </li> -->
                        <!-- <li class="menu-fakultas inline-block relative">
                            <a href="https://universitaspertamina.ac.id/prestasi" class="align-middle hover:text-up-lemon focus:text-up-lemon py-5 px-5 lg:px-3 xl:px-3 2xl:px-5 lg:text-xs xl:text-xs 2xl:text-sm text-white block">
                                Prestasi
                            </a>
                        </li> -->

                    </ul>
                </div>

                <div class="right-side absolute h-full top-0 right-0 p-2 flex items-center">
                    <div class="language pr-3">
                        <a href="../../index.html"
                            class="font-bold text-up-lemon">ID</a>
                        <span class="text-white">/</span>
                        <a href="../../index.html"
                            class="text-white">EN</a>
                    </div>
                    <div class="hidden">
                        <form action="#" class="search bg-white p-1 rounded-3xl overflow-hidden">
                            <input type="text" name="q"
                                class="d-inline-block focus:outline-none focus:ring-0 text-xs text-up-blue-darken align-middle h-7 border-0 placeholder-gray-300"
                                required placeholder="Cari info di sini" />
                            <button type="submit" class="d-inline-block align-middle pr-2 h-7">
                                <i data-feather="search" color="#aaa" width="15"></i>
                            </button>
                        </form>
                        <div class="account pl-2 inline-flex items-center">
                            <a href="#"
                                class="inline-flex rounded-full items-center justify-center w-9 h-9 bg-up-lemon-darken overflow-hidden shadow-xl">
                                <i data-feather="user" color="#fff" width="20" height="20"
                                    stroke-width="2"></i>
                                
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        
                    <div
                class="hidden w-full h-16 bg-white ">
                <div class="max-w-screen-xl mx-auto">
                    <div class="float-left flex items-center h-16">
                        <div class="flex items-center text-lg font-semibold text-up-blue-darken mr-5">
                            Student Discussion
                        </div>
                        <form action="https://universitaspertamina.ac.id/student-discussion"
                            class="search bg-gray-100 p-1 rounded-3xl overflow-hidden mb-0">
                            <input type="text" name="q"
                                class="bg-gray-100 d-inline-block focus:outline-none focus:ring-0 text-xs text-up-blue-darken align-middle h-7 border-0 placeholder-gray-300"
                                required placeholder="Cari postingan di sini"/ value="">
                            <button type="submit" class="d-inline-block align-middle pr-2 h-7">
                                <i data-feather="search" color="#aaa" width="15"></i>
                            </button>
                        </form>
                    </div>
                    <div class="float-right flex items-center h-16 text-sm text-gray-900">
                        <a class="mr-10 hover:text-up-blue hover:font-semibold "
                            href="../../student-discussion.html">
                            Artikel
                        </a>
                        <a class="mr-10 hover:text-up-blue hover:font-semibold "
                            href="../../student-discussion/login.html">
                            Masuk
                        </a>
                    </div>
                </div>
            </div>
        
        

        
                
    </header>
    

    
            <div style="margin-top: 88px;" class="hidden lg:block xl:block 2xl:block"></div>
        <div class="mt-14 lg:mt-0 xl:mt-0 2xl:mt-0"></div>
    
    <style>
    * {
        box-sizing: border-box;
    }

    input[type=text],
    select,
    textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        resize: vertical;
    }

    label {
        padding: 12px 12px 12px 0;
        display: inline-block;
    }

    input[type=submit] {
        background-color: #04AA6D;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        float: right;
    }

    input[type=submit]:hover {
        background-color: #45a049;
    }

    .back {
        border-radius: 5px;
        background-color: #f2f2f2;
        padding: 20px;
    }

    .col-25 {
        float: left;
        width: 25%;
        margin-top: 6px;
    }

    .col-75 {
        float: left;
        width: 75%;
        margin-top: 6px;
    }

    /* Clear floats after the columns */
    .row::after {
        content: "";
        display: table;
        clear: both;
    }

    /* CSS untuk komentar */
    .komentar {
        margin-top: 20px;
    }

    .komentar-item {
        border: 1px solid #ccc;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
    }

    .komentar-nama {
        font-weight: bold;
    }

    .komentar-email {
        font-style: italic;
        color: #666;
    }

    .komentar-isi {
        margin-top: 5px;
    }

    .komentar-actions {
        margin-top: 10px;
    }

    .komentar-actions button {
        margin-right: 10px;
    }

    .modal-open {
        overflow: hidden;
    }

    
    .content ol {
        list-style-type: decimal;
        margin-left: 20px;
    }

    .content ul {
        list-style-type: disc;
        margin-left: 20px;
    }

    .slider-image, .slide-container {
        height: calc(1280px/2);
    }
    
    @media  screen and (max-width: 1280px) {
        .slider-image, .slide-container {
            height: 50vw;
        }
    }

    /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
    @media  screen and (max-width: 600px) {
        .col-25,
        .col-75,
        input[type=submit] {
            width: 100%;
            margin-top: 0;
        }
    }

</style>

<style type="text/css">

    @media  only screen and (max-width: 600px) and (orientation: portrait) {
        .news-description {
            margin-top: 1.5%;
            font-size: 20px !important;
        }
    }

</style>

                
    <div class="overflow-hidden pb-0 lg:pb-10 xl:pb-10 2xl:pb-10">
        <div class="slider-section max-w-screen-xl mx-auto relative">
            <div class="slide-container">
                <div id="main-slider" class="owl-carousel relative">
                                            <div class="slider-image">
                            <img src="../../uploads/placeholder.jpg" data-src="https://universitaspertamina.ac.id/uploads/news/B353Atl5P4xrFPhpdQawr4fYP1JgHOfPYc1R7QIu.jpg" alt="Slider Image" loading="lazy">
                        </div>
                                    </div>

                <div class="nav-buttons absolute right-0 bottom-0 flex z-10">
                    <button type="button"
                        class="slider-prev w-10 h-10 bg-white inline-flex justify-center items-center rounded-tl-xl focus:outline-none">
                        <i class="text-up-blue" data-feather="chevron-left" stroke-width="3"></i>
                    </button>
                    <button type="button"
                        class="slider-next w-10 h-10 bg-white inline-flex justify-center items-center focus:outline-none">
                        <i class="text-up-lemon-darken" data-feather="chevron-right" stroke-width="3"></i>
                    </button>
                </div>

                <div class="share-button absolute left-0 bottom-0 flex z-10">
                    <button type="button" class="w-12 h-10 bg-white inline-flex justify-center items-center rounded-tr-xl">
                        <i class="text-up-blue" data-feather="share-2" stroke-width="2"></i>
                    </button>
                </div>

                <div class="indicators absolute -right-7 bottom-40 items-center flex flex-col">
                    <button type="button" class="circle block my-2 w-3 h-3 rounded-full ring-2 ring-white"></button>
                    <button type="button" class="circle block my-2 w-2 h-2 rounded-full bg-white"></button>
                </div>
            </div>


        </div>
    </div>

    <div id="myModal" class="modal">
        <div class="modal-content">
            <span class="close" id="closeModalBtn" onclick="closeModal()">&times;</span>
            <img id="modalCover" src="#">
        </div>
    </div>

    <script>
        // Fungsi untuk mengubah slider berdasarkan indeks thumbnail yang diklik
        function changeSlide(index) {
            // Ganti slide ke indeks yang diberikan
            var nilaiCover = document.getElementById('cover' + index).value;
            document.getElementById('modalCover').src = "https://universitaspertamina.ac.id/uploads/" + nilaiCover;
            document.getElementById('myModal').style.display = 'block';
        }

        // Fungsi untuk menutup modal
        function closeModal() {
            document.getElementById('myModal').style.display = 'none';
        }
    </script>




    <div class="max-w-screen-xl mx-auto relative py-10 lg:py-20 xl:py-20 2xl:py-20 px-10 lg:px-0 xl:px-0 2xl:px-0"
        style="padding: 3%">

        <nav class="text-sm text-gray-600" aria-label="Breadcrumb" style="text-transform: uppercase; text-decoration: none; font-weight: bolder;">
            <ol class="list-reset flex">
                <li><i class="fa fa-circle mx-2" aria-hidden="true"></i></li>
                <li>
                    Berita
                </li>
                <li><span class="mx-2">/</span></li>
                <li>
                                            <a href="#" class="text-blue-600 hover:text-gray-600">
                            Agenda
                        </a>
                                    </li>
                <li><span class="mx-2">/</span></li>
                <li class="text-gray-500">Detail</li>
            </ol>
        </nav>

        <div class="mt-3 lg:mt-5 xl:mt-5 2xl:mt-5 grid grid-cols-1 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-3 gap-0 lg:gap-5 xl:gap-5 2xl:gap-5">
            <div class="content col-span-2">
                                    <a href="#"
                        class="hover:bg-up-lemon-darken cursor-pointer inline-block bg-up-lemon text-white py-2 lg:py-3 px-4 lg:px-8 rounded-3xl text-xs lg:text-sm">
                        Agenda
                    </a>
                                <h1>
                    <div class="text-lg lg:text-4xl xl:text-4xl 2xl:text-4xl font-semibold mt-3 lg:mt-5 xl:mt-5 2xl:mt-5">
                        Dosen Program Studi Hubungan Internasional Hadiri the Spring Festival Gathering for ASEAN Alumni of 2019 Chinese Government Capacity Building Program
                    </div>
                </h1>
                <hr class="mt-5 lg:mt-10 xl:mt-10 2xl:mt-10 mb-5">
                <div class="flex justify-between">
                    <div class="flex items-center text-xs font-light text-gray-500">
                        <span class="mr-3">
                            Published by: Prodi Hubungan Internasional
                        </span>
                        <span class="mr-1">
                            <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="12"
                                height="12">
                                <path fill-rule="evenodd"
                                    d="M4.75 0a.75.75 0 01.75.75V2h5V.75a.75.75 0 011.5 0V2h1.25c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0113.25 16H2.75A1.75 1.75 0 011 14.25V3.75C1 2.784 1.784 2 2.75 2H4V.75A.75.75 0 014.75 0zm0 3.5h8.5a.25.25 0 01.25.25V6h-11V3.75a.25.25 0 01.25-.25h2zm-2.25 4v6.75c0 .138.112.25.25.25h10.5a.25.25 0 00.25-.25V7.5h-11z">
                                </path>
                            </svg>
                        </span>
                        <span>Kamis, 16 Januari 2020</span>
                    </div>

                    
                </div>
                <div class="flex items-center text-xs font-light text-gray-500">
                                        <span class="mr-3">
                        Dibaca: 419 kali 
                    </span>
                </div>
                <div
                    class="w-full py-5 lg:py-10 xl:py-10 2xl:py-10 pr-5 font-gray-700 font-normal text-sm lg:text-base xl:text-base 2xl:text-base news-description">
                    <div><div><font face="Arial"><span style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 700; font-stretch: inherit; font-size: inherit; line-height: inherit; vertical-align: baseline;"></span></font></div><span style="font-size:14px;">Jakarta&nbsp;– Pada hari Rabu 15 Januari 2020, Program Studi Hubungan Internasional Universitas Pertamina (Prodi HI UP) menghadiri undangan the Spring Festival Gathering for ASEAN Alumni of 2019 Chinese Government Capacity Building Program dari Mission of the People’s Republic of China to ASEAN. Pada kesempatan tersebut Wakil Dekan Fakultas Komunikasi dan Diplomasi, Dr Farah Mulyasari, Ketua Prodi HI UP, Dr. Indra Kusumawardhana dan dosen HI UP Fauzi Rachman mewakili fakultas dan program studi pada acara yang dimulai jam 12 siang tersebut di Ming Restaurant, lantai 5 Senayan City Mall.<br>
Acara dibuka dengan sambutan dari Madam Jiang Qin, Chargé d’Affaires of the Chinese Mission to ASEAN. Kemudian dilanjutkan dengan makan siang bersama dengan menu masakan khas Tiongkok. Setelah itu, para hadirin diminta untuk naik ke atas panggung untuk menceritakan pengalaman masing-masing selama mengikuti kegiatan seminar China Mission to ASEAN di Tiongkok selama beberapa minggu pada tahun 2019 yang lalu. Selanjutnya, para undangan turut serta membuat video ucapan selamat tahun baru Tiongkok menggunakan Bahasa Tiongkok yang akan ditayangkan di China Central Television, pada the Spring Festival Gala. Setelah itu, diadakan sesi foto bersama seluruh tim dari the Chinese Mission to ASEAN sebelum ditutup oleh MC. Sebelum pulang, masing-masing tamu juga diberikan buah tangan.<br>
Acara yang juga diliput oleh Metro TV dan Radio Elshinta ini diharapkan mampu mempererat hubungan kami dengan the Chinese Mission to ASEAN untuk bisa berkolaborasi terus di kemudian hari terutama dengan Universitas Pertamina dan Program Studi Hubungan Internasional. (MFAR)</span><span style="font-size:14px;"></span><span style="font-size:14px;"></span><div><font face="Arial"></font></div></div><div><span style="font-size:14px;"><br></span></div><div><img src="../../../ir.universitaspertamina.ac.id/wp-content/uploads/2020/01/Group-Photo-2-min.html"><br></div>
                </div>
                <!-- Thumbnails -->
                <div class="thumbnails flex justify-center mt-4">
                                            <input type="text" id="cover0" value="news/B353Atl5P4xrFPhpdQawr4fYP1JgHOfPYc1R7QIu.jpg" hidden>
                        <img src="../../uploads/placeholder.jpg" data-src="https://universitaspertamina.ac.id/uploads/news/B353Atl5P4xrFPhpdQawr4fYP1JgHOfPYc1R7QIu.jpg" alt="Thumbnail" class="w-50 h-20 mx-2"
                            data-index="0" onclick="changeSlide(0)" loading="lazy">
                                    </div>
                <!-- Bagikan -->
                <div class="flex flex-col gap-2 mt-12">
                    <b>Bagikan: </b>
                    <div class="flex gap-4">
                        <div class="flex gap-3">
                            <!-- WhatsApp -->
                            <div class="relative group">
                                <button id="waShare" class="bg-green-500 text-white p-3 rounded-full shadow hover:bg-green-600">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
                                        <path d="M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232"/>
                                    </svg>
                                </button>
                                <div class="absolute bottom-full mb-2 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition text-xs bg-black text-white px-2 py-1 rounded z-10 whitespace-nowrap">
                                    Bagikan ke WhatsApp
                                </div>
                            </div>

                            <!-- Facebook -->
                            <div class="relative group">
                                <button id="fbShare" class="bg-blue-600 text-white p-3 rounded-full shadow hover:bg-blue-700">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                                        <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/>
                                    </svg>
                                </button>
                                <div class="absolute bottom-full mb-2 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition text-xs bg-black text-white px-2 py-1 rounded z-10 whitespace-nowrap">
                                    Bagikan ke Facebook
                                </div>
                            </div>

                            <!-- X (Twitter) -->
                            <div class="relative group">
                                <button id="xShare" class="bg-black text-white p-3 rounded-full shadow hover:bg-gray-800">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
                                        <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/>
                                    </svg>
                                </button>
                                <div class="absolute bottom-full mb-2 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition text-xs bg-black text-white px-2 py-1 rounded z-10 whitespace-nowrap">
                                    Bagikan ke X
                                </div>
                            </div>

                            <!-- Telegram -->
                            <div class="relative group">
                                <button id="tgShare" class="bg-blue-400 text-white p-3 rounded-full shadow hover:bg-blue-500">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telegram" viewBox="0 0 16 16">
                                        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.287 5.906q-1.168.486-4.666 2.01-.567.225-.595.442c-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294q.39.01.868-.32 3.269-2.206 3.374-2.23c.05-.012.12-.026.166.016s.042.12.037.141c-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8 8 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629q.14.092.27.187c.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.4 1.4 0 0 0-.013-.315.34.34 0 0 0-.114-.217.53.53 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09"/>
                                    </svg>
                                </button>
                                <div class="absolute bottom-full mb-2 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition text-xs bg-black text-white px-2 py-1 rounded z-10 whitespace-nowrap">
                                    Bagikan ke Telegram
                                </div>
                            </div>

                            <!-- LinkedIn -->
                            <div class="relative group">
                                <button id="liShare" class="bg-blue-700 text-white p-3 rounded-full shadow hover:bg-blue-800">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
                                        <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/>
                                    </svg>
                                </button>
                                <div class="absolute bottom-full mb-2 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition text-xs bg-black text-white px-2 py-1 rounded z-10 whitespace-nowrap">
                                    Bagikan ke LinkedIn
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="mt-5 lg:mt-10 xl:mt-10 2xl:mt-10 mb-5">
                <b>Tinggalkan Balasan</b>
                <div class="flex items-center text-xs font-light text-gray-500 mb-3">
                    <span class="mr-3">Isi komentar sepenuhnya adalah tanggung jawab pengguna dan diatur dalan UU ITE
                    </span>
                </div>
                <div class="back">
                    <form action="https://universitaspertamina.ac.id/berita/detail/dosen-program-studi-hubungan-internasional-hadiri-the-spring-festival-gathering-for-asean-alumni-of-2019-chinese-government-capacity-building-program/post" method="POST" class="relative">
                        <input type="hidden" name="_token" value="vVwqg8v2PDzHWpPL2lIACdJYBZDGS7euoWiDoLN5">                        <div class="row">
                            <div class="col-25">
                                <label for="name">Nama</label>
                            </div>
                            <div class="col-75">
                                <input type="text" id="name" name="name" placeholder="Tulis Nama.." required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-25">
                                <label for="email">Email</label>
                            </div>
                            <div class="col-75">
                                <input type="text" id="email" name="email" placeholder="Tulis Email.." required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-25">
                                <label for="comment">Komentar</label>
                            </div>
                            <div class="col-75">
                                <textarea id="subject" name="comment" placeholder="Tulis Sesuatu.." style="height:200px"></textarea>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <input type="submit" value="Kirim">
                        </div>
                    </form>
                </div>
                                <!-- Element untuk menampilkan komentar -->
                            </div>
            <div class="w-full">
                <hr class="my-5">
                <div>
                    <div class="font-bold text-gray-800">
                        Berita Terbaru
                    </div>
                    <div class="mt-5">
                                                                                                            <div class="flex mb-4">
                                <div class="w-20 h-20 bg-cover bg-lazy"
                                    data-src="../../uploads/news/HMqiPcCCyJlwAQXuigTHZ4AFy5VoxVMn8sQRBz5f.png"
                                    style="background-position: center;)">
                                </div>
                                <div class="w-3/4 ml-3">
                                    <div class="">
                                        <a href="terbaik-3-putri-pemilhan-duta-bahasa-tingkat-dki-jakarta.html"
                                            class="text-sm font-bold text-gray-700 hover:text-up-blue">
                                            Terbaik 3 Putri Pemilhan Duta Bahasa Tingkat DKI Jakarta
                                        </a>
                                        <div class="text-xs lg:text-sm xl:text-sm 2xl:text-sm font-normal text-gray-600">
                                            09/12/2022
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                                            <div class="flex mb-4">
                                <div class="w-20 h-20 bg-cover bg-lazy"
                                    data-src="../../uploads/news/RIGH3eeBmU2L1YVVi03J1Rha9SsXi1k3sqXqqOcn.jpg"
                                    style="background-position: center;)">
                                </div>
                                <div class="w-3/4 ml-3">
                                    <div class="">
                                        <a href="kompetisi-agora-hackathon-2022.html"
                                            class="text-sm font-bold text-gray-700 hover:text-up-blue">
                                            Kompetisi Agora Hackathon 2022
                                        </a>
                                        <div class="text-xs lg:text-sm xl:text-sm 2xl:text-sm font-normal text-gray-600">
                                            30/09/2022
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                                            <div class="flex mb-4">
                                <div class="w-20 h-20 bg-cover bg-lazy"
                                    data-src="../../uploads/news/Bx9S4HhjQmVYEUbGplAkYVIQSYc2RUhApzPTfril.jpg"
                                    style="background-position: center;)">
                                </div>
                                <div class="w-3/4 ml-3">
                                    <div class="">
                                        <a href="tips-berinternet-aman-dari-tim-tik-uper.html"
                                            class="text-sm font-bold text-gray-700 hover:text-up-blue">
                                            Tips Berinternet Aman dari Tim TIK UPer
                                        </a>
                                        <div class="text-xs lg:text-sm xl:text-sm 2xl:text-sm font-normal text-gray-600">
                                            30/09/2022
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                                            <div class="flex mb-4">
                                <div class="w-20 h-20 bg-cover bg-lazy"
                                    data-src="../../uploads/news/BnzVmXI3ucfwg5NYs9UT1c3OGJvpnUZSgY0iUsTU.png"
                                    style="background-position: center;)">
                                </div>
                                <div class="w-3/4 ml-3">
                                    <div class="">
                                        <a href="prodi-geologi-menjuarai-international-geomapping-competition-igc.html"
                                            class="text-sm font-bold text-gray-700 hover:text-up-blue">
                                            Prodi Geologi Menjuarai International Geomapping Competition (IGC)
                                        </a>
                                        <div class="text-xs lg:text-sm xl:text-sm 2xl:text-sm font-normal text-gray-600">
                                            29/09/2022
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                                            <div class="flex mb-4">
                                <div class="w-20 h-20 bg-cover bg-lazy"
                                    data-src="../../uploads/news/xrTwHMT2PBNOEtcPS9tPg3e3fLneoyC2B809Opu4.png"
                                    style="background-position: center;)">
                                </div>
                                <div class="w-3/4 ml-3">
                                    <div class="">
                                        <a href="mewadahi-kreativitas-mahasiswai-program-studi-komunikasi-universitas-pertamina-melalui-ajang-kompetesi-common-2022.html"
                                            class="text-sm font-bold text-gray-700 hover:text-up-blue">
                                            Mewadahi Kreativitas Mahasiswa/i Program Studi Komunikasi Universitas Pertamina Melalui Ajang Kompetesi COMMON 2022
                                        </a>
                                        <div class="text-xs lg:text-sm xl:text-sm 2xl:text-sm font-normal text-gray-600">
                                            26/09/2022
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                                            <div class="flex mb-4">
                                <div class="w-20 h-20 bg-cover bg-lazy"
                                    data-src="../../uploads/news/GKrifOUIbTa6Mhh6KA95tfIGrH4ElTpuIP6c5Wl1.jpg"
                                    style="background-position: center;)">
                                </div>
                                <div class="w-3/4 ml-3">
                                    <div class="">
                                        <a href="ekonomi-hebat.html"
                                            class="text-sm font-bold text-gray-700 hover:text-up-blue">
                                            Ekonomi Hebat
                                        </a>
                                        <div class="text-xs lg:text-sm xl:text-sm 2xl:text-sm font-normal text-gray-600">
                                            12/09/2022
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                                            <div class="flex mb-4">
                                <div class="w-20 h-20 bg-cover bg-lazy"
                                    data-src="../../uploads/news/MXXuP94FQROXCiY1aJIB21lSbVpS7MbJPpC6251h.jpg"
                                    style="background-position: center;)">
                                </div>
                                <div class="w-3/4 ml-3">
                                    <div class="">
                                        <a href="ekonomi-hebat.html"
                                            class="text-sm font-bold text-gray-700 hover:text-up-blue">
                                            Ekonomi Hebat
                                        </a>
                                        <div class="text-xs lg:text-sm xl:text-sm 2xl:text-sm font-normal text-gray-600">
                                            12/09/2022
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                                            <div class="flex mb-4">
                                <div class="w-20 h-20 bg-cover bg-lazy"
                                    data-src="../../uploads/news/nehp04udrBvW4nn8bWLkNRHotFkn7GnHGI60tYOg.jpg"
                                    style="background-position: center;)">
                                </div>
                                <div class="w-3/4 ml-3">
                                    <div class="">
                                        <a href="ekonomi-hebat.html"
                                            class="text-sm font-bold text-gray-700 hover:text-up-blue">
                                            Ekonomi Hebat
                                        </a>
                                        <div class="text-xs lg:text-sm xl:text-sm 2xl:text-sm font-normal text-gray-600">
                                            12/09/2022
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                                            <div class="flex mb-4">
                                <div class="w-20 h-20 bg-cover bg-lazy"
                                    data-src="../../uploads/news/87uqh6QPk2E1PGEgwodrWUZmkLlzQ70mi3xfN5U3.jpg"
                                    style="background-position: center;)">
                                </div>
                                <div class="w-3/4 ml-3">
                                    <div class="">
                                        <a href="ekonomi-hebat.html"
                                            class="text-sm font-bold text-gray-700 hover:text-up-blue">
                                            Ekonomi Hebat
                                        </a>
                                        <div class="text-xs lg:text-sm xl:text-sm 2xl:text-sm font-normal text-gray-600">
                                            12/09/2022
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                                            <div class="flex mb-4">
                                <div class="w-20 h-20 bg-cover bg-lazy"
                                    data-src="../../uploads/news/qqvhkyK7EdoVxVTvKdUG2OOJTkpl0nS93vC0Es79.jpg"
                                    style="background-position: center;)">
                                </div>
                                <div class="w-3/4 ml-3">
                                    <div class="">
                                        <a href="ekonomi-hebat.html"
                                            class="text-sm font-bold text-gray-700 hover:text-up-blue">
                                            Ekonomi Hebat
                                        </a>
                                        <div class="text-xs lg:text-sm xl:text-sm 2xl:text-sm font-normal text-gray-600">
                                            12/09/2022
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                                            <div class="flex mb-4">
                                <div class="w-20 h-20 bg-cover bg-lazy"
                                    data-src="../../uploads/news/D9P94ywO7PxxOO5TAYVIKTjnspAsci88aLesVQeb.jpg"
                                    style="background-position: center;)">
                                </div>
                                <div class="w-3/4 ml-3">
                                    <div class="">
                                        <a href="ekonomi-hebat.html"
                                            class="text-sm font-bold text-gray-700 hover:text-up-blue">
                                            Ekonomi Hebat
                                        </a>
                                        <div class="text-xs lg:text-sm xl:text-sm 2xl:text-sm font-normal text-gray-600">
                                            12/09/2022
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                                            <div class="flex mb-4">
                                <div class="w-20 h-20 bg-cover bg-lazy"
                                    data-src="../../uploads/news/ZUm36pGAmvvnB73ROeEEYgWKnKwXFQFFOx7QRWhO.jpg"
                                    style="background-position: center;)">
                                </div>
                                <div class="w-3/4 ml-3">
                                    <div class="">
                                        <a href="climate-change-dampak-dari-pemanasan-global-terhadap-kondisi-bumi.html"
                                            class="text-sm font-bold text-gray-700 hover:text-up-blue">
                                            Climate Change : Dampak dari Pemanasan Global terhadap Kondisi Bumi
                                        </a>
                                        <div class="text-xs lg:text-sm xl:text-sm 2xl:text-sm font-normal text-gray-600">
                                            11/09/2022
                                        </div>
                                    </div>
                                </div>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
    </div>


    
    <footer class="py-10 lg:py-20 text-white bg-cover bg-lazy" data-src="https://universitaspertamina.ac.id/common/images/footer.jpg" style="font-family: 'Montserrat' !important;">
        <div class="max-w-screen-xl mx-auto">
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-10 px-5 lg:px-32">
                <div>
                    <img class="placeholder-style" src="../../uploads/placeholder.jpg"
                        data-src="https://universitaspertamina.ac.id/common/images/logo-white.png" alt="Logo Universitas Pertamina"
                        class="md:h-32 h-20" loading="lazy">
                </div>
                <div>
                    <div>
                        <h3 class="mb-5 md:text-2xl text-xl font-bold">REKTORAT</h3>
                        <div style="display: flex; align-items: center;">
                            <div style="margin-right: 10px;">
                                <a class="bg-up-blue" href="https://maps.app.goo.gl/X73qrfBcuxJEsoWC6"
                                    aria-label="maps" target="_blank"
                                    style="display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%;">
                                    <i data-feather="map-pin" style="color: white;"></i>
                                </a>
                            </div>
                            <div style="font-size: 14px;">
                                <a target="_blank" href="https://maps.app.goo.gl/X73qrfBcuxJEsoWC6"
                                    aria-label="maps" style="text-decoration: none;">
                                    Jl. Teuku Nyak Arief, Simprug, Kebayoran Lama, Jakarta 12220. info@universitaspertamina.ac.id</a>
                            </div>
                        </div>
                    </div>
                    <div class="mt-3 md:text-base text-sm">
                        <h3 class="">Pusat Informasi:</h3>
                        <div class="">
                            <i class="fa fa-whatsapp" aria-hidden="true"></i> +62 812-1149-9919
                        </div>
                        <div class="">
                            <i class="fa fa-phone" aria-hidden="true"></i> (021) 50857540
                        </div>
                    </div>
                </div>
                <div>
                    <h3 class="mb-5 md:text-base text-sm">Ikuti kami:</h3>
                    <div class="">
                        <div class="">
                            <a href="https://www.instagram.com/universitaspertamina/?hl=id" target="_blank"
                                aria-label="instagram"
                                class="align-middle mr-2 w-12 h-12 inline-flex justify-center items-center bg-up-blue rounde-full rounded-full">
                                <i data-feather="instagram"></i>
                            </a>
                            <a href="https://twitter.com/UnivPertamina?s=20" target="_blank" aria-label="twitter"
                                class="align-middle mr-2 w-12 h-12 inline-flex justify-center items-center bg-up-blue rounde-full rounded-full">
                                <i data-feather="twitter"></i>
                            </a>
                            <a href="https://web.facebook.com/universitaspertamina" target="_blank"
                                aria-label="facebook"
                                class="align-middle mr-2 w-12 h-12 inline-flex justify-center items-center bg-up-blue rounde-full rounded-full">
                                <i data-feather="facebook"></i>
                            </a>
                            <a href="https://www.youtube.com/channel/UCwoZlTkQX9qfyabTfv6F0gg" target="_blank"
                                aria-label="youtube"
                                class="align-middle mr-2 w-12 h-12 inline-flex justify-center items-center bg-up-blue rounde-full rounded-full">
                                <i data-feather="youtube"></i>
                            </a>
                        </div>
                         <a id="cta-wa-footer" href="https://wa.me/6281211499919" target="_blank" class="btn btn-primary"> <b> Kontak Kami </b> </a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div class="credit text-white bg-up-blue py-5" style="font-family: 'Montserrat' !important;">
        <div class="max-w-screen-xl mx-auto text-xs text-center md:px-0">
            &copy 2026 Universitas Pertamina.<br class="md:hidden block" /> All rights reserved
        </div>
    </div>

    <div class="floating-button fixed -right-20 top-1/2 py-4 pl-12 z-10" style="display: none;">
        <button style="" 
            class="tawk-access text-white h-full w-10 inline-flex justify-center items-center absolute left-0 top-0 rounded-tl-xl rounded-bl-xl bg-up-lemon"
            aria-label="tawk access">
            <i data-feather="chevron-left" width="35" height="35"></i>
        </button>
        <div class="inline-flex flex-col pr-3">
            
            
            <a href="https://wa.me/6281211499919" target="_blank" aria-label="whatsapp"
                class="w-14 h-14 flex justify-center items-center text-white rounded-full bg-up-green-soft my-2">
                
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    >
                        <path d="M21 11.5a8.37 8.37 0 0 1-.9 3.8 8.49 8.49 0 0 1-7.6 4.7 8.37 8.37 0 0 1-3.8-.9L3 21l1.9-5.7a8.37 8.37 0 0 1-.9-3.8 8.49 8.49 0 0 1 4.7-7.6 8.37 8.37 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8Z"/>
                        <path d="M9.49 10a7.58 7.58 0 0 0 .72 1.42A8 8 0 0 0 14 14.5M9.49 10a7.47 7.47 0 0 1-.4-1.4.51.51 0 0 1 .52-.6h0a.54.54 0 0 1 .51.37l.38 1.13ZM14 14.5a7.8 7.8 0 0 0 1.43.41.51.51 0 0 0 .6-.52h0a.54.54 0 0 0-.37-.51l-1.16-.38Z"/>
                </svg>
            </a>
            <a href="../../mahasiswa/kalender-akademik.html" aria-label="calendar"
                class="w-14 h-14 flex justify-center items-center text-white rounded-full bg-up-red-soft">
                <i data-feather="calendar" stroke-width="2" width="23" height="23"></i>
            </a>
            <a href="javascript:void(Tawk_API.toggle())" aria-label="chat"
                class="w-14 h-14 flex justify-center items-center text-white rounded-full bg-up-blue my-2">
                <i data-feather="message-square" stroke-width="2" width="23" height="23"></i>
            </a>
        </div>
    </div>


    
    <div class="hidden overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none justify-center items-center"
        id="modal-subs">
        <div class="relative w-auto my-6 mx-auto max-w-lg">
            <!--content-->
            <div
                class="rounded-xl overflow-hidden border-0 shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none">
                <!--header-->
                <div class="rounded-t">
                    <button aria-label="close"
                        class="closed-modal absolute dont-show-again right-3 top-3 bg-blue-200 h-8 w-8 border-0 text-black text-3xl leading-none font-semibold outline-none focus:outline-none rounded-full flex items-center justify-center">
                        <svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg"
                            viewBox="0 0 16 16" width="16" height="16">
                            <path fill-rule="evenodd" d=" M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22
        3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z">
                            </path>
                        </svg>
                    </button>
                    <div id="bg-modal" class="flex justify-center items-center h-24 bg-grey-100 bg-cover">
                        <div class="mt-5 w-9/12 text-center font-semibold text-up-blue text-xl">Dapatkan Informasi
                            TerUPdate dari Universitas Pertamina!</div>
                    </div>
                </div>
                <!--body-->
                <div class="relative px-10 py-8 pb-10">
                    <form action="https://universitaspertamina.ac.id/submit-email" method="POST">
                        <input type="hidden" name="_token" value="vVwqg8v2PDzHWpPL2lIACdJYBZDGS7euoWiDoLN5">                        <div class="mb-5">
                            <label>Email</label>
                            <input type="text" name="email" class="mt-1 w-full h-10 bg-gray-100 text-xs border-0 rounded-md"
                                placeholder="Masukkan alamat email">
                        </div>
                        <div class="mb-5">
                            <label>Instagram</label>
                            <input type="text" name="instagram" class="mt-1 w-full h-10 bg-gray-100 text-xs border-0 rounded-md"
                                placeholder="Masukkan akun instagram">
                        </div>
                        <button type="submit"
                            class="dont-show-again inline-block px-10 py-3 bg-up-lemon text-white rounded-xl text-sm font-semibold">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="hidden opacity-50 fixed inset-0 z-40 bg-black" id="modal-subs-backdrop"></div>
    

    
    <script src="../../vendors/jquery/jquery.min.js" defer></script>
    <script src="../../vendors/OwlCarousel2-2.3.4/dist/owl.carousel.min.js" defer></script>
    <script src="../../vendors/feather-icon/feather-icons.min.js" defer></script>
    <script src="../../../cdn.jsdelivr.net/gh/alpinejs/alpine%40v2.x.x/dist/alpine.min.js" defer></script>
    <script src="../../common/js/app.js" defer></script>
        <script src="../../vendors/OwlCarousel2-2.3.4/dist/owl.carousel.js" defer></script>
    <script defer>
        document.addEventListener('DOMContentLoaded', function() {
            feather.replace({
            width: 20,
            height: 20,
        });
            
        // bagikan 
        const text = document.title;
        const url = window.location.href;
        const encodedText = encodeURIComponent(text);
        const encodedUrl = encodeURIComponent(url);

        document.getElementById("waShare").addEventListener("click", () => {
            window.open(`https://wa.me/?text=${encodedText}%20${encodedUrl}`, "_blank");
        });

        document.getElementById("fbShare").addEventListener("click", () => {
            window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`, "_blank");
        });

        document.getElementById("xShare").addEventListener("click", () => {
            window.open(`https://twitter.com/intent/tweet?text=${encodedText}&url=${encodedUrl}`, "_blank");
        });

        document.getElementById("tgShare").addEventListener("click", () => {
            window.open(`https://t.me/share/url?url=${encodedUrl}&text=${encodedText}`, "_blank");
        });

        document.getElementById("liShare").addEventListener("click", () => {
            window.open(`https://www.linkedin.com/feed/?shareActive=true&text=${encodedText}%20${encodedUrl}`, "_blank");
        });

        $("#main-slider").owlCarousel({
            items: 1,
            dots: false,
            nav: false,
            // loop: true,
            autoplay: true,
            autoplayTimeout: 3000,
        });
        $("#main-slider").on('changed.owl.carousel', function(event) {
            const current_item = parseInt(event.item.index) + 1;
            const selector = $(this).closest('.slide-container').find('.indicators');
            selector.find('button')
                .removeClass('ring-2 ring-white w-3 h-3')
                .addClass('bg-white w-2 h-2');
            selector.find('button:nth-child(' + current_item + ')')
                .addClass('ring-2 ring-white w-3 h-3')
                .removeClass('bg-white w-2 h-2');
        });
        $("#agenda-image-slider").owlCarousel({
            items: 1,
            dots: false,
            nav: false,
            autoplay: true,
            autoplayTimeout: 3000,
            loop: true,
        });
        $("#agenda-image-slider").on('changed.owl.carousel', function(event) {
            const current_item = parseInt(event.item.index);
            $("#agenda-desc-slider").trigger("to.owl.carousel", [current_item]);
        });
        $("#agenda-desc-slider").owlCarousel({
            items: 1,
            dots: false,
            nav: false,
            pullDrag: false,
            touchDrag: false,
            freeDrag: false,
            mouseDrag: false,
            loop: true,
        });
        $("#berita-slider").owlCarousel({
            items: 3,
            margin: 30,
            loop: true,
            nav: false,
            dots: false,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                },
                600: {
                    items: 2,
                },
                1000: {
                    items: 3,
                }
            }
        });
        $(".slider-prev").click(function(e) {
            const selector = $(this).closest('.slide-container').find('.owl-carousel');
            selector.trigger('prev.owl.carousel');
        });
        $(".slider-next").click(function(e) {
            const selector = $(this).closest('.slide-container').find('.owl-carousel');
            selector.trigger('next.owl.carousel');
        });
        });
        
    </script>
    <script>
        function toggleReplyForm(itemId) {
            // Temukan elemen form balasan yang terkait dengan tombol yang diklik
            var replyForm = document.getElementById('bls' + itemId);

            // Pastikan elemen form balasan ditemukan
            if (replyForm) {
                // Ubah visibilitas form balasan (sembunyi/munculkan)
                if (replyForm.style.display === "none" || replyForm.style.display === "") {
                    replyForm.style.display = "block";
                } else {
                    replyForm.style.display = "none";
                }
            }
        }
    </script>

    <script>
        var botmanWidget = {
            aboutText: 'Tulis Pesan',
            introMessage: "Selamat Datang di <b>Website Universitas Pertamina!</b> <br>Untuk memulai ketik : <i> start | mulai</i>"
        };
    </script>
    <!--
    <script src="https://universitaspertamina.ac.id/common/js/chat_widget.js"></script>
    -->
    <!--Start of Tawk.to Script-->
    <script async type="text/javascript" type="module"></script>
    <!--End of Tawk.to Script-->

    <script>
        // youtube load when clicked
        function load_youtube(element) {
            console.log(element);
            document.getElementById(`${element}-youtube-button`).addEventListener('click', () => {
                console.log('clicked');
                const iframe = document.getElementById(`${element}-youtube-iframe`);
                const button = document.getElementById(`${element}-youtube-button`);
                iframe.setAttribute('src', iframe.getAttribute('data-src'));
                button.style.display = 'none';
                iframe.classList.remove('hidden');
            });
        }

        // mobile menu
        function toggleSubsubmenu(subselected, submenu, subsubmenu) {
            const submenuElement = document.querySelector(`.menu-${submenu}`);
            const containerSubmenuElement = document.querySelector(`.container-${submenu}`);
            const subsubmenuElement = document.querySelector(`.menu-${subsubmenu}`);
            const containerSubsubmenuElement = document.querySelector(`.container-${subsubmenu}`);

            containerSubsubmenuElement.style.maxHeight = subselected ?
                `${containerSubsubmenuElement.scrollHeight}px` : '';
            subsubmenuElement.style.maxHeight = subselected ?
                `${containerSubsubmenuElement.scrollHeight + subsubmenuElement}px` : '';
            containerSubmenuElement.style.maxHeight = subselected ?
                `${containerSubmenuElement.scrollHeight + containerSubsubmenuElement.scrollHeight}px` :
                `${containerSubmenuElement.scrollHeight}px`;
            submenuElement.style.maxHeight = subselected ?
                `${submenuElement.scrollHeight + containerSubmenuElement.scrollHeight + containerSubsubmenuElement.scrollHeight}px` :
                '';
        }

        function toggleSubsubMenuFromMenu(subselected, menu) {
            const menuElement = document.querySelector(`.${menu}`);
            menuElement.style.overflow = subselected ? '' : 'hidden';
            menuElement.style.maxHeight = subselected ?
                '' : '44px';
        }

        document.addEventListener("DOMContentLoaded", function() {
            // lazy load images
            const lazyImages = document.querySelectorAll('img[loading="lazy"]');
            const imageObserver = new IntersectionObserver(function(entries, observer) {
                entries.forEach(function(entry) {
                    if (entry.isIntersecting) {
                        const lazyImage = entry.target;

                        if (lazyImage.dataset.srcset) {
                            lazyImage.srcset = lazyImage.dataset.srcset;
                        }

                        if (lazyImage.dataset.src) {
                            lazyImage.src = lazyImage.dataset.src;
                        }
                        
                        lazyImage.onload = function() {
                            lazyImage.removeAttribute("data-srcset");
                            lazyImage.removeAttribute("data-src");
                            lazyImage.removeAttribute("loading");
                            lazyImage.classList.remove("placeholder-style");

                            // if placeholder-style-news exists class in lazeImage remove it
                            if (lazyImage.classList.contains('placeholder-style-news')) {
                                lazyImage.classList.remove('placeholder-style-news');
                            }

                        };
                        observer.unobserve(lazyImage);
                    }
                });
            });

            lazyImages.forEach(function(lazyImage) {
                imageObserver.observe(lazyImage);
            });

            // lazy load bg images
            var lazyloadImages;
            if ("IntersectionObserver" in window) {
                lazyloadImages = document.querySelectorAll(".bg-lazy");
                var backgroundImageObserver = new IntersectionObserver(function(entries, observer) {
                    entries.forEach(function(entry) {
                        if (entry.isIntersecting) {
                            var image = entry.target;
                            image.style.backgroundImage = "url(" + image.dataset.src + ")";
                            image.classList.remove("bg-lazy");
                            backgroundImageObserver.unobserve(image);
                        }
                    });
                });

                lazyloadImages.forEach(function(image) {
                    backgroundImageObserver.observe(image);
                });
            } else {
                var lazyloadThrottleTimeout;
                lazyloadImages = document.querySelectorAll(".bg-lazy");

                function lazyload() {
                    if (lazyloadThrottleTimeout) {
                        clearTimeout(lazyloadThrottleTimeout);
                    }

                    lazyloadThrottleTimeout = setTimeout(function() {
                        var scrollTop = window.pageYOffset;
                        lazyloadImages.forEach(function(img) {
                            if (img.offsetTop < (window.innerHeight + scrollTop)) {
                                img.src = img.dataset.src;
                                img.classList.remove('bg-lazy');
                            }
                        });
                        if (lazyloadImages.length == 0) {
                            document.removeEventListener("scroll", lazyload);
                            window.removeEventListener("resize", lazyload);
                            window.removeEventListener("orientationChange", lazyload);
                        }
                    }, 20);
                }

                document.addEventListener("scroll", lazyload);
                window.addEventListener("resize", lazyload);
                window.addEventListener("orientationChange", lazyload);
            }

            // modal
            function toggleModal(modalID) {
                document.getElementById(modalID).classList.toggle("hidden");
                document.getElementById(modalID + "-backdrop").classList.toggle("hidden");
                document.getElementById(modalID).classList.toggle("flex");
                document.getElementById(modalID + "-backdrop").classList.toggle("flex");
            }

            // first time modal
            var isshow = localStorage.getItem('isshow');
            if (isshow == null) {
                toggleModal('modal-subs');
                document.querySelector('.closed-modal').addEventListener('click', function() {
                    toggleModal('modal-subs');
                });
            }
            $(".dont-show-again").click(function(e) {
                if (isshow == null) {
                    localStorage.setItem('isshow', 1);
                }
            });

            document.querySelector('.tawk-access').addEventListener('mouseover', function() {
                // Check if Tawk API is already loaded
                if (typeof Tawk_API === 'undefined') {
                    // Create a new script element
                    const script = document.createElement('script');
                    // Set the source to the Tawk.to script URL
                    script.src = 'https://embed.tawk.to/5c99080b6bba460528ff865d/default';
                    script.charset = 'UTF-8';
                    script.setAttribute('crossorigin', '*');
                    // Append the script to the head
                    document.getElementsByTagName('head')[0].appendChild(script);
                    
                    // Initialize Tawk API
                    var Tawk_API = Tawk_API || {},
                        Tawk_LoadStart = new Date();
                    (function() {
                        var s1 = document.createElement("script"),
                            s0 = document.getElementsByTagName("script")[0];
                        s1.async = true;
                        s1.src = 'https://embed.tawk.to/5c99080b6bba460528ff865d/default';
                        s1.charset = 'UTF-8';
                        s1.setAttribute('crossorigin', '*');
                        s0.parentNode.insertBefore(s1, s0);
                    })();
                }
            });
        });
    </script>
</body>


<!-- Mirrored from universitaspertamina.ac.id/berita/detail/dosen-program-studi-hubungan-internasional-hadiri-the-spring-festival-gathering-for-asean-alumni-of-2019-chinese-government-capacity-building-program by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 27 Mar 2026 08:13:28 GMT -->
</html>
