<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>KPU KAB-OKUTIMUR</title> <meta content="" name="description"> <meta content="" name="keywords"> <!-- Favicons --> <link href="https://kab-okutimur.kpu.go.id/public/img/logo_default_sys.png" rel="icon"> <link href="https://kab-okutimur.kpu.go.id/public/img/logo_default_sys.png" rel="apple-touch-icon"> <!-- Fonts --> <link href="https://fonts.googleapis.com" rel="preconnect"> <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&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&family=Raleway: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"> <!-- Vendor CSS Files --> <link href="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/aos/aos.css" rel="stylesheet"> <link href="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet"> <link href="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> <link href="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> <!-- Main CSS File --> <link href="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/css/main.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.datatables.net/2.1.0/css/dataTables.dataTables.css"> <!-- ======================================================= * Template Name: Presento * Template URL: https://bootstrapmade.com/presento-bootstrap-corporate-template/ * Updated: Jun 29 2024 with Bootstrap v5.3.3 * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ ======================================================== --></head><style> .wabutton { animation: wiggle 2s linear infinite; position: fixed; bottom: 50px; right: 30px; z-index: 100; background-color: '#00000'; color: '#fffff'; } /* Animation property */ /* Keyframes */ @keyframes wiggle { 0%, 7% { transform: rotateZ(0); } 15% { transform: rotateZ(-15deg); } 20% { transform: rotateZ(10deg); } 25% { transform: rotateZ(-10deg); } 30% { transform: rotateZ(6deg); } 35% { transform: rotateZ(-4deg); } 40%, 100% { transform: rotateZ(0); } } body { width: 100%; overflow-x: hidden; } .floating-button { position: fixed; z-index: 100; right: 15px; bottom: 200px; width: 45px; height: 45px; background-color: #700d09; color: white; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; } .floating-jingle { position: fixed; z-index: 100; right: 15px; bottom: 260px; display: flex; flex-direction: column; opacity: 0; } .floating-button.active+.floating-jingle { opacity: 1; transform: translateY(0); } /* Styling Agenda */ #calendar a { color: #6c757d; cursor: pointer; }</style> <body class="index-page"> <!-- Button Jingle --> <div class="floating-button" id="floatingButton"> <i class="fas fa-volume-up"></i> </div> <div class="floating-jingle d-none" id="floatingJingle"> </div> <!-- End Button Jingle --> <header id="header" class="header d-flex align-items-center sticky-top"> <div class="container-fluid container-xl position-relative d-flex align-items-center"> <a href="https://kab-okutimur.kpu.go.id" class="logo d-flex align-items-center me-auto"> <!-- Uncomment the line below if you also wish to use an image logo --> <img src="https://kab-okutimur.kpu.go.id/assets/img/logo-kpu.png" alt=""> <div> <div style="color: black; font-size: 14px"> <b>KPU</b> </div> <div style="color: #3c403d; margin-top: 5px; font-size: 13px"> KAB-OKUTIMUR </div> </div> <!-- <h1 class="sitename">KPU</h1> --> </a> <nav id="navmenu" class="navmenu"> <ul> <!-- <li><a href="#hero" class="active">Home<br></a></li> <li><a href="#about">About</a></li> <li><a href="#services">Services</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#team">Team</a></li> <li><a href="blog.html">Blog</a></li> <li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a> <ul> <li><a href="#">Dropdown 1</a></li> <li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a> <ul> <li><a href="#">Deep Dropdown 1</a></li> <li><a href="#">Deep Dropdown 2</a></li> <li><a href="#">Deep Dropdown 3</a></li> <li><a href="#">Deep Dropdown 4</a></li> <li><a href="#">Deep Dropdown 5</a></li> </ul> </li> <li><a href="#">Dropdown 2</a></li> <li><a href="#">Dropdown 3</a></li> <li><a href="#">Dropdown 4</a></li> </ul> </li> <li><a href="#contact">Contact</a></li> --> <li class='dropdown'> <a href='#' class='link__menu'> <span>TENTANG</span> <i class='bi bi-chevron-down toggle-dropdown'></i> </a> <ul style='left: 0px'><li><a href='https://kab-okutimur.kpu.go.id/page/read/profil-anggota-kpu-kabupaten-oku-timur-tahun-2024-2029'>Profile Anggota KPU OKU Timur</a></li><li><a href='https://kab-okutimur.kpu.go.id/page/read/sturuktur-organisasi-kpu-oku-timur-sekretariat'>Struktur Sekretariat KPU OKU Timur</a></li><li><a target='_blank' href='https://kab-temanggung.kpu.go.id/berita/baca/7704/visi-misi-kpu'>Visi dan Misi</a></li><li><a target='_blank' href='https://kab-temanggung.kpu.go.id/berita/baca/7705/tugas-dan-wewenang-kpu'>Tugas dan Kewenangan KPU</a></li> </ul> </li><li class='dropdown'> <a href='#' class='link__menu'> <span>KINERJA</span> <i class='bi bi-chevron-down toggle-dropdown'></i> </a> <ul style='left: 0px'><li><a target='_blank' href='https://drive.google.com/file/d/1gz1iBuQ9Bt_hkKknTstMsQBNs4Ari0cd/view?usp=drive_link'>RAK SEKRETARIAT TAHUN 2023</a></li><li><a target='_blank' href='https://drive.google.com/drive/folders/1jvuVUcr1vv6H1SfHyDQjQsHCyyNYk8EV?usp=sharing'>LAKIP KPU OKU Timur tahun 2022</a></li><li><a target='_blank' href='https://kab-okutimur.kpu.go.id/dmdocument/1688370123E.2%20RESTRA%202021.pdf'>Rencana Strategis KPU Kabupaten OKU Timur 2020-2024</a></li><li><a target='_blank' href='https://drive.google.com/file/d/1mEbJ7D2wXogZLX3z4xumMQYtJPR8TxY_/view?usp=sharing'>Perjanjian Kinerja Tahun 2023</a></li><li><a target='_blank' href='https://drive.google.com/file/d/1aPWawP7roYKq1UVTUiVOyBPzPrgJcO0f/view?usp=drive_link'>RKT KPU TAHUN 2023</a></li> </ul> </li><li class='dropdown'> <a href='#' class='link__menu'> <span>INFO PEMILU DAN PILKADA</span> <i class='bi bi-chevron-down toggle-dropdown'></i> </a> <ul style='left: 0px'><li><a target='_blank' href='https://pilkada2020.kpu.go.id/#/pkwkk/penetapan/1608'>PILKADA 2020</a></li><li><a target='_blank' href='https://pemilu2019.kpu.go.id/#/ppwp/hitung-suara/'>PEMILU 2019</a></li> </ul> </li><li class='dropdown'> <a href='#' class='link__menu'> <span>INFORMASI</span> <i class='bi bi-chevron-down toggle-dropdown'></i> </a> <ul style='left: 0px'><li><a href='https://kab-okutimur.kpu.go.id/blog/category/29'>Berita</a></li><li><a href='https://kab-okutimur.kpu.go.id/blog/category/11'>Pengumuman</a></li><li><a href='https://kab-okutimur.kpu.go.id/blog/category/136'>Ucapan</a></li> </ul> </li><li> <a target='_blank' href='https://infopemilu.kpu.go.id/Pemilu/Cari_nik' class='link__menu'>CEK KEANGGOTAAN PARPOL</a> </li> </ul> <i class="mobile-nav-toggle d-none bi bi-list"></i> </nav> <a class="btn-getstarted" href="index.html#about" data-bs-toggle="modal" data-bs-target="#myModal"><i class="bi bi-list"></i></a> </div> </header> <div class="modal fadw" id="myModal"> <div class="modal-dialog modal-md"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Menu</h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <!-- Modal body --> <div class="modal-body"> <li class='dropdown' onclick='toggleDropdown(this)'><a href='#' style='color: black'><strong>TENTANG</strong> <i class='bi bi-chevron-down toggle-dropdown'></i></a> <ul style='left: 0px' class='d-none'><li><a href='https://kab-okutimur.kpu.go.id/page/read/profil-anggota-kpu-kabupaten-oku-timur-tahun-2024-2029' style='color: black'>Profile Anggota KPU OKU Timur</a></li><li><a href='https://kab-okutimur.kpu.go.id/page/read/sturuktur-organisasi-kpu-oku-timur-sekretariat' style='color: black'>Struktur Sekretariat KPU OKU Timur</a></li><li><a target='_blank' href='https://kab-temanggung.kpu.go.id/berita/baca/7704/visi-misi-kpu' style='color: black'>Visi dan Misi</a></li><li><a target='_blank' href='https://kab-temanggung.kpu.go.id/berita/baca/7705/tugas-dan-wewenang-kpu' style='color: black'>Tugas dan Kewenangan KPU</a></li> </ul> </li><li class='dropdown' onclick='toggleDropdown(this)'><a href='#' style='color: black'><strong>KINERJA</strong> <i class='bi bi-chevron-down toggle-dropdown'></i></a> <ul style='left: 0px' class='d-none'><li><a target='_blank' href='https://drive.google.com/file/d/1gz1iBuQ9Bt_hkKknTstMsQBNs4Ari0cd/view?usp=drive_link' style='color: black'>RAK SEKRETARIAT TAHUN 2023</a></li><li><a target='_blank' href='https://drive.google.com/drive/folders/1jvuVUcr1vv6H1SfHyDQjQsHCyyNYk8EV?usp=sharing' style='color: black'>LAKIP KPU OKU Timur tahun 2022</a></li><li><a target='_blank' href='https://kab-okutimur.kpu.go.id/dmdocument/1688370123E.2%20RESTRA%202021.pdf' style='color: black'>Rencana Strategis KPU Kabupaten OKU Timur 2020-2024</a></li><li><a target='_blank' href='https://drive.google.com/file/d/1mEbJ7D2wXogZLX3z4xumMQYtJPR8TxY_/view?usp=sharing' style='color: black'>Perjanjian Kinerja Tahun 2023</a></li><li><a target='_blank' href='https://drive.google.com/file/d/1aPWawP7roYKq1UVTUiVOyBPzPrgJcO0f/view?usp=drive_link' style='color: black'>RKT KPU TAHUN 2023</a></li><li><a target='_blank' href='https://drive.google.com/file/d/1Wu38PKX3S4B7RMIM34bKmSrugHmT8DQj/view?usp=sharing' style='color: black'>LAPORAN KINERJA TAHUN 2023 KPU OKU TIMUR</a></li><li><a target='_blank' href='https://drive.google.com/file/d/1_HowVWxRNL5hgElSr5X9dTe5F03p3TkJ/view?usp=sharing' style='color: black'>LAPORAN KINERJA TAHUN 2023 SEKRETARIAT KPU OKU TIMUR</a></li> </ul> </li><li class='dropdown' onclick='toggleDropdown(this)'><a href='#' style='color: black'><strong>INFO PEMILU DAN PILKADA</strong> <i class='bi bi-chevron-down toggle-dropdown'></i></a> <ul style='left: 0px' class='d-none'><li><a target='_blank' href='https://pilkada2020.kpu.go.id/#/pkwkk/penetapan/1608' style='color: black'>PILKADA 2020</a></li><li><a target='_blank' href='https://pemilu2019.kpu.go.id/#/ppwp/hitung-suara/' style='color: black'>PEMILU 2019</a></li> </ul> </li><li class='dropdown' onclick='toggleDropdown(this)'><a href='#' style='color: black'><strong>INFORMASI</strong> <i class='bi bi-chevron-down toggle-dropdown'></i></a> <ul style='left: 0px' class='d-none'><li><a href='https://kab-okutimur.kpu.go.id/blog/category/29' style='color: black'>Berita</a></li><li><a href='https://kab-okutimur.kpu.go.id/blog/category/11' style='color: black'>Pengumuman</a></li><li><a href='https://kab-okutimur.kpu.go.id/blog/category/136' style='color: black'>Ucapan</a></li> </ul> </li><li><a target='_blank' href='https://infopemilu.kpu.go.id/Pemilu/Cari_nik' style='color: black'><strong>CEK KEANGGOTAAN PARPOL</strong></a></li><li><a target='_blank' href='https://cekdptonline.kpu.go.id/' style='color: black'><strong>CEK DATA PEMILIH</strong></a></li><li class='dropdown' onclick='toggleDropdown(this)'><a href='#' style='color: black'><strong>PPID</strong> <i class='bi bi-chevron-down toggle-dropdown'></i></a> <ul style='left: 0px' class='d-none'><li><a href='#' style='color: black'>SOP Peminjaman Alat Coblos</a></li><li><a target='_blank' href='https://temanggungkabppid.kpu.go.id/' style='color: black'>E-PPID</a></li><li><a href='#' style='color: black'>SOP Evoting</a></li><li><a target='_blank' href='https://bit.ly/35AiKiW' style='color: black'>SOP Kunjungan ke Kantor KPU dimasa Pandemi Covid 19</a></li><li><a href='#' style='color: black'>DIP PPID TA.2020</a></li><li><a href='#' style='color: black'>SOP Pelayanan PPID</a></li><li><a target='_blank' href='https://jateng.kpu.go.id/home/' style='color: black'>PPID KPU Provinsi</a></li> </ul> </li><li class='dropdown' onclick='toggleDropdown(this)'><a href='#' style='color: black'><strong>JDIH</strong> <i class='bi bi-chevron-down toggle-dropdown'></i></a> <ul style='left: 0px' class='d-none'><li><a target='_blank' href='https://jdih.kpu.go.id/sumsel/okutimur/' style='color: black'>JDIH KPU OKU Timur</a></li><li><a target='_blank' href='https://jdih.kpu.go.id/sumsel/' style='color: black'>JDIH KPU Sumatra Selatan</a></li><li><a target='_blank' href='https://jdih.kpu.go.id/' style='color: black'>JDIH KPU RI</a></li> </ul> </li><li><a target='_blank' href='http://kab-temanggung.kpu.go.id/wp/' style='color: black'><strong>SARAN DAN KRITIK</strong></a></li><li><a href='#' style='color: black'><strong>SURVEI</strong></a></li><li><a href='videos' style='color: black'><strong>GALERI</strong></a></li> </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> <main class="main"> <div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-inner"> <a href="kab-okutimur.kpu.go.id" target="_blank"> <div class="carousel-item active" data-bs-interval="2000"> <img src="https://kab-okutimur.kpu.go.id/public/kab-okutimur/images/sliders/images/1659580758BENNER WEB copy.png" class="d-block w-100" alt="..."> </div> </a> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button></div> <div style="background-color:#333333; color:#FFFFFF; padding-top: 7px;"> <marquee behavior="scroll" direction="left" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();" class="kpu-marquee"> <a href="https://twitter.com/KpuOkut" style="color: #FF9209;">AYO, SUKSESKAN PEMILU DAN PEMILIHAN SERENTAK TAHUN 2024</a> | <a href="https://twitter.com/KpuOkut" style="color: #FF9209;">AYO, SUKSESKAN PEMILU DAN PEMILIHAN SERENTAK TAHUN 2024</a> </marquee> </div> <!-- Clients Section --><section id="clients" class="clients section"> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="swiper init-swiper"> <script type="application/json" class="swiper-config"> { "loop": true, "speed": 600, "autoplay": { "delay": 5000 }, "slidesPerView": "auto", "pagination": { "el": ".swiper-pagination", "type": "bullets", "clickable": true }, "breakpoints": { "320": { "slidesPerView": 2, "spaceBetween": 40 }, "480": { "slidesPerView": 3, "spaceBetween": 60 }, "640": { "slidesPerView": 4, "spaceBetween": 80 }, "992": { "slidesPerView": 6, "spaceBetween": 110 } } } </script> <div class="swiper-wrapper align-items-center"> <div class="swiper-slide"> <a href="https://journal.kpu.go.id/" target="_blank"> <img src="https://kab-okutimur.kpu.go.id/public/kab-okutimur/reklame/16243750331591762889Journal.jpg" class="img-fluid" alt=""> </a> </div> </div> <div class="swiper-pagination"></div> </div> </div> </section><!-- /Clients Section --> <!-- About Section --><section id="about" class="about section section-bg dark-background"> <div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-inner"> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div></section><!-- /About Section --> <!-- Stats Section --><section id="stats" class="stats section" style="margin-top: -100px;"> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row"> <div class="col-lg-4"> <div class="widgets-container"> <!-- Recent Posts Widget --> <div class="recent-posts-widget widget-item"> <h3 class="widget-title">Berita Terkini</h3> </div> </div> </div> <div class="col-lg-4"> <div class="widgets-container"> <div class="recent-posts-widget widget-item"> <h3 class="widget-title">Pengumuman</h3> <div class="post-item"> <div> <div style=" height: 80px; width: 80px; border-radius: 10px; background-image: url('https://kab-okutimur.kpu.go.id/public/kab-okutimur/images/1728042807IMG_6741.jpeg'); background-size: cover; background-position: center; "></div> </div> <!-- <img src="https://kab-okutimur.kpu.go.id/public/kab-okutimur/images/1728042807IMG_6741.jpeg" class="flex-shrink-0"> --> <div style="padding-left: 10px;"> <h4 style="font-size: 13px;"> <a href="https://kab-okutimur.kpu.go.id/blog/read/pengumuman-nomor-560-tentang-daftar-pasangan-calon-peserta-pemilihan-bupati-dan-wakil-bupati-kabupaten-oku-timur-tahun-2024" style="color: #700d09;"> Pengumuman Nomor 560 Tentang Daftar Pasangan Calon Peserta P... </a> </h4> <time datetime="2024-10-04 00:00:00">Jumat, 04 Oktober 2024</time> </div> </div> <div class="post-item"> <div> <div style=" height: 80px; width: 80px; border-radius: 10px; background-image: url('https://kab-okutimur.kpu.go.id/public/kab-okutimur/images/1727688575IMG_6521.jpeg'); background-size: cover; background-position: center; "></div> </div> <!-- <img src="https://kab-okutimur.kpu.go.id/public/kab-okutimur/images/1727688575IMG_6521.jpeg" class="flex-shrink-0"> --> <div style="padding-left: 10px;"> <h4 style="font-size: 13px;"> <a href="https://kab-okutimur.kpu.go.id/blog/read/pengumuman-peserta-yang-dinyatakan-lulus-wawancara-dan-diangkat-sebagai-tenaga-pengamanan-tempat-penyimpanan-logistik" style="color: #700d09;"> Pengumuman Peserta Yang dinyatakan Lulus Wawancara dan Diang... </a> </h4> <time datetime="2024-09-30 00:00:00">Senin, 30 September 2024</time> </div> </div> <div class="post-item"> <div> <div style=" height: 80px; width: 80px; border-radius: 10px; background-image: url('https://kab-okutimur.kpu.go.id/public/kab-okutimur/images/1727514118IMG_6429.jpeg'); background-size: cover; background-position: center; "></div> </div> <!-- <img src="https://kab-okutimur.kpu.go.id/public/kab-okutimur/images/1727514118IMG_6429.jpeg" class="flex-shrink-0"> --> <div style="padding-left: 10px;"> <h4 style="font-size: 13px;"> <a href="https://kab-okutimur.kpu.go.id/blog/read/pengumuman-tentang-peserta-yang-dinyatakan-lulus-seleksi-administrasi-tenaga-pengamanan-tempat-penyimpanan-logistik" style="color: #700d09;"> Pengumuman Tentang Peserta Yang dinyatakan Lulus Seleksi Adm... </a> </h4> <time datetime="2024-09-28 00:00:00">Sabtu, 28 September 2024</time> </div> </div> <div class="post-item"> <div> <div style=" height: 80px; width: 80px; border-radius: 10px; background-image: url('https://kab-okutimur.kpu.go.id/public/kab-okutimur/images/1727276840c3e96d7b-5381-4194-9805-579b38786c3a (1).jpg'); background-size: cover; background-position: center; "></div> </div> <!-- <img src="https://kab-okutimur.kpu.go.id/public/kab-okutimur/images/1727276840c3e96d7b-5381-4194-9805-579b38786c3a (1).jpg" class="flex-shrink-0"> --> <div style="padding-left: 10px;"> <h4 style="font-size: 13px;"> <a href="https://kab-okutimur.kpu.go.id/blog/read/salinan-keputusan-komisi-pemilihan-umum-kabupaten-oku-timur-tentang-kampanye" style="color: #700d09;"> Salinan Keputusan Komisi Pemilihan Umum Kabupaten OKU Timur ... </a> </h4> <time datetime="2024-09-25 00:00:00">Rabu, 25 September 2024</time> </div> </div> </div><!--/Recent Posts Widget --> </div> </div> <div class="col-lg-4"> <div class="widgets-container"> <div class="recent-posts-widget widget-item"> <h3 class="widget-title">Sosialisasi</h3> </div> <!--/Recent Posts Widget --> </div> </div> </div> </div></section> <!-- Publikasi Section --><section id="services" class="services section section-bg dark-background"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Publikasi</h2> </div><!-- End Section Title --> <div class="container"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8" data-aos="fade-up" data-aos-delay="100"> <div class="text-center"> <h4 class="title" style="margin-bottom: 20px;"> <a href="https://youtu.be/v8roQsFbNwU?si=c-snkLLAPyctuBOI"> jaga.id </a> </h4> <iframe width="100%" height="315" src="https://youtu.be/v8roQsFbNwU?si=c-snkLLAPyctuBOI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe> </div> </div> </div> </div></section><!-- /Publikasi Section --> <!-- Testimonials Section --><section id="testimonials" class="testimonials section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Opini</h2> </div><!-- End Section Title --> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="swiper init-swiper"> <script type="application/json" class="swiper-config"> { "loop": true, "speed": 600, "autoplay": { "delay": 5000 }, "slidesPerView": "auto", "pagination": { "el": ".swiper-pagination", "type": "bullets", "clickable": true }, "breakpoints": { "320": { "slidesPerView": 1, "spaceBetween": 40 }, "1200": { "slidesPerView": 3, "spaceBetween": 10 } } } </script> <div class="swiper-wrapper"> </div> <div class="swiper-pagination"></div> </div> </div> </section><!-- /Testimonials Section --> </main> <footer id="footer" class="footer dark-background"> <div class="container footer-top"> <div class="row gy-4"> <div class="col-lg-4 col-md-6 footer-about"> <a href="https://kab-okutimur.kpu.go.id" class="logo d-flex align-items-center"> <img src="https://kab-okutimur.kpu.go.id/public/kab-okutimur/logos/logo.JPG" alt=""> </a> <div class="footer-contact pt-3"> <p>Address</p> </div> <div class="social-links d-flex mt-4"> <a href="https://twitter.com/KpuOkut" target="_blank"><i class="bi bi-twitter-x"></i></a> <a href="https://www.facebook.com/kpu.kabupatenokutimur.9" target="_blank"><i class="bi bi-facebook"></i></a> <a href="https://www.instagram.com/kpu.okut/" target="_blank"><i class="bi bi-instagram"></i></a> <a href="https://www.youtube.com/channel/UCVdSz86o9q2cQKvAQ5QhOYg" target="_blank"><i class="bi bi-youtube"></i></a> </div> </div> </div> </div> <div class="container copyright text-center mt-4"> <p>© 2024 <span>Copyright</span> <strong class="px-1 sitename">KPU</strong> <span>All Rights Reserved</span></p> <div class="credits"> <!-- All the links in the footer should remain intact. --> <!-- You can delete the links only if you've purchased the pro version. --> <!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>--> </div> </div> </footer> <!-- Scroll Top --> <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <!-- Vendor JS Files --> <script src="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/php-email-form/validate.js"></script> <script src="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/aos/aos.js"></script> <script src="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/glightbox/js/glightbox.min.js"></script> <script src="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/swiper/swiper-bundle.min.js"></script> <script src="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/purecounter/purecounter_vanilla.js"></script> <script src="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <!-- Main JS File --> <script src="https://kab-okutimur.kpu.go.id/assets/plugins/tema2/assets/js/main.js"></script> <script type="text/javascript" language="javascript" src="https://okutimur.com/jquery-3.5.1.js"></script> <script src="https://cdn.datatables.net/2.1.0/js/dataTables.js"></script> <!-- Modal Menu --> <script> function toggleDropdown(el) { var child = $(el).find('ul')[0] $(child).toggleClass('d-none') } </script> <script> document.addEventListener('DOMContentLoaded', () => { const floatingButton = document.getElementById('floatingButton'); const floatingJingle = document.getElementById('floatingJingle'); floatingButton.addEventListener('click', () => { var click = floatingButton.classList.toggle('active'); if (!click) { floatingJingle.classList.add('d-none'); } else { floatingJingle.classList.remove('d-none'); } }); }); </script> <script src="https://kab-okutimur.kpu.go.id/assets/plugins/OwlCarousel2-2.3.4/owl.carousel.js"></script><script> $('.owl-carousel').owlCarousel({ loop: true, margin: 10, nav: false, dots: false, responsive: { 0: { items: 2 }, 600: { items: 5 }, 1000: { items: 5 } } })</script> </body> </html>
