<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <title>UN | Universitas Narotama</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="UN, Narotama University, Total, Quality, University, with a mission of education, research, and services to the community.">
        <meta name="author" content="">
        <meta name="keyword" content="UN, Narotama, Universitas Narotama, Narotama University, Surabaya, Jawa Timur, Indonesia, Sains, Teknologi, Teknik, Engineering, Fakultas, Ekonomi, FENARO, Ilmu Komputer, FASILKOM, Science, Technology, Hukum, Master, Magister Hukum, Magister Manajemen">

        
        <!-- Favicon -->
        <link rel="shortcut icon" href="https://narotama.ac.id/public/images/logo/20210611083353-webicon.png">

        <!-- Google Fonts -->
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lato:wght@300;600;900&family=Open+Sans:wght@400;600;800&family=Roboto&family=Spectral&family=Bodoni+Moda:wght@400;900&family=Noto+Sans&family=Barlow+Condensed:wght@400;600&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

        <!-- Animate CSS 
        <link rel="stylesheet" href="https://narotama.ac.id/public/modules/animatecss/animate.min.css"/>
        -->
		<link rel="stylesheet" href="https://narotama.ac.id/public/modules/animatecss/animate.min.css"/>

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://narotama.ac.id/public/modules/bootstrap-4/css/bootstrap.css">

        <link rel="stylesheet" href="https://narotama.ac.id/public/modules/slice-box/css/demo.css"/>
        <link rel="stylesheet" href="https://narotama.ac.id/public/modules/slice-box/css/slicebox.css"/>
        <link rel="stylesheet" href="https://narotama.ac.id/public/modules/slice-box/css/custom.css"/>

        <link rel="stylesheet" href="https://narotama.ac.id/public/css/skin.css"/>
        <link rel="stylesheet" href="https://narotama.ac.id/public/css/style.css?v=1.84"/>

        <link rel="stylesheet" href="https://narotama.ac.id//public/css/sm-core-css.css?v=1.82"/>
        <link rel="stylesheet" href="https://narotama.ac.id/public/css/sm-blue.css?v=1.82"/>

        <link rel="stylesheet" href="https://narotama.ac.id/public/modules/fontawesome-free/css/all.min.css">

        <link rel="stylesheet" href="https://narotama.ac.id/public/modules/fancybox/css/jquery.fancybox.min.css" media="screen"/>

        <script type="text/javascript" src="https://narotama.ac.id/public/js/jquery-3.1.0.js"></script>
        <script type="text/javascript" src="https://narotama.ac.id/public/modules/bootstrap-4/js/popper.min.js"></script>
        <script type="text/javascript" src="https://narotama.ac.id/public/modules/bootstrap-4/js/bootstrap.min.js"></script>
        
        <script type="text/javascript" src="https://narotama.ac.id/public/modules/slice-box/js/modernizr.custom.46884.js"></script>

        <script type="text/javascript" src="https://narotama.ac.id/public/js/jquery.caroufredsel.js"></script>
        <script type="text/javascript" src="https://narotama.ac.id/public/js/jquery.smartmenus.js?v=1.82"></script>
        <script type="text/javascript" src="https://narotama.ac.id/public/modules/slice-box/js/jquery.slicebox.js"></script>
        
        <script type="text/javascript" src="https://narotama.ac.id/public/modules/fancybox/js/jquery.fancybox.min.js"></script>

        <style>
            .deskripsi-content img {
                max-width: 100%;
                max-height: max-content;
            }

            .first-nav-wrapper, .second-nav-wrapperScroll {
                /* background-color: rgba(7, 60, 100, 0.8); */
                background-color: #1A2C43;
            }

            @media (min-width: 992px) {
                .second-nav-wrapperScroll {
                    height: 62px;
                }

                .logo-res.logo-header {
                    height: 40px !important;
                }

                .navbar .nav-link {
                    padding: 13px 13px !important;
                }

                .first-nav-wrapper, .logo-header-absolute {
                    display: none;
                }

                .dropdown-menu {
                    font-size: 0.8rem;
                }
                
                .dropdown-item {
                    white-space: normal;
                }

                .navbar .dropdown .dropdown-menu {
                    max-height: calc(88vh);
                }
            }

            @media (max-width: 991px) {
                .btn-arrow.btn-arrow-outline-yellow {
                    white-space: normal;
                }

                .firstNavAnim {
                    animation-name: none;
                }

                .second-nav-wrapperScroll {
                    display: none;
                }

                .logo-res.logo-header {
                    width: auto !important;
                    height: 31px !important;
                }

                .first-nav-wrapper {
                    background-color: rgb(1, 20, 65);
                }
            }

            .berita-container-2 ul,
            .deskripsi-container-2 ul {
                list-style: initial !important;
                /* list-style-position: inside !important; */
                margin-inline-start: 15px;
                padding-inline-start: 40px;
                margin-top: 0;
                margin-bottom: 10px;
            }

            .berita-container-2 ol,
            .deskripsi-container-2 ol {
                list-style: decimal !important;
                /* list-style-position: inside !important; */
                margin-inline-start: 15px;
                padding-inline-start: 40px;
                margin-top: 0;
                margin-bottom: 10px;
            }
        </style>
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-193987598-1">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-193987598-1');
</script>
    </head>
<body>

<div class="loader-wrapper">
    <div class="img-preloader">
        <img src="https://narotama.ac.id/public/images/logo-unnar2.png" style="width: 100px; height: 100px;">
    </div>
    <div class="loader"></div>
</div>
<!-- <div id="wrapper"> --><div id="main-header" class=" header-absolute  clear">
    <div class="section" style="background: transparent;">

        <div class="first-nav-wrapper" id="firstNavOnScroll">
            <div id="" class="container h-100 logo-header-image clear" style="margin-left: auto !important; margin-right: auto !important;">
                <div class="row h-100 mb-sm-0">
                    <!-- <div class="col-1 d-block d-lg-none">
                    </div> -->
                    <div class="col d-block d-lg-none" id="navbarOnScrollMobile">
                        <a href="https://narotama.ac.id">
                            <div class="logo-header-absolute-mobile d-none fade show" id="logoHeaderAbsoluteMobile">
                                <img src="https://narotama.ac.id/public/images/logo/header/20210630202723-20210630201546-UN.png" class="logo-res" style="width: 100%; height: 100%;">
                            </div>
                        </a>
                        <div class="fade" style="display: flex; gap: 10px; position: relative; z-index: 2;" id="logoHeaderOnScrollMobile">
                            <a href="https://narotama.ac.id">
                                <img src="https://narotama.ac.id/public/images/logo-tut-wuri-handayani.png" class="logo-res logo-header">
                                <img src="https://narotama.ac.id/public/images/logo/header/20210630202723-20210630201546-UN.png" class="logo-res logo-header">
                                <img src="https://narotama.ac.id/public/images/logo_tersier_diktisaintek_berdampak_2.png" class="logo-res logo-header">
                            </a>
                        </div>
                    </div>
                    <!-- <div class="col-lg-15 d-none d-lg-block">

                    </div>
                    <div class="col col-lg-auto my-auto ml-3 ml-lg-0 pr-0">
                        <img src="https://narotama.ac.id/public/images/logo_tersier_diktisaintek_berdampak_2.png" style="width: 145px !important; max-width: 100%; height: auto !important; cursor: pointer;" onclick="
                        jQuery('html, body').stop(true, true).delay(1000).animate({
                            scrollTop: jQuery('div.parallax-container-1').offset().top
                        }, 1000);
                        ">
                    </div> -->
                    <div class="col-auto my-auto ml-auto d-none d-lg-block">
                                                    <a class="ml-3 topnavlink" href="https://drive.google.com/file/d/1Kkg1bsYvN40Z3phe5OWGd6tHe3tmqqXa/view?usp=drive_link" target="_blank">Kalender Akademik</a>
                                                    <a class="ml-3 topnavlink" href="https://jdih.narotama.ac.id/" target="_blank">JDIH Narotama</a>
                                                    <a class="ml-3 topnavlink" href="https://narotama.ac.id/Go-Utama" target="_blank">Go UTAMA Apps</a>
                                                    <a class="ml-3 topnavlink" href="https://drive.google.com/file/d/1V5sJ0Osm39dtaSGB08jKFEmUzcVXwPry/view?usp=drivesdk" target="_blank">Brosur</a>
                                            </div>
                    <div class="col col-md-2 my-auto d-none d-lg-block">
                        <div id="quick-links" class="font-weight-bold mt-0" style="position: relative; z-index: 3; float: none;">
                            <p><a href="#" class="w-100" style="background-color: #FFF112; padding: 7px; font-family: 'Poppins', sans-serif; font-weight: bold; letter-spacing: initial; font-size: 14px; color: #000;">quick links</a></p>
                            <div class="square" style="background-color: transparent; margin-top: 1px;">
                                <i class="fa fa-plus" style="color: #000; border: solid 2px #000;"></i>
                                <i class="fa fa-minus" style="color: #000; border: solid 2px #000;"></i>
                            </div>
                            <ul>
                                                                    <li class="w-100" style="font-family: 'Poppins', sans-serif; font-weight: 400 !important; letter-spacing: initial; font-size: 14px; background-color: #002c5a; white-space: normal;"><a href="https://www.kemdikbud.go.id/" target="_blank">Kementerian Pendidikan, Kebudayaan, Riset, dan Teknologi</a></li>
                                                                    <li class="w-100" style="font-family: 'Poppins', sans-serif; font-weight: 400 !important; letter-spacing: initial; font-size: 14px; background-color: #002c5a; white-space: normal;"><a href="http://www.kopertis7.go.id/" target="_blank">LLDIKTI Wilayah VII Jawa Timur</a></li>
                                                                    <li class="w-100" style="font-family: 'Poppins', sans-serif; font-weight: 400 !important; letter-spacing: initial; font-size: 14px; background-color: #002c5a; white-space: normal;"><a href="https://pddikti.kemdikbud.go.id/" target="_blank">Pangkalan Data Perguruan Tinggi</a></li>
                                                                    <li class="w-100" style="font-family: 'Poppins', sans-serif; font-weight: 400 !important; letter-spacing: initial; font-size: 14px; background-color: #002c5a; white-space: normal;"><a href="https://sinta.ristekbrin.go.id/affiliations/detail?id=2040&view=overview" target="_blank">SINTA - Science and Technology Index</a></li>
                                                                    <li class="w-100" style="font-family: 'Poppins', sans-serif; font-weight: 400 !important; letter-spacing: initial; font-size: 14px; background-color: #002c5a; white-space: normal;"><a href="https://journal.portalgaruda.org/" target="_blank">Integrated Management System of Indonesian Journals</a></li>
                                                                    <li class="w-100" style="font-family: 'Poppins', sans-serif; font-weight: 400 !important; letter-spacing: initial; font-size: 14px; background-color: #002c5a; white-space: normal;"><a href="https://www.webometrics.info/en/detalles/narotama.ac.id" target="_blank">Ranking Web of Narotama University | Webometrics</a></li>
                                                                    <li class="w-100" style="font-family: 'Poppins', sans-serif; font-weight: 400 !important; letter-spacing: initial; font-size: 14px; background-color: #002c5a; white-space: normal;"><a href="https://www.4icu.org/reviews/2193.htm" target="_blank">UniRank Narotama University | 4icu.org </a></li>
                                                                    <li class="w-100" style="font-family: 'Poppins', sans-serif; font-weight: 400 !important; letter-spacing: initial; font-size: 14px; background-color: #002c5a; white-space: normal;"><a href="https://kampusmerdeka.kemdikbud.go.id/" target="_blank">Kampus Merdeka | Kemdikbud.go.id</a></li>
                                                                    <li class="w-100" style="font-family: 'Poppins', sans-serif; font-weight: 400 !important; letter-spacing: initial; font-size: 14px; background-color: #002c5a; white-space: normal;"><a href="http://narotama.ac.id" target="_blank">Universitas Narotama</a></li>
                                                            </ul>
                        </div>
                    </div>
                    <div class="col-auto my-auto d-block d-lg-none">
                        <button class="navbar-toggler" type="button" id="navmobtrigger">
                            <i class="text-white fa fa-bars"></i>
                        </button>
                    </div>
                    <!-- <div class="col-auto pl-0 my-auto d-block d-lg-none">
                        <button class="navbar-toggler" type="button" id="navmobtrigger2">
                            <i class="text-white fa fa-ellipsis-v"></i>
                        </button>
                    </div> -->
                    <!-- <div class="col-auto col-lg-auto my-auto d-none d-lg-block">
                        <a href="" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=end'); return false;">
                            <img alt="English" src="https://narotama.ac.id/public/images/flag/inggris-lang.png" title="English" style="cursor: pointer; margin-right: 5px; height: 27px !important; width: 27px !important;">
                        </a>
                        <a href="" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=end%7Cen&hl=id'); return false;">
                            <img alt="Indonesia" src="https://narotama.ac.id/public/images/flag/indo-lang.png" title="Indonesia" style="cursor: pointer; height: 27px !important; width: 27px !important;">
                        </a>
                    </div> -->
                </div>
            </div>
        </div>
        <div class="second-nav-wrapper" id="secondNavOnScroll">
            <div id="" class="container h-100 logo-header-image clear" style="margin-left: auto !important; margin-right: auto !important;">
                <div class="row h-100 mb-sm-0 d-none d-lg-flex">
                    <div class="col-lg-auto" id="navbarOnScroll">
                        <a href="https://narotama.ac.id" class="d-none d-lg-block">
                            <div class="logo-header-absolute fade show" id="logoHeaderAbsolute">
                                <img src="https://narotama.ac.id/public/images/logo/header/20210630202723-20210630201546-UN.png" class="logo-res">
                            </div>
                        </a>
                        <div class="fade" style="display: flex; gap: 10px;" id="logoHeaderOnScroll">
                            <img src="https://narotama.ac.id/public/images/logo-tut-wuri-handayani.png" class="logo-res logo-header">
                            <img src="https://narotama.ac.id/public/images/logo/header/20210630202723-20210630201546-UN.png" class="logo-res logo-header">
                            <img src="https://narotama.ac.id/public/images/logo_tersier_diktisaintek_berdampak_2.png" class="logo-res logo-header">
                        </div>
                    </div>
                    <div class="col" id="navbarOnScroll2">
                        <nav class="navbar navbar-expand-lg px-0 py-0">
                            <button class="navbar-toggler" type="button" data-toggle="collapse">
                                <span class="navbar-toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse">
                                <ul class="navbar-nav w-100" style="justify-content: center;">
                                                                            <li class="nav-item dropdown ">
                                            <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" >Profil</a>
                                            <div class="dropdown-menu" aria-labelledby="navbarDropdown"><div class="row"><div class="col-lg-7"><p><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20210630203753-profil.png" style="height:160px; width:400px" /></p>

<p>Universitas Narotama (UN) merupakan Perguruan Tinggi Swasta yang <strong>Modern </strong>dan <strong>Berbasis Teknologi Informasi</strong> di Kota Surabaya, Jawa Timur Indonesia. Didirikan pada tanggal 8 Februari 1981 dan meraih Akreditasi Perguruan Tinggi dengan predikat &quot;<strong>Sangat Baik</strong>&quot;.</p>
</div><div class="col-lg-5"><a class="dropdown-item"href="https://narotama.ac.id/visi-misi"   >Visi & Misi</a><a class="dropdown-item"href="https://narotama.ac.id/tujuan"   >Tujuan</a><a class="dropdown-item"href="https://drive.google.com/file/d/1P4I0fWF7bz1CZK4IlnWXLRFjx-URlAmP/view?usp=drive_link" target="_blank"   >Rencana Strategis 2026 - 2030</a><a class="dropdown-item"href="https://drive.google.com/file/d/1cZKS3e6667UjlSZEjzw6zA2kFyerNN7M/view?usp=drive_link" target="_blank"   >Rencana Induk Pengembangan 2026 - 2045</a><a class="dropdown-item"href="https://narotama.ac.id/fasilitas"   >Fasilitas</a><a class="dropdown-item"href="https://drive.google.com/file/d/1B6kk8suylLRgxTP1XFdd73eZgtsHlvKm/view?usp=sharing" target="_blank"   >Institusi</a><a class="dropdown-item"href="https://drive.google.com/file/d/1Fy3TsW8L-tNGQz7cw_EKkzR_oaiC56bw/view?usp=drive_link" target="_blank"   >Brosur Universitas</a><a class="dropdown-item"href="https://drive.google.com/drive/folders/1XEdQfLy9TEgDlCBSCS1V23G1E9LRpG-n" target="_blank"   >Sertifikat Akreditasi</a><a class="dropdown-item"href="" target="_blank"   >Kebijakan Mutu</a><a class="dropdown-item"href="https://drive.google.com/file/d/10qkGDOWfGtk6dEjhV53g8e0Q1_WyNOtK/view" target="_blank"   >Kalender Akademik</a><a class="dropdown-item"href="https://narotama.ac.id/panduan-header"   >Panduan dan Pedoman</a></div></div></div>                                        </li>
                                                                            <li class="nav-item dropdown ">
                                            <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" >Akademik</a>
                                            <div class="dropdown-menu" aria-labelledby="navbarDropdown"><div class="row"><div class="col-lg-7"><p><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20210630205427-akademik.png" style="height:160px; width:400px" /></p>

<p>&nbsp;</p>

<p>Menjadi Universitas yang mampu menyelenggarakan<strong> pendidikan tinggi </strong>dalam bidang <strong>ilmu pengetahuan</strong> dan <strong>teknologi </strong>yang relevan dengan kebutuhan masyarakat, dengan memanfaatkan <strong>teknologi informasi dan komunikasi</strong>.</p>

<p>&nbsp;</p>

<p>Menjadi Universitas yang mampu menciptakan proses dan <strong>Pelayanan Pendidikan</strong>, <strong>Penelitian</strong>, dan <strong>Pengabdian Kepada Masyarakat </strong>yang bermutu dan bertata kelola baik (Good University Governance)&rdquo;,serta memiliki <strong>daya saing tingkat Nasional dan Internasional</strong>.</p>

<p>&nbsp;</p>

<p>Menjadi Universitas yang mampu <strong>menghasilkan karya-karya ilmiah</strong> yang bermutu dan <strong>menghasilkan penemuan-penemuan inovatif</strong></p>
</div><div class="col-lg-5"><a class="dropdown-item text-abuabu"style="cursor: default;"href="#"   >Fakultas Ekonomi & Bisnis </a><a class="dropdown-item ml-3"href="https://narotama.ac.id/profil-fakultas-ekonomi-bisnis"   >Profil Fakultas</a><a class="dropdown-item ml-3"href="http://narotama.ac.id/s1-akuntansi" target="_blank"   >S1 Akuntansi </a><a class="dropdown-item ml-3"href="http://narotama.ac.id/s1-manajemen" target="_blank"   >S1 Manajemen</a><a class="dropdown-item ml-3"href="http://narotama.ac.id/s2-manajemen" target="_blank"   >S2 Magister Manajemen</a><a class="dropdown-item text-abuabu"style="cursor: default;"href="#"   >Fakultas Ilmu Hukum </a><a class="dropdown-item ml-3"href="https://narotama.ac.id/profil-fh"   >Profil Fakultas</a><a class="dropdown-item ml-3"href="http://narotama.ac.id/s1-hukum" target="_blank"   >S1 Ilmu Hukum</a><a class="dropdown-item ml-3"href="http://narotama.ac.id/s2-magister-ilmu-hukum" target="_blank"   >S2 Magister Ilmu Hukum</a><a class="dropdown-item ml-3"href="http://narotama.ac.id/s2-magister-kenotariatan" target="_blank"   >S2 Magister Kenotariatan</a><a class="dropdown-item text-abuabu"style="cursor: default;"href="#"   >Fakultas Teknik </a><a class="dropdown-item ml-3"href="https://narotama.ac.id/profil-fakultas-teknik"   >Profil Fakultas</a><a class="dropdown-item ml-3"href="http://narotama.ac.id/s1-teknik-sipil" target="_blank"   >S1 Teknik Sipil</a><a class="dropdown-item ml-3"href="http://narotama.ac.id/s2-magister-teknik" target="_blank"   >S2 Magister Teknik Sipil</a><a class="dropdown-item text-abuabu"style="cursor: default;"href="#"   >Fakultas Ilmu Komputer </a><a class="dropdown-item ml-3"href="https://narotama.ac.id/profil-fasilkom"   >Profil Fakultas</a><a class="dropdown-item ml-3"href="http://narotama.ac.id/s1-sistem-informasi" target="_blank"   >S1 Sistem Informasi</a><a class="dropdown-item ml-3"href="https://narotama.ac.id/s1-sk"   >S1 Sistem Komputer</a><a class="dropdown-item ml-3"href="https://narotama.ac.id/s1-infor"   >S1 Teknik Informatika</a><a class="dropdown-item text-abuabu"style="cursor: default;"href="#"   >Fakultas Ilmu Pendidikan </a><a class="dropdown-item ml-3"href="http://narotama.ac.id/s1-pg-paud" target="_blank"   >S1 PG PAUD</a></div></div></div>                                        </li>
                                                                            <li class="nav-item dropdown ">
                                            <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" >Unit Kerja</a>
                                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"><div class="row"><div class="col-lg-7"><p><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20210630211409-depart-deskripsi.png" style="height:308px; width:390px" /></p>

<p>Menjadi Universitas yang mampu menyelenggarakan pendidikan tinggi dalam bidang <strong>Ilmu Pengetahuan</strong> dan <strong>Teknologi </strong>yang relevan dengan kebutuhan masyarakat, dengan memanfaatkan teknologi informasi dan komunikasi.</p>
</div><div class="col-lg-5"><a class="dropdown-item"href="http://lppm.narotama.ac.id/" target="_blank"   >Lembaga Penelitian dan <br> Pengabdian Kepada Masyarakat</a><a class="dropdown-item"href="http://bpmpi.narotama.ac.id/" target="_blank"   >Badan Penjaminan Mutu <br>dan Pengawasan Internal</a><a class="dropdown-item"href="" target="_blank"   >Badan Perencanaan <br> dan Pengembangan</a><a class="dropdown-item"href="http://dppti.narotama.ac.id/" target="_blank"   >Direktorat Pembelajaran dan <br> Pengembangan Teknologi Informasi</a><a class="dropdown-item"href="https://sikawan.narotama.ac.id/" target="_blank"   >Direktorat Kemahasiswaan, Alumni <br> dan Tracer Study</a><a class="dropdown-item"href="" target="_blank"   >Direktorat Keuangan, Kepegawaian dan <br> Pengembangan Sumber Daya Manusia</a><a class="dropdown-item"href="http://humas.narotama.ac.id/" target="_blank"   >Direktorat Kerjasama, Pemasaran <br>dan Hubungan Masyarakat</a><a class="dropdown-item"href="https://birorektor.narotama.ac.id/" target="_blank"   >Biro Rektorat, Admisi dan Registrasi</a><a class="dropdown-item"href="" target="_blank"   >Biro Umum, Sarana, Prasarana dan Operasional</a><a class="dropdown-item"href="http://perpustakaan.narotama.ac.id/" target="_blank"   >UPT Perpustakaan</a><a class="dropdown-item"href="" target="_blank"   >UPT Pusat Bahasa</a><a class="dropdown-item"href="https://jdih.narotama.ac.id/" target="_blank"   >JDIH Narotama</a></div></div></div>                                        </li>
                                                                            <li class="nav-item dropdown ">
                                            <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" >Referensi</a>
                                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"><div class="row"><div class="col-lg-7"><p><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20210701105941-ref.png" style="height:162px; width:300px" /></p>

<p><br />
Menjadi Universitas yang mampu menghasilkan <strong>karya-karya ilmiah</strong> yang <strong>bermutu </strong>dan <strong>menghasilkan riset yang inovatif</strong></p>
</div><div class="col-lg-5"><a class="dropdown-item"href="https://www.proquest.com/" target="_blank"   >ProQuest</a><a class="dropdown-item"href="https://link.gale.com/apps/menu?prodId=MENU" target="_blank"   >InfoTrac</a><a class="dropdown-item"href="" target="_blank"   >SINTA - Science and Technology Index</a><a class="dropdown-item"href="http://link.narotama.ac.id/" target="_blank"   >L I N K</a><a class="dropdown-item"href="http://jurnal.narotama.ac.id" target="_blank"   >Open Journal System</a></div></div></div>                                        </li>
                                                                            <li class="nav-item dropdown ">
                                            <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" >Beasiswa</a>
                                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"><div class="row"><div class="col-lg-7"><p><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20210701063015-scholarship.png" style="height:209px; width:250px" /></p>

<p>Melakukan <strong>pengembangan </strong>dan <strong>perbaikan</strong> secara terus menerus disetiap area sebagai bentuk <strong>pelayanan akademik</strong>.</p>
</div><div class="col-lg-5"><a class="dropdown-item"href="https://narotama.ac.id/nasional"   >Nasional</a><a class="dropdown-item"href="https://narotama.ac.id/internasional"   >Internasional</a></div></div></div>                                        </li>
                                                                    </ul>
                            </div>
                        </nav>
                    </div>
                    <div class="col-auto my-auto">
                                                    <nav class="navbar navbar-expand-lg px-0 py-0">
                                <button class="navbar-toggler" type="button" data-toggle="collapse">
                                    <span class="navbar-toggler-icon"></span>
                                </button>
                                <div class="collapse navbar-collapse">
                                    <ul class="navbar-nav mr-auto">
                                        <li class="nav-item active">
                                            <a class="nav-link" id="navbarDropdown" role="button" style="background-color:yellow; color:blue" aria-haspopup="true" aria-expanded="false" href="http://pmb.narotama.ac.id">Daftar PMB</a>
                                        </li>
                                    </ul>
                                </div>
                            </nav>
                                            </div>
                </div>
            </div>
        </div>

    </div>
    <nav id="main-nav" role="navigation" class="d-block d-lg-none">
        <ul id="main-menu" class="sm sm-blue" style="background-color: #011441; display: none; overflow-y: auto; max-height: 90vh; position: relative; z-index: 1; padding-top: 0;">
                            <li>
                    <a style="color: #fff;" href="#" >Profil</a>
                    <ul><li class="" ><a href="https://narotama.ac.id/visi-misi"   >Visi & Misi</a></li><li class="" ><a href="https://narotama.ac.id/tujuan"   >Tujuan</a></li><li class="" ><a href="https://drive.google.com/file/d/1P4I0fWF7bz1CZK4IlnWXLRFjx-URlAmP/view?usp=drive_link" target="_blank"   >Rencana Strategis 2026 - 2030</a></li><li class="" ><a href="https://drive.google.com/file/d/1cZKS3e6667UjlSZEjzw6zA2kFyerNN7M/view?usp=drive_link" target="_blank"   >Rencana Induk Pengembangan 2026 - 2045</a></li><li class="" ><a href="https://narotama.ac.id/fasilitas"   >Fasilitas</a></li><li class="" ><a href="https://drive.google.com/file/d/1B6kk8suylLRgxTP1XFdd73eZgtsHlvKm/view?usp=sharing" target="_blank"   >Institusi</a></li><li class="" ><a href="https://drive.google.com/file/d/1Fy3TsW8L-tNGQz7cw_EKkzR_oaiC56bw/view?usp=drive_link" target="_blank"   >Brosur Universitas</a></li><li class="" ><a href="https://drive.google.com/drive/folders/1XEdQfLy9TEgDlCBSCS1V23G1E9LRpG-n" target="_blank"   >Sertifikat Akreditasi</a></li><li class="" ><a href="" target="_blank"   >Kebijakan Mutu</a></li><li class="" ><a href="https://drive.google.com/file/d/10qkGDOWfGtk6dEjhV53g8e0Q1_WyNOtK/view" target="_blank"   >Kalender Akademik</a></li><li class="" ><a href="https://narotama.ac.id/panduan-header"   >Panduan dan Pedoman</a></li></ul>                </li>
                            <li>
                    <a style="color: #fff;" href="#" >Akademik</a>
                    <ul><li class="" ><a href="#"   >Fakultas Ekonomi & Bisnis </a><ul><li class="" ><a href="https://narotama.ac.id/profil-fakultas-ekonomi-bisnis"   >Profil Fakultas</a></li><li class="" ><a href="http://narotama.ac.id/s1-akuntansi" target="_blank"   >S1 Akuntansi </a></li><li class="" ><a href="http://narotama.ac.id/s1-manajemen" target="_blank"   >S1 Manajemen</a></li><li class="" ><a href="http://narotama.ac.id/s2-manajemen" target="_blank"   >S2 Magister Manajemen</a></li></ul></li><li class="" ><a href="#"   >Fakultas Ilmu Hukum </a><ul><li class="" ><a href="https://narotama.ac.id/profil-fh"   >Profil Fakultas</a></li><li class="" ><a href="http://narotama.ac.id/s1-hukum" target="_blank"   >S1 Ilmu Hukum</a></li><li class="" ><a href="http://narotama.ac.id/s2-magister-ilmu-hukum" target="_blank"   >S2 Magister Ilmu Hukum</a></li><li class="" ><a href="http://narotama.ac.id/s2-magister-kenotariatan" target="_blank"   >S2 Magister Kenotariatan</a></li></ul></li><li class="" ><a href="#"   >Fakultas Teknik </a><ul><li class="" ><a href="https://narotama.ac.id/profil-fakultas-teknik"   >Profil Fakultas</a></li><li class="" ><a href="http://narotama.ac.id/s1-teknik-sipil" target="_blank"   >S1 Teknik Sipil</a></li><li class="" ><a href="http://narotama.ac.id/s2-magister-teknik" target="_blank"   >S2 Magister Teknik Sipil</a></li></ul></li><li class="" ><a href="#"   >Fakultas Ilmu Komputer </a><ul><li class="" ><a href="https://narotama.ac.id/profil-fasilkom"   >Profil Fakultas</a></li><li class="" ><a href="http://narotama.ac.id/s1-sistem-informasi" target="_blank"   >S1 Sistem Informasi</a></li><li class="" ><a href="https://narotama.ac.id/s1-sk"   >S1 Sistem Komputer</a></li><li class="" ><a href="https://narotama.ac.id/s1-infor"   >S1 Teknik Informatika</a></li></ul></li><li class="" ><a href="#"   >Fakultas Ilmu Pendidikan </a><ul><li class="" ><a href="http://narotama.ac.id/s1-pg-paud" target="_blank"   >S1 PG PAUD</a></li></ul></li></ul>                </li>
                            <li>
                    <a style="color: #fff;" href="#" >Unit Kerja</a>
                    <ul><li class="" ><a href="http://lppm.narotama.ac.id/" target="_blank"   >Lembaga Penelitian dan <br> Pengabdian Kepada Masyarakat</a></li><li class="" ><a href="http://bpmpi.narotama.ac.id/" target="_blank"   >Badan Penjaminan Mutu <br>dan Pengawasan Internal</a></li><li class="" ><a href="" target="_blank"   >Badan Perencanaan <br> dan Pengembangan</a></li><li class="" ><a href="http://dppti.narotama.ac.id/" target="_blank"   >Direktorat Pembelajaran dan <br> Pengembangan Teknologi Informasi</a></li><li class="" ><a href="https://sikawan.narotama.ac.id/" target="_blank"   >Direktorat Kemahasiswaan, Alumni <br> dan Tracer Study</a></li><li class="" ><a href="" target="_blank"   >Direktorat Keuangan, Kepegawaian dan <br> Pengembangan Sumber Daya Manusia</a></li><li class="" ><a href="http://humas.narotama.ac.id/" target="_blank"   >Direktorat Kerjasama, Pemasaran <br>dan Hubungan Masyarakat</a></li><li class="" ><a href="https://birorektor.narotama.ac.id/" target="_blank"   >Biro Rektorat, Admisi dan Registrasi</a></li><li class="" ><a href="" target="_blank"   >Biro Umum, Sarana, Prasarana dan Operasional</a></li><li class="" ><a href="http://perpustakaan.narotama.ac.id/" target="_blank"   >UPT Perpustakaan</a></li><li class="" ><a href="" target="_blank"   >UPT Pusat Bahasa</a></li><li class="" ><a href="https://jdih.narotama.ac.id/" target="_blank"   >JDIH Narotama</a></li></ul>                </li>
                            <li>
                    <a style="color: #fff;" href="#" >Referensi</a>
                    <ul><li class="" ><a href="https://www.proquest.com/" target="_blank"   >ProQuest</a></li><li class="" ><a href="https://link.gale.com/apps/menu?prodId=MENU" target="_blank"   >InfoTrac</a></li><li class="" ><a href="" target="_blank"   >SINTA - Science and Technology Index</a></li><li class="" ><a href="http://link.narotama.ac.id/" target="_blank"   >L I N K</a></li><li class="" ><a href="http://jurnal.narotama.ac.id" target="_blank"   >Open Journal System</a></li></ul>                </li>
                            <li>
                    <a style="color: #fff;" href="#" >Beasiswa</a>
                    <ul><li class="" ><a href="https://narotama.ac.id/nasional"   >Nasional</a></li><li class="" ><a href="https://narotama.ac.id/internasional"   >Internasional</a></li></ul>                </li>
                    </ul>
    </nav>

    <nav id="main-nav2" role="navigation" class="d-block d-lg-none">
        <ul id="main-menu2" class="sm sm-blue" style="background-color: #011441; display: none; overflow-y: auto; max-height: 90vh; position: relative; z-index: 1; padding-top: 0;">
                            <li>
                    <a style="color: #fff;" href="https://drive.google.com/file/d/1Kkg1bsYvN40Z3phe5OWGd6tHe3tmqqXa/view?usp=drive_link" target="_blank">Kalender Akademik</a>
                </li>
                            <li>
                    <a style="color: #fff;" href="https://jdih.narotama.ac.id/" target="_blank">JDIH Narotama</a>
                </li>
                            <li>
                    <a style="color: #fff;" href="https://narotama.ac.id/Go-Utama" target="_blank">Go UTAMA Apps</a>
                </li>
                            <li>
                    <a style="color: #fff;" href="https://drive.google.com/file/d/1V5sJ0Osm39dtaSGB08jKFEmUzcVXwPry/view?usp=drivesdk" target="_blank">Brosur</a>
                </li>
                                        <li>
                    <a style="color: #fff;" href="https://www.kemdikbud.go.id/" target="_blank">Kementerian Pendidikan, Kebudayaan, Riset, dan Teknologi</a>
                </li>
                            <li>
                    <a style="color: #fff;" href="http://www.kopertis7.go.id/" target="_blank">LLDIKTI Wilayah VII Jawa Timur</a>
                </li>
                            <li>
                    <a style="color: #fff;" href="https://pddikti.kemdikbud.go.id/" target="_blank">Pangkalan Data Perguruan Tinggi</a>
                </li>
                            <li>
                    <a style="color: #fff;" href="https://sinta.ristekbrin.go.id/affiliations/detail?id=2040&view=overview" target="_blank">SINTA - Science and Technology Index</a>
                </li>
                            <li>
                    <a style="color: #fff;" href="https://journal.portalgaruda.org/" target="_blank">Integrated Management System of Indonesian Journals</a>
                </li>
                            <li>
                    <a style="color: #fff;" href="https://www.webometrics.info/en/detalles/narotama.ac.id" target="_blank">Ranking Web of Narotama University | Webometrics</a>
                </li>
                            <li>
                    <a style="color: #fff;" href="https://www.4icu.org/reviews/2193.htm" target="_blank">UniRank Narotama University | 4icu.org </a>
                </li>
                            <li>
                    <a style="color: #fff;" href="https://kampusmerdeka.kemdikbud.go.id/" target="_blank">Kampus Merdeka | Kemdikbud.go.id</a>
                </li>
                            <li>
                    <a style="color: #fff;" href="http://narotama.ac.id" target="_blank">Universitas Narotama</a>
                </li>
                        <!--<li>
                <a href="" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=end'); return false;">
                    <img alt="English" src="https://narotama.ac.id/public/images/flag/inggris-lang.png" title="English" style="cursor: pointer; margin-right: 5px; height: 27px !important; width: 27px !important;">
                </a>
            </li>
            <li>
                <a href="" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=end%7Cen&hl=id'); return false;">
                    <img alt="Indonesia" src="https://narotama.ac.id/public/images/flag/indo-lang.png" title="Indonesia" style="cursor: pointer; height: 27px !important; width: 27px !important;">
                </a>
            </li>-->
        </ul>
    </nav>
</div><div id="banner-carousel" class="carousel carousel-animate carousel-head slide" data-ride="carousel">
        <ol class="carousel-indicators">
                        <li data-target="#banner-carousel" data-slide-to="0" class="active"></li>
                        <li data-target="#banner-carousel" data-slide-to="1" ></li>
                        <li data-target="#banner-carousel" data-slide-to="2" ></li>
                        <li data-target="#banner-carousel" data-slide-to="3" ></li>
                        <li data-target="#banner-carousel" data-slide-to="4" ></li>
                    </ol>
        <div class="carousel-inner">
                        <div class="carousel-item active" >
                <img class="d-block w-100 img-banner" src="https://narotama.ac.id/public/images/banner/20251106142501-bannerwebsite_unirank.png" alt="banner-1">
            </div>
                        <div class="carousel-item " >
                <img class="d-block w-100 img-banner" src="https://narotama.ac.id/public/images/banner/20260127101324-SELAMATDANSUKSES.png" alt="banner-2">
            </div>
                        <div class="carousel-item " >
                <img class="d-block w-100 img-banner" src="https://narotama.ac.id/public/images/banner/20260416071712-Picsart_26-04-16_07-16-05-443.jpg" alt="banner-3">
            </div>
                        <div class="carousel-item " >
                <img class="d-block w-100 img-banner" src="https://narotama.ac.id/public/images/banner/20260428134101-Picsart_26-04-28_13-38-00-794.jpg" alt="banner-4">
            </div>
                        <div class="carousel-item " >
                <img class="d-block w-100 img-banner" src="https://narotama.ac.id/public/images/banner/20251027172149-20.png" alt="banner-5">
            </div>
                    </div>
        <a class="carousel-control-prev" href="#banner-carousel" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#banner-carousel" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>

<hr class="progress-bar-carousel" />

<!-- <hr class="fancy-line fancy-line-white" > -->

<!-- <div class="gradient-content" style="position: relative; z-index: 2;"></div> -->

<div id="content" class="clear content-container">
<div class="row no-gutters w-100"><div class="col-lg-12 news-home">
    <div class="container">
        <div class="page-titleberita-container mb-4">
            <div class="row no-gutters">
                <div class="col my-auto">
                    <div class="page-titleberita-header">
                        <h2>UN News & Events</h2>
                    </div>
                </div>
                <div class="col-auto my-auto d-none d-lg-block">
                    <a class="btn page-titleberita-btn" href="https://narotama.ac.id/berita/lainnya/kampus">View All</a>
                </div>
            </div>
        </div>
                <div class="row text-white">
            <div class="col-lg-6 mt-3 mt-lg-0">
                <div class="header-text mb-4" style="position: relative; z-index: 4;">
                    <a href="https://narotama.ac.id/berita/detail/33177-kapolrestabes-surabaya-paparkan-penegakan-hukum-di-era-viral-pada-kuliah-umum-fh-universitas-narotama" class="opacity-effect text-white">Kapolrestabes Surabaya Paparkan Penegakan Hukum di Era Viral pada Kuliah Umum FH Universitas Narotama</a>
                    <br>
                    <div style="font-size: 1rem; margin-top: .5rem;"><i class="far fa-clock"></i> 21 Mei 2026, 10:26:22 <span class="ml-2"><i class="fa fa-search-plus"></i> Dilihat: 134x</span></div>
                </div>
                <div class="news-container">
                    <div class="mb-2">Universitas Narotama melalui Fakultas Hukum menggelar kuliah umum bertema &ldquo;Penegakan Hukum di Era Viral: Antara Keadilan, Opini Publik, dan Tekanan Media Sosial&rdquo; pada Selasa, 19 Mei 2026, di Conference Hall Universitas Narotama Surabaya.<div class='mb-4'></div><div class='mb-4'></div>Kegiatan tersebut menghadirkan narasumber utama Kombes Pol. Dr. Luthfie Sulistyawan, S.I.K., M.H., M.Si. se........</div>
                    
                    <a href="https://narotama.ac.id/berita/detail/33177-kapolrestabes-surabaya-paparkan-penegakan-hukum-di-era-viral-pada-kuliah-umum-fh-universitas-narotama" class="btn-arrow btn-arrow-yellow mb-3 mb-lg-0 mr-lg-3" style="position: relative; z-index: 4; display: inline-block;">Selengkapnya</a>
                    
                    <input type="text" id="clipboard_input-berita11" style="position: relative; z-index: -2;" value="https://narotama.ac.id/berita/detail/33177-kapolrestabes-surabaya-paparkan-penegakan-hukum-di-era-viral-pada-kuliah-umum-fh-universitas-narotama">
                    
                    <div style="font-size: 1.2em; line-height: 1.17; margin-bottom: 1.3rem; font-weight: bold;">Share:</div>

                    <div class="row">
                        <div class="col-auto">
                            <div class="btn-share-facebook" style="cursor: pointer; position: relative; z-index: 4;" onclick="window.open('http://www.facebook.com/sharer.php?u=https://narotama.ac.id/berita/detail/33177-kapolrestabes-surabaya-paparkan-penegakan-hukum-di-era-viral-pada-kuliah-umum-fh-universitas-narotama')">
                                <i class="fab fa-facebook"></i>
                            </div>
                        </div>
                        <div class="col-auto px-sm-0">
                            <div class="btn-share-whatsapp" style="cursor: pointer; position: relative; z-index: 4;" onclick="window.open('https://api.whatsapp.com/send?text=https://narotama.ac.id/berita/detail/33177-kapolrestabes-surabaya-paparkan-penegakan-hukum-di-era-viral-pada-kuliah-umum-fh-universitas-narotama')">
                                <i class="fab fa-whatsapp"></i>
                            </div>
                        </div>
                        <div class="col-auto">
                            <div class="btn-share-link copyToClipboard-berita11 copyToClipboard-tooltip" style="cursor: pointer; position: relative; z-index: 4;" onclick="copyToClipboard('berita11')">
                                <i class="fa fa-paper-plane"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 order-first order-lg-last" style="position: relative; z-index: 4;">
                <div class="img-container">
                    <img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20260521105549-IMG-20260521-WA0003.jpg" style="height:507px; margin:10px; width:400px" />                </div>
            </div>
        </div>
        
        <div class="row news-after text-white mt-5">
                        <div class="col-lg-6 mb-3 mb-lg-0 pl-lg-0 pr-lg-5">
                <div class="card h-100" style="border: none; border-radius: 0; background-color: transparent;">
                    <div class="framed-image">
                        <img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20260516212506-IMG-20260513-WA0010.jpg" style="height:300px; margin:10px; width:400px" />                    </div>
                    <div class="card-body mt-3" style="border: 1px solid #f2a900;">
                        <div class="subheader-text mb-4" style="position: relative; z-index: 4;">
                            <a href="https://narotama.ac.id/berita/detail/32810-universitas-narotama-perkuat-edukasi-pasar-modal-melalui-workshop-hero-invest-by-kiwoom" class="opacity-effect text-white">Universitas Narotama Perkuat Edukasi Pasar Modal melalui Workshop Hero Invest by Kiwoom</a>
                            <br>
                            <div style="font-size: 1rem; margin-top: .5rem;"><i class="far fa-clock"></i> 16 Mei 2026, 21:19:22 <span class="ml-2"><i class="fa fa-search-plus"></i> Dilihat: 1005x</span></div>
                        </div>

                        <div class="news-container">
                            <div class="mb-2">Universitas Narotama&nbsp; memperkuat komitmennya dalam meningkatkan literasi dan edukasi pasar modal melalui penyelenggaraan Workshop Trading and Application Navigation bersama Kiwoom Securities dan Bursa Efek Indonesia.<div class='mb-4'></div>Workshop yang berlangsung pada 11 dan 13 Mei 2026 tersebut merupakan tindak l........</div>
                            
                            <a href="https://narotama.ac.id/berita/detail/32810-universitas-narotama-perkuat-edukasi-pasar-modal-melalui-workshop-hero-invest-by-kiwoom" class="btn-arrow btn-arrow-yellow mb-3 mb-lg-0 mr-lg-3" style="position: relative; z-index: 4; display: inline-block;">Selengkapnya</a>
                            
                            <input type="text" id="clipboard_input-berita21" style="position: relative; z-index: -2;" value="https://narotama.ac.id/berita/detail/32810-universitas-narotama-perkuat-edukasi-pasar-modal-melalui-workshop-hero-invest-by-kiwoom">
                            
                            <div style="font-size: 1.2em; line-height: 1.17; margin-bottom: 1.3rem; font-weight: bold;">Share:</div>

                            <div class="row">
                                <div class="col-auto">
                                    <div class="btn-share-facebook" style="cursor: pointer; position: relative; z-index: 4;" onclick="window.open('http://www.facebook.com/sharer.php?u=https://narotama.ac.id/berita/detail/32810-universitas-narotama-perkuat-edukasi-pasar-modal-melalui-workshop-hero-invest-by-kiwoom')">
                                        <i class="fab fa-facebook"></i>
                                    </div>
                                </div>
                                <div class="col-auto px-sm-0">
                                    <div class="btn-share-whatsapp" style="cursor: pointer; position: relative; z-index: 4;" onclick="window.open('https://api.whatsapp.com/send?text=https://narotama.ac.id/berita/detail/32810-universitas-narotama-perkuat-edukasi-pasar-modal-melalui-workshop-hero-invest-by-kiwoom')">
                                        <i class="fab fa-whatsapp"></i>
                                    </div>
                                </div>
                                <div class="col-auto">
                                    <div class="btn-share-link copyToClipboard-berita21 copyToClipboard-tooltip" style="cursor: pointer; position: relative; z-index: 4;" onclick="copyToClipboard('berita21')">
                                        <i class="fa fa-paper-plane"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                        <div class="col-lg-6 mb-3 mb-lg-0 pl-lg-5 pr-lg--0">
                <div class="card h-100" style="border: none; border-radius: 0; background-color: transparent;">
                    <div class="framed-image">
                        <img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20260507101548-IMG-20260507-WA0006.jpg" style="height:600px; margin:10px; width:800px" />                    </div>
                    <div class="card-body mt-3" style="border: 1px solid #f2a900;">
                        <div class="subheader-text mb-4" style="position: relative; z-index: 4;">
                            <a href="https://narotama.ac.id/berita/detail/32799-perkuat-budaya-mutu,-universitas-narotama-gelar-expert-talk-implementasi-spmi-dan-akreditasi-institusi" class="opacity-effect text-white">Perkuat Budaya Mutu, Universitas Narotama Gelar Expert Talk Implementasi SPMI dan Akreditasi Institusi</a>
                            <br>
                            <div style="font-size: 1rem; margin-top: .5rem;"><i class="far fa-clock"></i> 07 Mei 2026, 10:07:19 <span class="ml-2"><i class="fa fa-search-plus"></i> Dilihat: 1842x</span></div>
                        </div>

                        <div class="news-container">
                            <div class="mb-2">Upaya membangun budaya mutu yang kuat dan berkelanjutan terus dilakukan oleh Universitas Narotama melalui penyelenggaraan kegiatan &quot;Expert Talk: Implementasi Sistem Penjaminan Mutu Internal (SPMI) serta Akreditasi Institusi&quot; yang digelar pada Rabu (6/5) pukul 13.00 WIB di Ruang Rapat Gedun........</div>
                            
                            <a href="https://narotama.ac.id/berita/detail/32799-perkuat-budaya-mutu,-universitas-narotama-gelar-expert-talk-implementasi-spmi-dan-akreditasi-institusi" class="btn-arrow btn-arrow-yellow mb-3 mb-lg-0 mr-lg-3" style="position: relative; z-index: 4; display: inline-block;">Selengkapnya</a>
                            
                            <input type="text" id="clipboard_input-berita22" style="position: relative; z-index: -2;" value="https://narotama.ac.id/berita/detail/32799-perkuat-budaya-mutu,-universitas-narotama-gelar-expert-talk-implementasi-spmi-dan-akreditasi-institusi">
                            
                            <div style="font-size: 1.2em; line-height: 1.17; margin-bottom: 1.3rem; font-weight: bold;">Share:</div>

                            <div class="row">
                                <div class="col-auto">
                                    <div class="btn-share-facebook" style="cursor: pointer; position: relative; z-index: 4;" onclick="window.open('http://www.facebook.com/sharer.php?u=https://narotama.ac.id/berita/detail/32799-perkuat-budaya-mutu,-universitas-narotama-gelar-expert-talk-implementasi-spmi-dan-akreditasi-institusi')">
                                        <i class="fab fa-facebook"></i>
                                    </div>
                                </div>
                                <div class="col-auto px-sm-0">
                                    <div class="btn-share-whatsapp" style="cursor: pointer; position: relative; z-index: 4;" onclick="window.open('https://api.whatsapp.com/send?text=https://narotama.ac.id/berita/detail/32799-perkuat-budaya-mutu,-universitas-narotama-gelar-expert-talk-implementasi-spmi-dan-akreditasi-institusi')">
                                        <i class="fab fa-whatsapp"></i>
                                    </div>
                                </div>
                                <div class="col-auto">
                                    <div class="btn-share-link copyToClipboard-berita22 copyToClipboard-tooltip" style="cursor: pointer; position: relative; z-index: 4;" onclick="copyToClipboard('berita22')">
                                        <i class="fa fa-paper-plane"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    </div>
        <div class="row">
            <div class="col-auto mx-auto">
                <a class="btn btn-arrow btn-arrow-lg btn-arrow-outline-yellow d-inline-block d-lg-none mt-4 mt-lg-0" href="https://narotama.ac.id/berita/lainnya/kampus">View All</a>
            </div>
        </div>
    </div>
</div>
<!-- <div class="col-lg-12">
    <div class="parallax-container-1 overlay-black">
        <div class="container">
            <div class="text-white text-center mb-4" style="font-family: 'Poppins', sans-serif; text-transform: none; letter-spacing: normal; font-size: 3rem;">Kampus Merdeka</div>
            <div class="row mx-lg-n1 justify-content-center">
                                <div class="col-lg-6 text-center mb-lg-2 px-lg-1">
                    <a class="btn btn-block btn-aplikasi btn-arrow btn-arrow-lg btn-arrow-outline-yellow d-block d-lg-inline-block mb-1 mb-sm-2 mb-lg-0 mr-lg-1" href="https://kampusmerdeka.kemdikbud.go.id/" target="_blank">Kampus Merdeka Kemdikbud</a>
                </div>
                                <div class="col-lg-6 text-center mb-lg-2 px-lg-1">
                    <a class="btn btn-block btn-aplikasi btn-arrow btn-arrow-lg btn-arrow-outline-yellow d-block d-lg-inline-block mb-1 mb-sm-2 mb-lg-0 mr-lg-1" href="https://pusatinformasi.kampusmerdeka.kemdikbud.go.id/hc/id" target="_blank">Pusat Informasi Kampus Merdeka</a>
                </div>
                            </div>
        </div>
    </div>
</div> -->

<div class="col-lg-12">
    <div class="parallax-container overlay-black">
        <div class="container">
            <div class="text-white text-center mb-4" style="font-family: 'Poppins', sans-serif; text-transform: none; letter-spacing: normal; font-size: 3rem;">UN Application System</div>
            <div class="row mx-lg-n1 justify-content-center">
                                <div class="col-lg-6 text-center mb-lg-2 px-lg-1">
                    <a class="btn btn-block btn-aplikasi btn-arrow btn-arrow-lg btn-arrow-outline-yellow d-block d-lg-inline-block mb-1 mb-sm-2 mb-lg-0 mr-lg-1" href="http://akademik.narotama.ac.id" target="_blank">Sistem Informasi Akademik</a>
                </div>
                                <div class="col-lg-6 text-center mb-lg-2 px-lg-1">
                    <a class="btn btn-block btn-aplikasi btn-arrow btn-arrow-lg btn-arrow-outline-yellow d-block d-lg-inline-block mb-1 mb-sm-2 mb-lg-0 mr-lg-1" href="https://lms.narotama.ac.id" target="_blank">Sistem Perkuliahan Online</a>
                </div>
                                <div class="col-lg-6 text-center mb-lg-2 px-lg-1">
                    <a class="btn btn-block btn-aplikasi btn-arrow btn-arrow-lg btn-arrow-outline-yellow d-block d-lg-inline-block mb-1 mb-sm-2 mb-lg-0 mr-lg-1" href="http://pmb.narotama.ac.id" target="_blank">Pendaftaran Mahasiswa Baru</a>
                </div>
                                <div class="col-lg-6 text-center mb-lg-2 px-lg-1">
                    <a class="btn btn-block btn-aplikasi btn-arrow btn-arrow-lg btn-arrow-outline-yellow d-block d-lg-inline-block mb-1 mb-sm-2 mb-lg-0 mr-lg-1" href="https://jurnal.narotama.ac.id/" target="_blank">Open Journal System</a>
                </div>
                            </div>
        </div>
    </div>
</div>

<div class="col-12" style="padding-top: 4rem; padding-bottom: 4rem;">
    <!-- <div class="bg-video-frame"></div> -->

    <div class="container">
        <div class="page-titlelight-container mb-4">
            <div class="row no-gutters">
                <div class="col my-auto">
                    <div class="page-titlelight-header">
                        <h2>UN Videos</h2>
                    </div>
                </div>
                <div class="col-auto my-auto d-none d-lg-block">
                    <a class="btn page-titlelight-btn" href="https://narotama.ac.id/video/lainnya">View All</a>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-8 mb-5" style="position: relative; z-index: 2;">
                                <div class="framed-video" style="height: 36rem;">
                    <div class="card" style="border: none; border-radius: 0; box-shadow: 0 0.8rem 1.6rem 0 #d0dce9; height: 36rem;">
                        <iframe src="https://www.youtube.com/embed/JVkIPT_Rhws?wmode=transparent" allowfullscreen="" frameborder="0" style="width: 100%; height: 100%;"></iframe>
                        <div class="card-body">
                            <h6 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .95em; font-weight: 900; font-family: 'Poppins', sans-serif; 1f2432">Wisuda Sarjana Ke 60 dan Magister Ke 48 Universitas Narotama | 4 Oktober 2025.</h6>
                        </div>
                    </div>
                </div>
                            </div>
            
            <div class="col-lg-4" style="position: relative; z-index: 2;">
                <div class="row h-100">
                                        <div class="col-lg-12 mb-5">
                        <div class="framed-video" style="height: 16rem;">
                            <div class="card" style="border: none; border-radius: 0; box-shadow: 0 0.8rem 1.6rem 0 #d0dce9; height: 16rem;">
                                <iframe src="https://www.youtube.com/embed/p3b40dFdpAk?wmode=transparent" allowfullscreen="" frameborder="0" style="width: 100%; height: 100%;"></iframe>
                                <div class="card-body">
                                    <h6 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .95em; font-weight: 900; font-family: 'Poppins', sans-serif; 1f2432">Wisuda Sarjana Ke 58 dan Magister Ke 46 Universitas Narotama | 26 Oktober 2024</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                                        <div class="col-lg-12 mb-5">
                        <div class="framed-video" style="height: 16rem;">
                            <div class="card" style="border: none; border-radius: 0; box-shadow: 0 0.8rem 1.6rem 0 #d0dce9; height: 16rem;">
                                <iframe src="https://www.youtube.com/embed/vWOieMkcwS4?wmode=transparent" allowfullscreen="" frameborder="0" style="width: 100%; height: 100%;"></iframe>
                                <div class="card-body">
                                    <h6 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .95em; font-weight: 900; font-family: 'Poppins', sans-serif; 1f2432">Rapat Terbuka Senat dalam rangka Wisuda Sarjana ke - 56 dan Magister ke - 44</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
            </div>
            <div class="col-auto mx-auto">
                <a class="btn btn-arrow btn-arrow-lg btn-arrow-outline-yellow d-inline-block d-lg-none mt-4 mt-lg-0" href="https://narotama.ac.id/video/lainnya">View All</a>
            </div>
        </div>
    </div>
</div>

<div class="col-12" style="padding-bottom: 4rem;">
    <!-- <div class="bg-video-frame"></div> -->

    <div class="container">
        <div class="page-titlelight-container mb-4">
            <div class="row no-gutters">
                <div class="col my-auto">
                    <div class="page-titlelight-header">
                        <h2>UN Cooperation</h2>
                    </div>
                </div>
                <!-- <div class="col-auto my-auto d-none d-lg-block">
                    <a class="btn page-titlelight-btn" href="https://narotama.ac.id/berita/lainnya/kampus">View All</a>
                </div> -->
            </div>
        </div>

        <div class="row">
            <div class="col">
                <div class="accordion" id="accordionCooperation">
                    <div class="card">
                        <div class="card-header" id="headingInternasional">
                            <h2 class="mb-0 py-0 border-0 btn-arrow" style="font-family: 'Poppins', sans-serif !important; font-size: 1.15rem !important;">
                                <button class="btn btn-link btn-block text-left collapsed" style="font-size: 1.15rem !important;" type="button" data-toggle="collapse" data-target="#collapseInternasional" aria-expanded="false" aria-controls="collapseInternasional">
                                Internasional
                                </button>
                            </h2>
                        </div>
                        <div id="collapseInternasional" class="collapse show" aria-labelledby="headingInternasional" data-parent="#accordionCooperation">
                            <div class="card-body table-responsive table-cooperation">
                                <table border="0" cellpadding="0" cellspacing="0" style="width:100%">
	<tbody>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://www.dmu.ac.uk/home.aspx" target="_blank"><img alt="De Montfort Leicester University" src="https://narotama.ac.id/public/images/ckeditor-media/20210630130953-DeMontfortLeicester.png" style="height:56px; width:130px" title="De Montfort Leicester University" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.alexu.edu.eg/index.php/en/" target="_blank"><img alt="Alexandria University" src="https://narotama.ac.id/public/images/ckeditor-media/20210630130941-Alexandria_University_logo_1cy6.png" style="height:55px; width:130px" title="Alexandria University" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.cmu.ac.th/en/" target="_blank"><img alt="Chiang mai university" src="https://narotama.ac.id/public/images/ckeditor-media/20210630130918-200px-Chiang_mai_university_logo.png" style="height:100px; width:100px" title="Chiang mai university" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.derby.ac.uk/" target="_blank"><img alt="Derby University" src="https://narotama.ac.id/public/images/ckeditor-media/20210630131002-Derby-Uni-logo-1.png" style="height:28px; width:140px" title="Derby University" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://maac.my/ms/" target="_blank"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20220822201157-maac.jpeg" style="height:80px; width:160px" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://www.essex.ac.uk/" target="_blank"><img alt="Essex" src="https://narotama.ac.id/public/images/ckeditor-media/20210630132002-Essex.png" style="height:68px; width:110px" title="Essex" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.uthm.edu.my/en/" target="_blank"><img alt="I Coe Rel UTHM" src="https://narotama.ac.id/public/images/ckeditor-media/20210630132014-icoe-relUTHM.png" style="height:60px; width:110px" title="I Coe Rel UTHM" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://icogoia.uthm.edu.my/" target="_blank"><img alt="ICOGOIA" src="https://narotama.ac.id/public/images/ckeditor-media/20210630132022-ICOGOIA.jpg" style="height:66px; width:110px" title="ICOGOIA" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://ump.edu.my/en" target="_blank"><img alt="University Malaysia PAHANG" src="https://narotama.ac.id/public/images/ckeditor-media/20210630132138-logo-rasmi-ump.png" style="height:56px; width:110px" title="University Malaysia PAHANG" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://www.uum.edu.my/" target="_blank"><img alt="Universiti Utara Malaysia" src="https://narotama.ac.id/public/images/ckeditor-media/20210630132145-LogoUUM.png" style="height:42px; width:110px" title="Universiti Utara Malaysia" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://www.nuk.edu.tw/?Lang=en" target="_blank"><img alt="National University Kaohsiung Taiwan" src="https://narotama.ac.id/public/images/ckeditor-media/20210630133014-NUKTaiwanLogo.png" style="height:100px; width:100px" title="National University Kaohsiung Taiwan" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://psmza.mypolycc.edu.my/" target="_blank"><img alt="Politeknik Sultan Mizan Zainal Abidin" src="https://narotama.ac.id/public/images/ckeditor-media/20210630133025-PoliteknikSultanMizanZainalAbidin.png" style="height:90px; width:100px" title="Politeknik Sultan Mizan Zainal Abidin" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.psu.edu.sa/en" target="_blank"><img alt="Prince Sultan University" src="https://narotama.ac.id/public/images/ckeditor-media/20210630133036-psu-logo-lightbg.png" style="height:44px; width:140px" title="Prince Sultan University" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://quest.edu.pk/" target="_blank"><img alt="Quest Nawab Shah Pakistan" src="https://narotama.ac.id/public/images/ckeditor-media/20210630133045-QUESTNAWABSHAHPAKISTAN.png" style="height:99px; width:100px" title="Quest Nawab Shah Pakistan" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.uitm.edu.my/index.php/en/" target="_blank"><img alt="Universiti Teknologi MARA" src="https://narotama.ac.id/public/images/ckeditor-media/20210630133056-UiTM_Universiti_Teknologi_MARA_logo.png" style="height:55px; width:130px" title="Universiti Teknologi MARA" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://www.ukm.my/portal/" target="_blank"><img alt="Universiti Kebangsaan Malaysia" src="https://narotama.ac.id/public/images/ckeditor-media/20210630133247-ukm-logo-CB9D755C75-seeklogo.com.png" style="height:70px; width:130px" title="Universiti Kebangsaan Malaysia" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.umk.edu.my/ms/" target="_blank"><img alt="Universiti Malaysia Kelantan" src="https://narotama.ac.id/public/images/ckeditor-media/20210630133255-UMKMalaysia.png" style="height:140px; width:70px" title="Universiti Malaysia Kelantan" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.unimap.edu.my/index.php/en/" target="_blank"><img alt="Universiti Malaysia Perlis" src="https://narotama.ac.id/public/images/ckeditor-media/20210630133304-unimap.png" style="height:61px; width:130px" title="Universiti Malaysia Perlis" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.unisza.edu.my/index.php?lang=ms" target="_blank"><img alt="Universiti Zainal Abidin" src="https://narotama.ac.id/public/images/ckeditor-media/20210630133314-UNISZA.png" style="height:44px; width:130px" title="Universiti Zainal Abidin" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.usm.my/" target="_blank"><img alt="Universiti Sains Malaysia" src="https://narotama.ac.id/public/images/ckeditor-media/20210630133325-universiti-sains-malaysia-vector-logo.png" style="height:63px; width:130px" title="Universiti Sains Malaysia" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://ieomsociety.org/" target="_blank"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20210708045815-ieomsocietybannernew900.png" style="height:35px; width:130px" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://restir.eu/" target="_blank"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20210708045709-restir.jpg" style="height:28px; width:130px" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.upsi.edu.my/" target="_blank"><img alt="Universiti Pendidikan Sultan Idris" src="https://narotama.ac.id/public/images/ckeditor-media/20210630133407-upsi-logo.png" style="height:63px; width:130px" title="Universiti Pendidikan Sultan Idris" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.seameo.org/asaihl/" target="_blank"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20210708045746-nation.png" style="height:71px; width:110px" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://ec.europa.eu/programmes/erasmus-plus/node_en" target="_blank"><img alt="Erasmus" src="https://narotama.ac.id/public/images/ckeditor-media/20210630131010-Erasmus.png" style="height:35px; width:140px" title="Erasmus" /></a></td>
		</tr>
	</tbody>
</table>

<p>&nbsp;</p>
                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header" id="headingIndustri">
                            <h2 class="mb-0 py-0 border-0 btn-arrow" style="font-family: 'Poppins', sans-serif !important; font-size: 1.15rem !important;">
                                <button class="btn btn-link btn-block text-left" style="font-size: 1.15rem !important;" type="button" data-toggle="collapse" data-target="#collapseIndustri" aria-expanded="true" aria-controls="collapseIndustri">
                                Industri
                                </button>
                            </h2>
                        </div>

                        <div id="collapseIndustri" class="collapse" aria-labelledby="headingIndustri" data-parent="#accordionCooperation">
                            <div class="card-body table-responsive table-cooperation">
                                <table border="0" cellpadding="0" cellspacing="0" style="width:100%">
	<tbody>
		<tr>
			<td style="text-align:center; width:20%"><a href="http://intakindo.or.id/" target="_blank"><img alt="INTAKINDO" src="https://narotama.ac.id/public/images/ckeditor-media/20210630051010-20141017-030610.png" style="height:35px; width:130px" title="INTAKINDO" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://indokontraktor.com/business/pt-aria-jasa-konsultan" target="_blank"><img alt="PT. Aria Jasa Konsultan" src="https://narotama.ac.id/public/images/ckeditor-media/20210630051122-AriaJasaConsultant.png" style="height:48px; width:130px" title="PT. Aria Jasa Konsultan" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.bhi.co.id/" target="_blank"><img alt="Bumi Harmoni Indoguna" src="https://narotama.ac.id/public/images/ckeditor-media/20210630051303-BumiHarmoniIndoguna.png" style="height:74px; width:100px" title="Bumi Harmoni Indoguna" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://indokontraktor.com/business/pt-cakra-buana-consultants" target="_blank"><img alt="Cakra Buana Consultan" src="https://narotama.ac.id/public/images/ckeditor-media/20210630051512-CakraBuanaConsultant.png" style="height:100px; width:84px" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://sispro.co.id/id/pt-ciriajasa-engineering-and-management-consultant-4138.htm" target="_blank"><img alt="Ciria Jasa Consultant" src="https://narotama.ac.id/public/images/ckeditor-media/20210630051549-CiriajasaConsultant.png" style="height:39px; width:130px" title="Ciria Jasa Consultant" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center"><a href="https://ipest.asia/" target="_blank"><img alt="Internasional Peneliti Sosial Ekonomi Teknologi" src="https://narotama.ac.id/public/images/ckeditor-media/20210630051658-InternasionalPenelitiSosialEkonomiTeknologi.png" style="height:82px; width:100px" title="Internasional Peneliti Sosial Ekonomi Teknologi" /></a></td>
			<td style="text-align:center"><a href="https://www.jasaraharja.co.id/" target="_blank"><img alt="PT. Jasa Raharja" src="https://narotama.ac.id/public/images/ckeditor-media/20210630051821-JasaRaharja.png" style="height:90px; width:100px" title="PT. Jasa Raharja" /></a></td>
			<td style="text-align:center"><a href="https://www.nokia.com/" target="_blank"><img alt="NOKIA" src="https://narotama.ac.id/public/images/ckeditor-media/20210630051902-kisspng-india-mover-mobile-phones-logo-business-5b1df9cc846515.2298487115286911485423.png" style="height:39px; width:110px" title="NOKIA" /></a></td>
			<td style="text-align:center"><a href="https://www.inkindo.org/" target="_blank"><img alt="INKINDO" src="https://narotama.ac.id/public/images/ckeditor-media/20210630051931-logoteks-inkindo.png" style="height:100px; width:82px" title="INKINDO" /></a></td>
			<td style="text-align:center"><a href="http://www.maska.or.id/id" target="_blank"><img alt="MASKA" src="https://narotama.ac.id/public/images/ckeditor-media/20210630052023-MASkA.png" style="height:84px; width:100px" title="MASKA" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center"><a href="http://www.variabeton.com/" target="_blank"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20211015145136-logo_vub.png" style="height:22px; width:150px" /></a></td>
			<td style="text-align:center"><a href="http://surabayatv.tv/" target="_blank"><img alt="Surabaya TV" src="https://narotama.ac.id/public/images/ckeditor-media/20210630052119-Surabaya_TV.png" style="height:19px; width:130px" title="Surabaya TV" /></a></td>
			<td style="text-align:center"><a href="https://utomodeck.com/" target="_blank"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20211012101536-LOGO-TRANSPARANT-2.png" style="height:26px; width:150px" /></a></td>
			<td style="text-align:center"><a href="http://www.amythas.com/" target="_blank"><img alt="PT. Amythas General Consultant" src="https://narotama.ac.id/public/images/ckeditor-media/20210630052153-PTAmythasGeneralConsultant.png" style="height:67px; width:100px" title="PT. Amythas General Consultant" /></a></td>
			<td style="text-align:center"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20211209114733-logo_ecoblast.png" style="height:80px; width:80px" /></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center">&nbsp;</td>
			<td style="text-align:center">&nbsp;</td>
			<td style="text-align:center"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20211211192151-logo_bromo_sunrise.png" style="height:95px; width:150px" /></td>
			<td style="text-align:center">&nbsp;</td>
			<td style="text-align:center">&nbsp;</td>
		</tr>
	</tbody>
</table>

<p>&nbsp;</p>
                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header" id="headingPerguruan">
                            <h2 class="mb-0 py-0 border-0 btn-arrow" style="font-family: 'Poppins', sans-serif !important; font-size: 1.15rem !important;">
                                <button class="btn btn-link btn-block text-left collapsed" style="font-size: 1.15rem !important;" type="button" data-toggle="collapse" data-target="#collapsePerguruan" aria-expanded="false" aria-controls="collapsePerguruan">
                                Perguruan Tinggi
                                </button>
                            </h2>
                        </div>
                        <div id="collapsePerguruan" class="collapse" aria-labelledby="headingPerguruan" data-parent="#accordionCooperation">
                            <div class="card-body table-responsive table-cooperation">
                                <table border="0" cellpadding="0" cellspacing="0" style="width:100%">
	<tbody>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://www.google.com/search?q=perkumpulan+ahli+dan+dosen+republik+indonesia&amp;safe=strict&amp;rlz=1C1CHZL_enID840ID840&amp;sxsrf=ALeKk01Ubi1eYgXNsRMjgvC_cnxMx9_gUw%3A1625055151868&amp;ei=r1_cYLzINMGf9QOnl5ZI&amp;oq=perkumpulan+ahli+dosen&amp;gs_lcp=Cgdnd3Mtd2l6EAMYADIGCAAQFhAeOgYIIxAnEBM6BAgjECc6BQgAEMQCOgQIABADOgQIABATOgUIABDLAToICAAQyQMQywFKBAhBGABQ2FdY1nJgqH1oAHACeACAAYICiAHVE5IBBzExLjExLjGYAQCgAQGqAQdnd3Mtd2l6wAEB&amp;sclient=gws-wiz" target="_blank"><img alt="Perkumpulan Ahli dan Dosen Republik Indonesia" src="https://narotama.ac.id/public/images/ckeditor-media/20210630191036-ADRI.png" style="height:91px; width:90px" title="Perkumpulan Ahli dan Dosen Republik Indonesia" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://lptnu-sidoarjo.or.id/"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20220808140426-lptnu.jpeg" style="height:113px; width:150px" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://ittelkom-sby.ac.id/" target="_blank"><img alt="IT Telkom Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210630191100-InstitutTeknologiTelkomSurabaya.png" style="height:140px; width:76px" title="IT Telkom Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://itats.ac.id/" target="_blank"><img alt="Institut Aditama Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210630191108-ITATS2.png" style="height:27px; width:110px" title="Institut Aditama Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.itn.ac.id/" target="_blank"><img alt="Institut Teknologi Nasional Malang" src="https://narotama.ac.id/public/images/ckeditor-media/20210630191114-ITNMalang.png" style="height:92px; width:90px" title="Institut Teknologi Nasional Malang" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://www.its.ac.id/" target="_blank"><img alt="Institut Teknologi 10 Nopember Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210630191149-ITS.png" style="height:90px; width:90px" title="Institut Teknologi 10 Nopember Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.polinema.ac.id/" target="_blank"><img alt="Politeknik Negeri Malang" src="https://narotama.ac.id/public/images/ckeditor-media/20210630191155-LOGOPOLITEKNIKNEGERIMALANG.png" style="height:91px; width:90px" title="Politeknik Negeri Malang" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.unpak.ac.id/" target="_blank"><img alt="Universitas Pakuan" src="https://narotama.ac.id/public/images/ckeditor-media/20210630191202-LOGOUNIVERSITASPAKUAN.png" style="height:89px; width:90px" title="Universitas Pakuan" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.unas.ac.id/" target="_blank"><img alt="Universitas Nasional" src="https://narotama.ac.id/public/images/ckeditor-media/20210630191209-Logo_Universitas_Nasional.png" style="height:122px; width:90px" title="Universitas Nasional" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://kpi-indonesia.org/" target="_blank"><img alt="Kualita Pendidikan Indonesia" src="https://narotama.ac.id/public/images/ckeditor-media/20210630191217-logo-KPI2.png" style="height:66px; width:100px" title="Kualita Pendidikan Indonesia" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://www.uwks.ac.id/" target="_blank"><img alt="Universitas Wijaya Kusuma Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210630193504-Logo-uwks.png" style="height:89px; width:100px" title="Universitas Wijaya Kusuma Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.unuja.ac.id/" target="_blank"><img alt="Universitas Nurul Jadid Paiton Probolinggo" src="https://narotama.ac.id/public/images/ckeditor-media/20210630193512-NurutJadid.png" style="height:100px; width:100px" title="Universitas Nurul Jadid Paiton Probolinggo" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.pens.ac.id/" target="_blank"><img alt="Politeknik Elektronika Negeri Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210630193522-PENS.png" style="height:95px; width:100px" title="Politeknik Elektronika Negeri Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.pnb.ac.id/" target="_blank"><img alt="Politeknik Negeri Bali" src="https://narotama.ac.id/public/images/ckeditor-media/20210630193530-PoliteknikNegeribali.png" style="height:74px; width:140px" title="Politeknik Negeri Bali" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://staispasuruan.ac.id" target="_blank"><img alt="Sekolah Tinggi Agama Islam Salahuddin Pasuruan" src="https://narotama.ac.id/public/images/ckeditor-media/20210630193537-STAISalahuddinPasuruan.png" style="height:90px; width:90px" title="Sekolah Tinggi Agama Islam Salahuddin Pasuruan" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://staimnglawak.ac.id/" target="_blank"><img alt="Sekolah Tinggi Agama Islam Miftahul `Ula Nganjuk" src="https://narotama.ac.id/public/images/ckeditor-media/20210630193547-STAIMkertosononganjuk.png" style="height:87px; width:90px" title="Sekolah Tinggi Agama Islam Miftahul `Ula Nganjuk" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://stie-alanwar.ac.id/" target="_blank"><img alt="Sekolah Tinggi Ilmu Ekonomi Al Anwar Mojokerto" src="https://narotama.ac.id/public/images/ckeditor-media/20210630193554-STIEAlAnwarMojokerto.png" style="height:90px; width:90px" title="Sekolah Tinggi Ilmu Ekonomi Al Anwar Mojokerto" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://stienugresik.ac.id/" target="_blank"><img alt="STIE NU Trate Gresik" src="https://narotama.ac.id/public/images/ckeditor-media/20210630193601-STIENUgresik.png" style="height:90px; width:79px" title="STIE NU Trate Gresik" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://stiewidyagamalumajang.ac.id/" target="_blank"><img alt="Sekolah Tingi Ilmu Ekonomi Widya Gama Lumajang" src="https://narotama.ac.id/public/images/ckeditor-media/20210630193608-STIEWidyaGamaLumajang.png" style="height:88px; width:90px" title="Sekolah Tingi Ilmu Ekonomi Widya Gama Lumajang" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://stieyapan.ac.id/" target="_blank"><img alt="Sekolah Tinggi Ilmu Ekonomi Yapan Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210630193618-STIEYAPAN.png" style="height:92px; width:90px" title="Sekolah Tinggi Ilmu Ekonomi Yapan Surabaya" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://www.stiepemuda.ac.id/" target="_blank"><img alt="STIE Pemuda" src="https://narotama.ac.id/public/images/ckeditor-media/20210701082508-stie-pemuda-surabaya.png" style="height:105px; width:90px" title="STIE Pemuda" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.stikosa-aws.ac.id/" target="_blank"><img alt="STIKOSA" src="https://narotama.ac.id/public/images/ckeditor-media/20210701082517-Stikosa-AWS.png" style="height:88px; width:90px" title="STIKOSA" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://stkippgri-bkl.ac.id/" target="_blank"><img alt="STKIP PGRI Bangkalan" src="https://narotama.ac.id/public/images/ckeditor-media/20210701082524-STKIPPGRIBangkalan.png" style="height:89px; width:90px" title="STKIP PGRI Bangkalan" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://stkipjb.ac.id/" target="_blank"><img alt="STKIP PGRI Jombang" src="https://narotama.ac.id/public/images/ckeditor-media/20210701082531-STKIPPGRIJOMBANG.png" style="height:88px; width:90px" title="STKIP PGRI Jombang" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://stkippgri-sidoarjo.ac.id/" target="_blank"><img alt="STKIP PGRI Sidoarjo" src="https://narotama.ac.id/public/images/ckeditor-media/20210701082540-STKIPPGRISidoarjo.png" style="height:86px; width:90px" title="STKIP PGRI Sidoarjo" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://stt-pomosda.ac.id/" target="_blank"><img alt="STT Pomosda Nganjuk" src="https://narotama.ac.id/public/images/ckeditor-media/20210701082548-STTPomosdanganjuk.png" style="height:82px; width:90px" title="STT Pomosda Nganjuk" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://uinsby.ac.id/" target="_blank"><img alt="UINSA" src="https://narotama.ac.id/public/images/ckeditor-media/20210701082558-UINSA.png" style="height:76px; width:90px" title="UINSA" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.mercubuana.ac.id/id" target="_blank"><img alt="Universitas Mercu Buana" src="https://narotama.ac.id/public/images/ckeditor-media/20210701082628-UMB.png" style="height:74px; width:91px" title="Universitas Mercu Buana" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://unair.ac.id" target="_blank"><img alt="Universitas Airlangga" src="https://narotama.ac.id/public/images/ckeditor-media/20210701082635-unair.png" style="height:90px; width:90px" title="Universitas Airlangga" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://undar.ac.id/" target="_blank"><img alt="Universitas Darul `Ulum Jombang" src="https://narotama.ac.id/public/images/ckeditor-media/20210701082643-undarjombang.png" style="height:87px; width:90px" title="Universitas Darul `Ulum Jombang" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="http://unesa.ac.id" target="_blank"><img alt="Universitas Negeri Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210701084939-UNESA.png" style="height:96px; width:90px" title="Universitas Negeri Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://ub.ac.id/" target="_blank"><img alt="Universitas Brawijaya Malang" src="https://narotama.ac.id/public/images/ckeditor-media/20210701084947-unibraw.png" style="height:91px; width:90px" title="Universitas Brawijaya Malang" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://sipil.ft.unesa.ac.id/" target="_blank"><img alt="Teknik Sipil Universitas Negeri Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210701084954-UNESASIPIL.png" style="height:48px; width:160px" title="Teknik Sipil Universitas Negeri Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://unipasby.ac.id" target="_blank"><img alt="Universitas PGRI Adi Buana Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210701085006-UNIPA.png" style="height:95px; width:90px" title="Universitas PGRI Adi Buana Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://unipdu.ac.id/" target="_blank"><img alt="UNIPDU" src="https://narotama.ac.id/public/images/ckeditor-media/20210701085013-unipdujombang.png" style="height:90px; width:90px" title="UNIPDU" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://unisla.ac.id/" target="_blank"><img alt="UNISLA" src="https://narotama.ac.id/public/images/ckeditor-media/20210701085045-UNISLA.png" style="height:90px; width:90px" title="UNISLA" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://unisma.ac.id/" target="_blank"><img alt="UNISMA" src="https://narotama.ac.id/public/images/ckeditor-media/20210701085052-UNISMAmalang.png" style="height:89px; width:90px" title="UNISMA" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.unismabekasi.ac.id/" target="_blank"><img alt="Universitas 45 Bekasi" src="https://narotama.ac.id/public/images/ckeditor-media/20210701085059-UNISPATMAbekasi.png" style="height:89px; width:90px" title="Universitas 45 Bekasi" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://unitomo.ac.id" target="_blank"><img alt="Universitas Dr.Soetomo" src="https://narotama.ac.id/public/images/ckeditor-media/20210701085105-unitomo.png" style="height:87px; width:90px" title="Universitas Dr.Soetomo" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://unitri.ac.id/" target="_blank"><img alt="UNITRI" src="https://narotama.ac.id/public/images/ckeditor-media/20210701085111-unitri.png" style="height:85px; width:90px" title="UNITRI" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://univ45sby.ac.id/web/" target="_blank"><img alt="Universitas 45 Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210701091624-Univ45.png" style="height:90px; width:90px" title="Universitas 45 Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://unibo.ac.id/" target="_blank"><img alt="Universitas Bondowoso" src="https://narotama.ac.id/public/images/ckeditor-media/20210701091632-UnivBondowoso.png" style="height:90px; width:90px" title="Universitas Bondowoso" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.uim.ac.id/" target="_blank"><img alt="Universitas Islam Madura Pamekasan" src="https://narotama.ac.id/public/images/ckeditor-media/20210701091639-univislammadura.png" style="height:88px; width:90px" title="Universitas Islam Madura Pamekasan" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://unej.ac.id/" target="_blank"><img alt="Universitas Jember" src="https://narotama.ac.id/public/images/ckeditor-media/20210701091646-univjember.png" style="height:92px; width:90px" title="Universitas Jember" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.umaha.ac.id/" target="_blank"><img alt="Universitas Maarif Hasyim Latif" src="https://narotama.ac.id/public/images/ckeditor-media/20210701091652-univmaarifhasyimlathif.png" style="height:90px; width:90px" title="Universitas Maarif Hasyim Latif" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://unira.ac.id/" target="_blank"><img alt="Universitas Madura" src="https://narotama.ac.id/public/images/ckeditor-media/20210701091700-UnivMadura.png" style="height:86px; width:90px" title="Universitas Madura" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://unmer.ac.id/" target="_blank"><img alt="Universitas Merdeka Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210701091708-universitasmerdekasurabaya.png" style="height:90px; width:90px" title="Universitas Merdeka Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.binadarma.ac.id/" target="_blank"><img alt="Universitas Bina Darma" src="https://narotama.ac.id/public/images/ckeditor-media/20210701091722-Universitas_Bina_Darma.png" style="height:48px; width:171px" title="Universitas Bina Darma" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://uwp.ac.id/" target="_blank"><img alt="Universitas Wijaya Putra" src="https://narotama.ac.id/public/images/ckeditor-media/20210701091729-Universitas-Wijaya-Putra.png" style="height:90px; width:90px" title="Universitas Wijaya Putra" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.unpad.ac.id/" target="_blank"><img alt="Universitas Padjajaran" src="https://narotama.ac.id/public/images/ckeditor-media/20210701091738-UNPAD.png" style="height:90px; width:90px" title="Universitas Padjajaran" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://um.ac.id/" target="_blank"><img alt="Universitas Muhammadiyah Malang" src="https://narotama.ac.id/public/images/ckeditor-media/20210701100845-UnivMuhammadiyahMalang.png" style="height:89px; width:90px" title="Universitas Muhammadiyah Malang" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://umpapua.ac.id/" target="_blank"><img alt="Universitas Muhammadiyah Papua" src="https://narotama.ac.id/public/images/ckeditor-media/20210701100853-UnivMuhammadiyahPapua.png" style="height:88px; width:90px" title="Universitas Muhammadiyah Papua" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://umsida.ac.id/" target="_blank"><img alt="Universitas Muhammadiyah Sidoarjo" src="https://narotama.ac.id/public/images/ckeditor-media/20210701100900-UnivMuhammadiyahSidoarjo.png" style="height:90px; width:90px" title="Universitas Muhammadiyah Sidoarjo" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://um-surabaya.ac.id/" target="_blank"><img alt="Universitas Muhammadiyah Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210701100906-UnivMuhammadiyahSurabaya.png" style="height:89px; width:90px" title="Universitas Muhammadiyah Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://um.ac.id/" target="_blank"><img alt="Universitas Negeri Malang" src="https://narotama.ac.id/public/images/ckeditor-media/20210701100914-Univnegerimalang.png" style="height:89px; width:90px" title="Universitas Negeri Malang" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="http://uniramalang.ac.id/" target="_blank"><img alt="Universitas Islam Raden Rahmat" src="https://narotama.ac.id/public/images/ckeditor-media/20210701100921-UNIVRadenRahmat.png" style="height:116px; width:90px" title="Universitas Islam Raden Rahmat" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://widyagama.ac.id/" target="_blank"><img alt="Universitas Widyagama Malang" src="https://narotama.ac.id/public/images/ckeditor-media/20210701100928-UnivWIdyagamamalang.png" style="height:89px; width:90px" title="Universitas Widyagama Malang" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.upnjatim.ac.id/" target="_blank"><img alt="Universitas Pembangunan Nasional Veteran Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210701100934-UPNJatim.png" style="height:88px; width:90px" title="Universitas Pembangunan Nasional Veteran Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://www.widyakartika.ac.id/site/" target="_blank"><img alt="UWIKA" src="https://narotama.ac.id/public/images/ckeditor-media/20210701100940-uwika.png" style="height:82px; width:90px" title="UWIKA" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://www.uwks.ac.id/" target="_blank"><img alt="Universitas Wijaya Kusuma Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210701100948-uwks.png" style="height:80px; width:90px" title="Universitas Wijaya Kusuma Surabaya" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://usb.ac.id/" name="UNIVERSITAS SUNAN BONANG TUBAN" target="_blank" title="UNIVERSITAS SUNAN BONANG TUBAN"><img alt="UNIVERSITAS SUNAN BONANG TUBAN" src="https://narotama.ac.id/public/images/ckeditor-media/20210904100858-usbbbb.jpg" style="height:100px; width:100px" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://untag-sby.ac.id/" target="_blank"><img alt="Universitas 17 Agustus Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210701102250-untagsby.png" style="height:89px; width:90px" title="Universitas 17 Agustus Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://unugiri.ac.id/" target="_blank"><img alt="UNUGIRI Bojonegoro" src="https://narotama.ac.id/public/images/ckeditor-media/20210701102256-UNUGIRI.png" style="height:89px; width:90px" title="UNUGIRI Bojonegoro" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://unusa.ac.id/" target="_blank"><img alt="Universitas Nahdlatul Ulama Surabaya" src="https://narotama.ac.id/public/images/ckeditor-media/20210701102302-UNUSA.png" style="height:90px; width:90px" title="Universitas Nahdlatul Ulama Surabaya" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://unmerbaya.ac.id/" target="_blank"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20220103110228-logo_unmer-sby.png" style="height:90px; width:90px" /></a></td>
		</tr>
		<tr>
			<td colspan="5" style="height:70px">&nbsp;</td>
		</tr>
		<tr>
			<td style="text-align:center; width:20%"><a href="https://www.petra.ac.id/"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20221124090128-Logo-Petra-Universitas-Kristen-Petra-Original.svg.png" style="height:100px; width:100px" /></a></td>
			<td style="text-align:center; width:20%"><a href="http://www.majapahit.ac.id/p/akademi-pariwisata-majapahit.html" target="_blank"><img alt="Akademi Pariwisata Majapahit" src="https://narotama.ac.id/public/images/ckeditor-media/20210630191052-akparmajapahit.png" style="height:89px; width:90px" title="Akademi Pariwisata Majapahit" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://upb.ac.id/" target="_blank"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20220105210709-upb.png" style="height:81px; width:85px" /></a></td>
			<td style="text-align:center; width:20%"><a href="https://institutbaktinusantara.ac.id/" target="_blank"><img alt="" src="https://narotama.ac.id/public/images/ckeditor-media/20220825075206-ibn.jpeg" style="height:100px; width:100px" /></a></td>
			<td style="text-align:center; width:20%">&nbsp;</td>
		</tr>
	</tbody>
</table>

<p>&nbsp;</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="col-12">
    <footer class="footer-container text-white overlay-blue" style="background-image: url('https://narotama.ac.id/public/images/footer/20210618131858-2.jpg');">
        <div class="container">
            <div class="row">
                <div class="col-lg-3" style="color: #f2a900; font-size: 0.95rem; font-family: 'Poppins', sans-serif;">
                    <div style="font-family: 'Poppins', sans-serif; font-weight: 400; letter-spacing: -0.02em; font-size: 1.5rem; color: #fff;">Universitas Narotama</div>
                    <p>Jl. Arief Rachman Hakim 51, Sukolilo Surabaya (60117)<br />
Telp. (031) 594 - 6404, 599 - 5578<br />
Fax. (031) 593 - 1213</p>
                    
                    <div class="mt-4" style="font-family: 'Poppins', sans-serif; font-weight: 400; letter-spacing: -0.02em; font-size: 1.5rem; color: #fff;">Join Us</div>
                    <div class="w-100">
                                                <a href="https://www.instagram.com/univ.narotamasby/" target="_blank" data-toggle="tooltip" data-placement="top" title="Instagram" class="button-footer"><i class="fab fa-instagram"></i></a>
                                                <a href="https://twitter.com/humasnarotama" target="_blank" data-toggle="tooltip" data-placement="top" title="Twitter" class="button-footer"><i class="fab fa-twitter"></i></a>
                                                <a href="https://www.facebook.com/universitas.narotama.14" target="_blank" data-toggle="tooltip" data-placement="top" title="Facebook" class="button-footer"><i class="fab fa-facebook "></i></a>
                                                <a href="https://www.youtube.com/results?search_query=narotama" target="_blank" data-toggle="tooltip" data-placement="top" title="Youtube" class="button-footer"><i class="fab fa-youtube"></i></a>
                                                <a href="https://t.me/univnarotamasby" target="_blank" data-toggle="tooltip" data-placement="top" title="Telegram" class="button-footer"><i class="fab fa-telegram"></i></a>
                                            </div>
                </div>
                <div class="col-lg-6">
                    <div style="padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: solid 2px #007dba; font-family: 'Poppins', sans-serif; font-weight: 400; letter-spacing: -0.02em; font-size: 1.5rem; color: #fff;">Akademik</div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div style="font-family: 'Poppins', sans-serif; color: #fff; margin: 0.25rem 0; font-size: 1.125rem; line-height: 1.1; font-weight: 600; text-transform: uppercase; letter-spacing: .05em;">
                                Fakultas Ekonomi & Bisnis                            </div>
                            <ul class="nav flex-column mb-3">
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="profil-fakultas-ekonomi-bisnis"  target="_blank">Profil Fakultas</a>
                                </li>
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="http://narotama.ac.id/s1-akuntansi"  target="_blank">S1 Akuntansi </a>
                                </li>
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="http://narotama.ac.id/s1-manajemen"  target="_blank">S1 Manajemen</a>
                                </li>
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="http://narotama.ac.id/s2-manajemen"  target="_blank">S2 Magister Manajemen</a>
                                </li>
                                                            </ul>

                            <div style="font-family: 'Poppins', sans-serif; color: #fff; margin: 0.25rem 0; font-size: 1.125rem; line-height: 1.1; font-weight: 600; text-transform: uppercase; letter-spacing: .05em;">
                                Fakultas Ilmu Komputer                            </div>
                            <ul class="nav flex-column mb-3">
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="profil-fasilkom"  target="_blank">Profil Fakultas</a>
                                </li>
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="http://narotama.ac.id/s1-sistem-informasi"  target="_blank">S1 Sistem Informasi</a>
                                </li>
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="s1-sk"  target="_blank">S1 Sistem Komputer</a>
                                </li>
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="s1-infor"  target="_blank">S1 Teknik Informatika</a>
                                </li>
                                                            </ul>
                        </div>
                        <div class="col-lg-6">
                            <div style="font-family: 'Poppins', sans-serif; color: #fff; margin: 0.25rem 0; font-size: 1.125rem; line-height: 1.1; font-weight: 600; text-transform: uppercase; letter-spacing: .05em;">
                                Fakultas Ilmu Hukum                            </div>
                            <ul class="nav flex-column mb-3">
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="profil-fh"  target="_blank">Profil Fakultas</a>
                                </li>
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="http://narotama.ac.id/s1-hukum"  target="_blank">S1 Ilmu Hukum</a>
                                </li>
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="http://narotama.ac.id/s2-magister-ilmu-hukum"  target="_blank">S2 Magister Ilmu Hukum</a>
                                </li>
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="http://narotama.ac.id/s2-magister-kenotariatan"  target="_blank">S2 Magister Kenotariatan</a>
                                </li>
                                                            </ul>
                            
                            <div style="font-family: 'Poppins', sans-serif; color: #fff; margin: 0.25rem 0; font-size: 1.125rem; line-height: 1.1; font-weight: 600; text-transform: uppercase; letter-spacing: .05em;">
                                Fakultas Teknik                            </div>
                            <ul class="nav flex-column mb-3">
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="profil-fakultas-teknik"  target="_blank">Profil Fakultas</a>
                                </li>
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="http://narotama.ac.id/s1-teknik-sipil"  target="_blank">S1 Teknik Sipil</a>
                                </li>
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;"  href="http://narotama.ac.id/s2-magister-teknik"  target="_blank">S2 Magister Teknik Sipil</a>
                                </li>
                                                            </ul>
                            
                            <div style="font-family: 'Poppins', sans-serif; color: #fff; margin: 0.25rem 0; font-size: 1.125rem; line-height: 1.1; font-weight: 600; text-transform: uppercase; letter-spacing: .05em;">
                                Fakultas Ilmu Pendidikan                            </div>
                            <ul class="nav flex-column mb-3">
                                                                <li class="nav-item">
                                    <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;" href="http://narotama.ac.id/s1-pg-paud" target="_blank">S1 PG PAUD</a>
                                </li>
                                                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div style="padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: solid 2px #007dba; font-family: 'Poppins', sans-serif; font-weight: 400; letter-spacing: -0.02em; font-size: 1.5rem; color: #fff;">Komunitas</div>
                    <ul class="nav flex-column mb-3">
                                                <li class="nav-item">
                            <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;" href="http://narotama.ac.id/blogsite" target="_blank">Blog Referensi</a>
                        </li>
                                                <li class="nav-item">
                            <a class="nav-link nav-link-underline" style="font-family: 'Poppins', sans-serif; padding: 0.25rem 0; line-height: 1.3; font-size: 0.95rem; color: #f2a900;" href="http://gallery.narotama.ac.id/" target="_blank">Blog Kegiatan</a>
                        </li>
                                            </ul>
                </div>
            </div>
        </div>
    </footer>
</div>

</div>
</div>

<div style="color: #a7a8aa; background-color: #001036; font-family: 'Poppins', sans-serif; font-size: 0.95rem;">
    <div class="container py-2">
        <div class="row">
            <div class="col-sm-6">
                <small>Copyright (c) 2026 by <b>UN | Universitas Narotama</b>, All Rights Reserved.</small>
            </div>
                        
            <div class="col-sm-6 text-sm-right">
                <small>
                                <a style="color: #f2a900;" href="https://www.google.com/maps/place/Universitas+Narotama/@-7.2876873,112.7743784,17z/data=!3m1!4b1!4m5!3m4!1s0x2dd7fa464a295825:0xcbd0ca64b3663a75!8m2!3d-7.2876873!4d112.7765671?hl=en" target="_blank">Lokasi</a> |                                <a style="color: #f2a900;" href="https://narotama.ac.id/weblinks" target="_blank">Web Links</a>                                 </small>
            </div>
        </div>
    </div>
</div>
<!--
<button class="btn btn-primary btn-absolute-backtotop" style="display: none;" id="btn-backtotop" onclick="backToTop()"><i class="fa fa-arrow-up"></i></button>
-->
<a href="#" class="float2" id="menu-share2">
	<i class="fab fa-whatsapp my-float2"></i>
</a>
<ul class="menu-chat2">
        <li title="Hubungi Kami" onclick="window.open('https://api.whatsapp.com/send?phone=6281806412041');">
        <a href="#" id="menu-user-chat">
            <span class="my-float3">
                <i class="fa fa-user"></i><br>
                Hubungi Kami            </span>
        </a>
    </li>
    </ul>
</div>

<div class="modal" tabindex="-1" id="modal-popup">
	<div class="modal-dialog modal-lg modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-body">
				<button type="button" class="close-modal" onclick="closeModalPopUp()">
					<span aria-hidden="true" style="font-size:18px;"><i class="fa fa-times"></i></span>
				</button>
								<a href="pmb.narotama.ac.id" target="_blank">
								<img style="width: 100%; height: auto;" src="https://narotama.ac.id/public/images/popup/20260223095347-20226_2027pt2.png">
								</a>
							</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	var k = jQuery.noConflict();

	k(document).ready(function(){
        k(".loader-wrapper").fadeOut();
    });

	k(function() {
		// SmartMenus init
		k(function() {
			k('#main-menu').smartmenus({
				subMenusSubOffsetX: 1,
				subMenusSubOffsetY: -8
			});
			
			k('#main-menu2').smartmenus({
				subMenusSubOffsetX: 1,
				subMenusSubOffsetY: -8
			});
		});

		// SmartMenus mobile menu toggle button
		k(function() {
			k('#navmobtrigger').click(function(event) {
				var $menu = k('#main-menu');
				var $menu2 = k('#main-menu2');
				$menu.slideToggle(350);
				$menu2.slideUp(350);
			});
			
			k('#navmobtrigger2').click(function(event) {
				var $menu = k('#main-menu2');
				var $menu2 = k('#main-menu');
				$menu.slideToggle(350);
				$menu2.slideUp(350);
			});
		});

		k('#quick-links p, #quick-links i').click(function(event){
			event.preventDefault();
			if(k('#quick-links').attr('data-animating')!='true'){
				k('#quick-links').attr('data-animating','true');
				k('#quick-links .fa-plus').toggle(0);
				k('#quick-links .fa-minus').toggle(0);
				k('#quick-links > ul').slideToggle('slow',function(){
					k('#quick-links').removeAttr('data-animating');
				});
			}
		});
	});

	// Add slideDown animation to Bootstrap dropdown when expanding.
	// k('.dropdown').hover(function() {
	// 	k(this).find('.dropdown-menu').first().hide().fadeIn();
	// }, function() {
	// 	k(this).find('.dropdown-menu').first().hide().fadeOut();
	// });

	k('.dropdown').hover(function() {
		k(this).find('.dropdown-menu').stop(true,true).delay(400).fadeIn();
	}, function() {
		k(this).find('.dropdown-menu').stop(true,true).delay(400).fadeOut();
	});

		k(window).on('load', function() {
        // k('#modal-popup').modal('show');
		var isshow = sessionStorage.getItem('isshow');
		if (isshow == null) {
			sessionStorage.setItem('isshow', 1);

			// Show popup here
			k('#modal-popup').modal({backdrop: 'static', keyboard: false});
		}
    });

	function closeModalPopUp() {
		// k('#modal-popup').removeClass('show');
		// document.getElementById("modal-popup").style.display = "none";
        k('#modal-popup').modal('hide');
	}
	</script>

<script>
k(document).ready(function() {
	// var i = 0;
	// setInterval(function() {
	// 	k('.progress-bar-carousel').css('width', i + '%').css('value', i);
	// 	i++;
	// 	if (i == 100)
	// 	i = 0;
	// 	console.log(i);
	// }, 50);

	var percent = 0;
	var bar = k(".progress-bar-carousel");
	var crsl = k("#banner-carousel");
	var isCarouselPause = false;

	var barInterval = setInterval(progressBarCarousel, 30);

	function progressBarCarousel() {
		if (!isCarouselPause) {
			bar.css({ width: percent + "%" });
			percent = percent + 0.5;

			if (percent > 100) {
				percent = 0;
				crsl.carousel("next");
			}
		}
	}
	crsl.carousel({
		interval: false,
		pause: false
	// }).on("slid.bs.carousel", function () {
	// 	clearInterval(barInterval);
	}).on("slide.bs.carousel", function () {
		clearInterval(barInterval);
		percent = 0;
		barInterval = setInterval(progressBarCarousel, 30);
	});

	// crsl.hover(
	// 	function () {
	// 		clearInterval(barInterval);
	// 	},
	// 	function () {
	// 		barInterval = setInterval(progressBarCarousel, 30);
	// 	}
	// );

	k('#carousel-pause').on('click', function(e) {
		k("#banner-carousel").carousel('pause');
		document.getElementById("carousel-pause").style.display = "none";
		document.getElementById("carousel-resume").style.display = "flex";
		e.preventDefault();
		isCarouselPause = true;
	});

	k('#carousel-resume').on('click', function(e) {
		k("#banner-carousel").carousel('cycle');
		document.getElementById("carousel-resume").style.display = "none";
		document.getElementById("carousel-pause").style.display = "flex";
		e.preventDefault();
		isCarouselPause = false;
	});
});
</script>

<script type="text/javascript">
	var video = document.getElementById("video_header");
	var btn = document.getElementById("btn_video_header_control");
	var btn2 = document.getElementById("btn_video_header_control_mute");

	function functionpauseplay() {
		if (video.paused) {
			video.play();
			btn.innerHTML = "<i class='fa fa-pause'></i>";
		} else {
			video.pause();
			btn.innerHTML = "<i class='fa fa-play'></i>";
		}
	}

	function functionmuteunmute() {
		if (k("video.video-header").prop('muted')) {
			k("video.video-header").prop('muted', false);
			btn2.innerHTML = "<i class='fa fa-volume-up'></i>";
		} else {
			k("video.video-header").prop('muted', true);
			btn2.innerHTML = "<i class='fa fa-volume-mute'></i>";
		}
	}

	function showInputSearchNavbar() {
		if (document.getElementById("navbarSearch").value == "close") {
			document.getElementById("navbarInputCari").style.display = "block";
			document.getElementById("navbarCari").style.display = "block";
			document.getElementById("navbarInputCari").classList.add('animate__fadeInRight');
			document.getElementById("navbarCari").classList.add('animate__fadeInRight');
			// document.getElementById("navbarInputCari").classList.remove('animate__fadeOutRight');
			// document.getElementById("navbarCari").classList.remove('animate__fadeOutRight');
			
			document.getElementById("navbarsearchicon").style.display = "none";
			document.getElementById("navbarclosesearchicon").style.display = "inline-block";

			document.getElementById("navbarSearch").value = "open";
		} else if (document.getElementById("navbarSearch").value == "open") {
			document.getElementById("navbarInputCari").style.display = "none";
			document.getElementById("navbarCari").style.display = "none";
			// document.getElementById("navbarInputCari").classList.add('animate__fadeOutRight');
			// document.getElementById("navbarCari").classList.add('animate__fadeOutRight');
			document.getElementById("navbarInputCari").classList.remove('animate__fadeInRight');
			document.getElementById("navbarCari").classList.remove('animate__fadeInRight');
			
			document.getElementById("navbarsearchicon").style.display = "inline-block";
			document.getElementById("navbarclosesearchicon").style.display = "none";

			document.getElementById("navbarSearch").value = "close";
		}
	}

	// setTimeout(function() {
	// 	k('#btn_video_header_control_mute').click();
	// }, 2000);
</script>

<script type="text/javascript">
    k(document).ready(function() {
        k(".fancybox").fancybox({
                openEffect: "none",
                closeEffect: "none",
            });
            
            k(".zoom").hover(function(){
            
            k(this).addClass('transition');
        }, function(){
                
            k(this).removeClass('transition');
        });
    });
</script>

<script type="text/javascript">
	k(document).ready(function() {
		k('#galeri-carousel').on('slide.bs.carousel', function (e) {
			var ke = k(e.relatedTarget);
			var idx = ke.index();
			var itemsPerSlide = 4;
			var totalItems = k('.carousel-item-gallery').length;
			
			if (idx >= totalItems-(itemsPerSlide-1)) {
				var it = itemsPerSlide - (totalItems - idx);
				for (var i = 0; i < it; i++) {
					// append slides to end
					if (e.direction=="left") {
						k('.carousel-item-gallery').eq(i).appendTo('.carousel-inner-gallery');
					}
					else {
						k('.carousel-item-gallery').eq(0).appendTo('.carousel-inner-gallery');
					}
				}
			}
		});
	});
</script>

<script type="text/javascript">
k(function() {
	
	var Page = (function() {

		var knavArrows = k( '#nav-arrows' ).hide(),
			slicebox = k( '#sb-slider' ).slicebox( {
				onReady : function() {
					knavArrows.show();
				},
				orientation : 'r',
				autoplay : true,
				cuboidsRandom : true,
				onBeforeChange  : function( position ) { k( ".owl" ).removeClass('active'); k( ".owl:eq("+position+")" ).addClass('active'); return false; },
			} ),
			
			init = function() {
				initEvents();
			},
			initEvents = function() {
				// add navigation events
				knavArrows.children( ':first' ).on( 'click', function() {

					slicebox.next();
					return false;

				} );

				knavArrows.children( ':last' ).on( 'click', function() {
					
					slicebox.previous();
					return false;

				} );
				
				k( '#navPlay' ).on( 'click', function() {
					k( '#navPause' ).show();
					k( '#navPlay' ).hide();
					slicebox.play();
					return false;

				} );
				k( '#navPause' ).on( 'click', function() {
					k( '#navPlay' ).show();
					k( '#navPause' ).hide();
					slicebox.pause();
					return false;
				} );
			
				k( '.owl' ).on( 'click', function() {	
					data= k(this).index()+1;
					slicebox.jump(data);
					slicebox.play();
					return false;
				} );

			};

			return { init : init };

	})();

	Page.init();
});


k(document).ready(function(){
    k('.copyToClipboard-tooltip').tooltip({
        trigger: 'click',
        placement: 'top'
    });
});

function setTooltip(id, message) {
    k('.copyToClipboard-'+id).tooltip('hide').attr('data-original-title', message).tooltip('show');
}

function hideTooltip(id) {
    setTimeout(function() {
        k('.copyToClipboard-'+id).tooltip('hide');
    }, 1000);
}

function copyToClipboard(id) {
    var copyText = document.getElementById("clipboard_input-"+id);

    copyText.select();
    copyText.setSelectionRange(0, 99999); /* For mobile devices */

    document.execCommand("copy");

    setTooltip(id, 'Copied!');
    hideTooltip(id);
}
</script>

<script type="text/javascript">
window.onscroll = function() { scrollFunction() };

scrollFunction();

function scrollFunction() {
	if (document.body.scrollTop >= 0 || document.documentElement.scrollTop >= 0) {
		// document.getElementById("btn-backtotop").style.display = "block";
		document.getElementById("firstNavOnScroll").classList.add('firstNavAnim');
		document.getElementById("firstNavOnScroll").classList.add('overflow-lg-hidden');
		document.getElementById("logoHeaderOnScroll").classList.add('show');
		document.getElementById("logoHeaderAbsolute").classList.add('logoHeaderAbsoluteAnimStart');
		document.getElementById("logoHeaderAbsolute").classList.remove('logoHeaderAbsoluteAnimEnd');
		document.getElementById("navbarOnScroll").classList.add('my-auto');
		document.getElementById("navbarOnScroll2").classList.add('my-auto');
		// document.getElementById("secondNavOnScroll").style.height = "60px";
		document.getElementById("secondNavOnScroll").classList.remove('second-nav-wrapper');
		document.getElementById("secondNavOnScroll").classList.add('second-nav-wrapperScroll');
		
		document.getElementById("logoHeaderOnScrollMobile").classList.add('show');
		document.getElementById("navbarOnScrollMobile").classList.add('my-auto');
		document.getElementById("logoHeaderAbsoluteMobile").classList.add('logoHeaderAbsoluteAnimStart');
		document.getElementById("logoHeaderAbsoluteMobile").classList.remove('logoHeaderAbsoluteAnimEnd');
		// document.getElementById("main-menu").style.paddingTop = "0";
	} else {
		// document.getElementById("btn-backtotop").style.display = "none";
		document.getElementById("firstNavOnScroll").classList.remove('firstNavAnim');
		document.getElementById("firstNavOnScroll").classList.remove('overflow-lg-hidden');
		document.getElementById("logoHeaderOnScroll").classList.remove('show');
		document.getElementById("logoHeaderAbsolute").classList.remove('logoHeaderAbsoluteAnimStart');
		document.getElementById("logoHeaderAbsolute").classList.add('logoHeaderAbsoluteAnimEnd');
		document.getElementById("navbarOnScroll").classList.remove('my-auto');
		document.getElementById("navbarOnScroll2").classList.remove('my-auto');
		// document.getElementById("secondNavOnScroll").style.height = "40px";
		document.getElementById("secondNavOnScroll").classList.remove('second-nav-wrapperScroll');
		document.getElementById("secondNavOnScroll").classList.add('second-nav-wrapper');
		
		document.getElementById("logoHeaderOnScrollMobile").classList.remove('show');
		document.getElementById("navbarOnScrollMobile").classList.remove('my-auto');
		document.getElementById("logoHeaderAbsoluteMobile").classList.remove('logoHeaderAbsoluteAnimStart');
		document.getElementById("logoHeaderAbsoluteMobile").classList.add('logoHeaderAbsoluteAnimEnd');
		// document.getElementById("main-menu").style.paddingTop = "60px";
	}
}

k(document).on('click', 'body .dropdown-menu', function (e) {
	e.stopPropagation();
});

// function backToTop() {
// 	window.scroll({
// 		top: 0,
// 		left: 0,
// 		behavior: 'smooth'
// 	});
// }
</script>
</body>
</html>
