{"id":15,"date":"2026-10-17T11:25:54","date_gmt":"2026-10-17T11:25:54","guid":{"rendered":"https:\/\/eradio.feb.unair.ac.id\/?page_id=15"},"modified":"2026-10-17T11:32:36","modified_gmt":"2026-10-17T11:32:36","slug":"home","status":"publish","type":"page","link":"https:\/\/eradio.feb.unair.ac.id\/","title":{"rendered":"Home"},"content":{"rendered":"\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n<style>\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\n:root { --primary: #fe539a; --secondary: #0121FF; --accent: #afd125; --dark: #000000; }\r\nhtml { scroll-behavior: smooth; }\r\nbody { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #ffffff; color: #333; overflow-x: hidden; }\r\n\/* NAVBAR *\/\r\nnav { background: #285d92; backdrop-filter: blur(10px); padding: 1.2rem 2rem; position: sticky; top: 0; z-index: 1000; border-bottom: 2px solid rgba(254, 83, 154, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); }\r\n.navbar-container { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }\r\n.logo { font-size: 1.8rem; font-weight: 900; color: var(--secondary); display: flex; align-items: center; gap: 0.5rem; text-decoration: none; cursor: pointer; }\r\n.logo i { -webkit-text-fill-color: var(--primary); font-size: 2rem; }\r\nnav ul { display: flex; list-style: none; gap: 3rem; }\r\nnav a { text-decoration: none; color: #fff; font-weight: 600; font-size: 0.95rem; position: relative; transition: color 0.3s ease; }\r\nnav a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: white; transition: width 0.3s ease; }\r\nnav a:hover::after { width: 100%; }\r\n\/* HERO SECTION *\/\r\n.hero { min-height: 100vh; background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: relative; overflow: visible; padding-top: 0; }\r\n.hero::before { content: ''; position: absolute; width: 800px; height: 800px; background: radial-gradient(circle, rgba(254, 83, 154, 0.15) 0%, transparent 70%); top: -200px; right: -200px; animation: float 8s ease-in-out infinite; }\r\n.hero::after { content: ''; position: absolute; width: 600px; height: 600px; background: radial-gradient(circle, rgba(1, 33, 255, 0.1) 0%, transparent 70%); bottom: -150px; left: -150px; animation: float 10s ease-in-out infinite 2s; }\r\n.hero-content { text-align: center; z-index: 10; animation: slideUp 1s ease-out; width: 100%; display: flex; flex-direction: column; align-items: center; }\r\nh1 { font-size: 4rem; font-weight: 900; color: #fff; margin: 1rem 0; line-height: 1.2; letter-spacing: -2px; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }\r\n.subtitle { font-size: 1.3rem; color: #000000; margin-bottom: 2.5rem; font-weight: 300; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); }\r\n\/* CAROUSEL *\/\r\n.carousel-container { position: relative; width: 100%; aspect-ratio: 16 \/ 9; margin: 0; border-radius: 0; overflow: hidden; box-shadow: none; }\r\n.carousel-slide { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; transform: translateX(100%); background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); display: flex; align-items: center; justify-content: center; font-size: 5rem; font-weight: 900; color: rgba(255, 255, 255, 0.2); }\r\n.carousel-slide.active { opacity: 1; transform: translateX(0); z-index: 10; }\r\n.carousel-slide.prev { transform: translateX(-100%); }\r\n.carousel-controls { position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); display: flex; gap: 0.8rem; z-index: 20; }\r\n.carousel-dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: all 0.3s ease; border: 2px solid transparent; }\r\n.carousel-dot.active { background: var(--accent); transform: scale(1.3); border-color: white; }\r\n.carousel-dot:hover { background: rgba(255, 255, 255, 0.8); }\r\n.carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.2); color: white; border: none; width: 45px; height: 45px; border-radius: 50%; cursor: pointer; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; z-index: 20; backdrop-filter: blur(5px); }\r\n.carousel-btn:hover { background: rgba(254, 83, 154, 0.8); transform: translateY(-50%) scale(1.1); }\r\n.carousel-btn.prev { left: 1rem; }\r\n.carousel-btn.next { right: 1rem; }\r\n.cta-button { display: inline-flex; align-items: center; gap: 0.8rem; padding: 1rem 2.5rem; background: linear-gradient(135deg, var(--primary) 0%, #ff0080 100%); color: white; border: none; border-radius: 50px; font-size: 1rem; font-weight: 700; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(254, 83, 154, 0.3); text-decoration: none; }\r\n.cta-button:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(254, 83, 154, 0.4); }\r\n\/* SECTIONS *\/\r\n.section { max-width: 1400px; margin: 4rem auto; padding: 0 2rem; }\r\n.section-title { text-align: center; font-size: 2.5rem; font-weight: 900; color: #333; margin-bottom: 3rem; position: relative; }\r\n.section-title::after { content: ''; display: block; width: 80px; height: 4px; background: var(--secondary); margin: 1rem auto 0; border-radius: 2px; }\r\n\/* ABOUT SECTION *\/\r\n.about-content { background: white; border-radius: 15px; padding: 3rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); max-width: 900px; margin: 0 auto; animation: slideUp 0.8s ease-out; }\r\n.about-header { text-align: center; margin-bottom: 3rem; }\r\n.hero-logo { width: 120px; height: 120px; background: transparent; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; box-shadow: none; }\r\n.hero-logo i { font-size: 3rem; color: var(--accent); }\r\n.about-header h3 { color: var(--primary); font-size: 1.3rem; margin-bottom: 1rem; }\r\n.description { color: #666; line-height: 1.8; font-size: 1rem; margin-bottom: 2rem; text-align: center; }\r\n.about-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; margin-top: 3rem; max-width: 700px; margin-left: auto; margin-right: auto; }\r\n.about-box { padding: 2.5rem; border-radius: 10px; background: white; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; border: none; }\r\n.about-box:hover { transform: translateY(-5px); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2); }\r\n.about-box h4 { margin-bottom: 0.8rem; font-weight: 700; font-size: 1.2rem; color: #333; }\r\n.about-box p { color: #666; line-height: 1.6; font-size: 0.95rem; }\r\n\/* PROGRAMS SECTION *\/\r\n.programs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; margin-bottom: 4rem; }\r\n.program-card { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; cursor: pointer; animation: slideUp 0.8s ease-out; display: flex; flex-direction: column; }\r\n.program-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(254, 83, 154, 0.2); }\r\n.program-image-container { width: 100%; background: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 1rem; min-height: 300px; overflow: auto; }\r\n.program-poster { max-width: 100%; max-height: 500px; height: auto; width: auto; object-fit: contain; }\r\n.program-info { padding: 1.5rem; flex-grow: 1; display: flex; flex-direction: column; }\r\n.program-info h3 { font-size: 1.5rem; color: var(--primary); margin-bottom: 0.5rem; font-weight: 700; }\r\n.program-time { color: var(--secondary); font-size: 0.85rem; font-weight: 600; margin-bottom: 0.3rem; }\r\n.program-subtitle { color: #666; font-size: 0.9rem; margin-bottom: 1rem; font-style: italic; }\r\n.program-description { color: #555; font-size: 0.9rem; line-height: 1.6; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }\r\n.program-card:hover .program-description { max-height: 500px; }\r\n\/* STREAMING SECTION *\/\r\n.streaming-container { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin-bottom: 4rem; }\r\n.stream-box { background: transparent; border-radius: 10px; padding: 1rem; color: white; min-height: 400px; display: flex; align-items: center; justify-content: center; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; cursor: pointer; transition: all 0.3s ease; animation: slideUp 0.8s ease-out; }\r\n.stream-box:hover { transform: scale(1.05); }\r\n.stream-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(255, 255, 255, 0.05) 2px, rgba(255, 255, 255, 0.05) 4px); opacity: 0.5; }\r\n.stream-box-content { text-align: center; z-index: 2; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }\r\n.stream-box-content h2 { font-size: 2.5rem; margin-bottom: 1rem; }\r\n.stream-box-content i { font-size: 3rem; margin-bottom: 1rem; }\r\n.stream-box-content iframe { border-radius: 15px; }\r\n.stream-box-content img { border-radius: 15px; object-fit: cover; }\r\n.top-track-box { grid-column: 1 \/ -1; background: transparent; min-height: 250px; }\r\n.stream-box.live-box { grid-column: 1 \/ -1; justify-self: center; margin: 0 auto; background: #285d92; min-height: auto; width: 100%; max-width: 280px; padding: 1.2rem 2rem; border-radius: 50px; text-decoration: none; color: #fff; }\r\n.live-label { position: relative; z-index: 2; font-size: 1.3rem; font-weight: 700; }\r\n.padlet-box { min-height: 640px; cursor: default; }\r\n.padlet-box:hover { transform: none; }\r\n\/* THEME FIX *\/ header.wp-block-template-part, footer.wp-block-template-part, .wp-block-post-title, .wp-block-post-content > style + .wp-block-post-title { display: none !important; } .wp-site-blocks { padding: 0 !important; } .wp-site-blocks > *, main { margin-block-start: 0 !important; margin-top: 0 !important; } .has-global-padding { padding-left: 0 !important; padding-right: 0 !important; } .wp-block-post-content, .wp-block-post-content.is-layout-constrained > *, .wp-block-post-content > * { max-width: none !important; } .wp-block-post-content.is-layout-constrained > * { margin-left: 0 !important; margin-right: 0 !important; } \/* SECTION FIX *\/ .wp-block-post-content > section.section { max-width: 1400px !important; width: 100% !important; margin: 4rem auto !important; padding-left: 2rem !important; padding-right: 2rem !important; box-sizing: border-box !important; } .wp-block-post-content > section.section .streaming-container, .wp-block-post-content > section.section .programs-grid { max-width: 100% !important; } @media (max-width: 768px) { .wp-block-post-content > section.section { padding-left: 1rem !important; padding-right: 1rem !important; } } \/* OVERFLOW FIX *\/ html, body { overflow-x: hidden !important; max-width: 100% !important; } .wp-site-blocks, .wp-block-post-content { overflow-x: clip !important; } .hero { overflow-x: clip !important; } .nwh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.nwh-card{background:#fff;border:1px solid #e3e7ec;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.nwh-card:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(40,93,146,.22)}.nwh-media{position:relative;aspect-ratio:16\/9;overflow:hidden;background:#dbe4ef}.nwh-bg,.nwh-fg{position:absolute;top:0;left:0;width:100%;height:100%}.nwh-bg{object-fit:cover;filter:blur(14px);transform:scale(1.15);opacity:.9}.nwh-fg{object-fit:contain}.nwh-date{position:absolute;left:0;bottom:0;background:#e8eef6;color:#33475b;padding:.45rem 1.1rem;font-size:1rem}.nwh-info{padding:1.4rem 1.4rem 1.2rem;display:flex;flex-direction:column;flex:1}.nwh-info h3{color:#285d92;text-transform:uppercase;font-size:1.3rem;font-weight:800;line-height:1.3;margin:0 0 1rem}.nwh-info p{color:#222;font-size:1rem;line-height:1.65;margin:0 0 1.2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nwh-link{margin-top:auto;align-self:flex-end;color:#285d92;font-weight:500}.nwh-grid>.nwh-card:nth-child(n+7){display:none}.nwh-grid.open>.nwh-card:nth-child(n+7){display:flex}.nwh-btnwrap{display:none;text-align:center;margin-top:2.5rem}.nwh-grid:has(>.nwh-card:nth-child(7))+.nwh-btnwrap{display:block}.nwh-btn{background:#285d92;color:#fff;border:none;padding:.9rem 2.6rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer}.nwh-btn:hover{background:#1f4a75}@media(max-width:1000px){.nwh-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.nwh-grid{grid-template-columns:1fr}} \/* NEWS SECTION *\/\r\n.news-grid { display: flex; flex-direction: column; gap: 2rem; }\r\n.news-item { background: white; border-radius: 12px; overflow: hidden; display: grid; grid-template-columns: 250px 1fr; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; animation: slideUp 0.8s ease-out; }\r\n.news-item:hover { box-shadow: 0 15px 50px rgba(254, 83, 154, 0.2); transform: translateX(10px); }\r\n.news-image { background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); display: flex; align-items: center; justify-content: center; font-size: 3.5rem; color: rgba(255, 255, 255, 0.4); }\r\n.news-content { padding: 2rem; display: flex; flex-direction: column; justify-content: center; }\r\n.news-content h3 { color: var(--primary); margin-bottom: 0.8rem; font-size: 1.3rem; }\r\n.news-content p { color: #666; font-size: 0.95rem; line-height: 1.6; }\r\n.news-category { display: inline-block; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; padding: 0.3rem 0.8rem; border-radius: 20px; font-size: 0.8rem; margin-bottom: 0.5rem; font-weight: 600; }\r\n\/* CREW SECTION *\/\r\n.crew-section { background: rgba(255, 255, 255, 0.5); border-radius: 15px; padding: 3rem; margin-bottom: 4rem; backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3); }\r\n.crew-group { margin-bottom: 3rem; animation: slideUp 0.8s ease-out; }\r\n.crew-group-title { text-align: center; font-size: 1.5rem; font-weight: 900; color: #333; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 2px solid var(--primary); }\r\n.crew-members { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 2rem; }\r\n.member-card { background: white; border-radius: 12px; overflow: hidden; text-align: center; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; }\r\n.member-card:hover { transform: translateY(-8px); box-shadow: 0 15px 45px rgba(254, 83, 154, 0.2); }\r\n.member-avatar { width: 100%; height: 150px; background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); display: flex; align-items: center; justify-content: center; font-size: 3rem; color: rgba(255, 255, 255, 0.3); }\r\n.member-info { padding: 1.2rem; }\r\n.member-info h4 { color: var(--primary); margin-bottom: 0.4rem; font-size: 0.95rem; }\r\n.member-info p { color: #999; font-size: 0.85rem; }\r\n\/* FOOTER *\/\r\nfooter { background: rgba(15, 23, 42, 0.95); color: white; padding: 3rem 2rem; margin-top: 4rem; border-top: 2px solid rgba(254, 83, 154, 0.2); }\r\n.footer-content { max-width: 1400px; margin: 0 auto; text-align: center; }\r\n.footer-social { display: flex; justify-content: center; gap: 2rem; margin-bottom: 2rem; }\r\n.footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; color: white; font-size: 1.2rem; transition: all 0.3s ease; }\r\n.footer-social a:hover { background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; transform: translateY(-3px); }\r\n.footer-text { color: rgba(255, 255, 255, 0.7); margin-top: 1.5rem; font-size: 0.9rem; }\r\n\/* ANIMATIONS *\/\r\n@keyframes slideUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-30px) rotate(5deg); } }\r\n@media (max-width: 768px) {\r\nh1 { font-size: 2.5rem; }\r\nnav ul { gap: 1.5rem; font-size: 0.85rem; }\r\n.streaming-container { grid-template-columns: 1fr; }\r\n.news-item { grid-template-columns: 150px 1fr; }\r\n.programs-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }\r\n.crew-members { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 480px) {\r\nnav ul { gap: 1rem; font-size: 0.75rem; }\r\nh1 { font-size: 2rem; }\r\n.section-title { font-size: 1.8rem; }\r\n.news-item { grid-template-columns: 1fr; }\r\n.news-image { min-height: 150px; }\r\n}\r\n<\/style>\r\n<!-- NAVBAR -->\r\n<nav>\r\n<div class=\"navbar-container\">\r\n<a href=\"#home\" class=\"logo\">\r\n<img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/Logo%20E-Radio%202026%20%281%29.png\" alt=\"E-Radio\" style=\"height: 50px; width: auto;\">\r\n<\/a>\r\n<ul>\r\n<li><a href=\"#about\">About Us<\/a><\/li>\r\n<li><a href=\"#programs\">Program<\/a><\/li>\r\n<li><a href=\"#news\">News<\/a><\/li><li><a href=\"#streaming\">Streaming<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/nav>\r\n<!-- HERO SECTION -->\r\n<section class=\"hero\" id=\"home\">\r\n<div class=\"hero-content\">\r\n<!-- CAROUSEL SLIDER -->\r\n<div class=\"carousel-container\">\r\n<div class=\"carousel-slide active\">\r\n<img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/IMG_1652%20%281%29.jpg\" alt=\"Slide 1\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n<\/div>\r\n<div class=\"carousel-slide\">\r\n<img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/P1110231-scaled.jpg\" alt=\"Slide 2\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n<\/div>\r\n<div class=\"carousel-slide\">\r\n<img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/IMG_3435%20%281%29.jpg\" alt=\"Slide 3\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n<\/div>\r\n<div class=\"carousel-slide\">\r\n<img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/IMG_5273%20%281%29.jpg\" alt=\"Slide 4\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n<\/div>\r\n<button class=\"carousel-btn prev\" onclick=\"changeSlide(-1)\">\u276e<\/button>\r\n<button class=\"carousel-btn next\" onclick=\"changeSlide(1)\">\u276f<\/button>\r\n<div class=\"carousel-controls\">\r\n<span class=\"carousel-dot active\" onclick=\"currentSlide(1)\"><\/span>\r\n<span class=\"carousel-dot\" onclick=\"currentSlide(2)\"><\/span>\r\n<span class=\"carousel-dot\" onclick=\"currentSlide(3)\"><\/span>\r\n<span class=\"carousel-dot\" onclick=\"currentSlide(4)\"><\/span>\r\n<\/div>\r\n<\/div>\r\n<h1><span style=\"color: #000000;\">Halo<\/span> <span style=\"color: var(--secondary);\">E-Listeners<\/span><\/h1>\r\n<p class=\"subtitle\">Selamat datang di Website <span style=\"color: var(--secondary);\">E-RADIO FEB UNAIR<\/span><\/p>\r\n<\/div>\r\n<\/section>\r\n<!-- ABOUT SECTION -->\r\n<section class=\"section\" id=\"about\">\r\n<h2 class=\"section-title\">About Us<\/h2>\r\n<div class=\"about-content\">\r\n<div class=\"about-header\">\r\n<div class=\"hero-logo\">\r\n<img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/Logo%20E-Radio%202026%20%281%29.png\" alt=\"E-Radio\" style=\"height: 120px; width: auto;\">\r\n<\/div>\r\n<h3 style=\"color: var(--secondary);\">E-RADIO<\/h3>\r\n<p class=\"description\">\r\n<b>E-Radio FEB UNAIR<\/b> hadir untuk <b>mewadahi dan memberi kesempatan dalam pengembangan di bidang media dan public speaking bagi seluruh mahasiswa FEB UNAIR.<\/b> Selain itu, E-Radio juga <b>menghadirkan pengalaman, pelatihan, hingga praktik langsung yang menyenangkan.<\/b>\r\n<\/p>\r\n<\/div>\r\n<div class=\"about-grid\">\r\n<div class=\"about-box visi-box\">\r\n<h4>Visi<\/h4>\r\n<p>Menjadikan e-Radio sebagai wadah pengembangan talenta yang profesional, kreatif, dan berkarakter dengan membangun ikatan yang inklusif antar anggota.<\/p>\r\n<\/div>\r\n<div class=\"about-box misi-box\">\r\n<h4>Misi<\/h4>\r\n<p>\r\n1. Menyediakan ruang bagi anggota untuk berkreativitas dan berinovasi melalui setiap program kerja dan kegiatan organisasi.<br>\r\n2. Mendorong pengembangan kemampuan anggota dalam public speaking, content creation, dan personal branding melalui fasilitas, pelatihan, dan pendampingan yang terarah.<br>\r\n3. Mengoptimalkan seluruh fungsi organisasi secara berkelanjutan untuk menghadirkan program yang berkualitas dan berdampak bagi anggota maupun lingkungan fakultas.<br>\r\n4. Mewujudkan struktur internal yang matang, efisien, serta didukung oleh sistem kerja yang jelas, profesional, dan berorientasi pada hasil.<br>\r\n5. Membangun lingkungan organisasi yang inklusif, dan menjunjung tinggi asas kekeluargaan bagi seluruh anggota.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- PROGRAMS SECTION -->\r\n<section class=\"section\" id=\"programs\">\r\n<h2 class=\"section-title\">Our Programs<\/h2>\r\n<div class=\"programs-grid\">\r\n<div class=\"program-card\">\r\n<div class=\"program-image-container\">\r\n<img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/NGOPAG%20%281%29.png\" alt=\"Ngopag\" class=\"program-poster\">\r\n<\/div>\r\n<div class=\"program-info\">\r\n<h3>NGOPANG<\/h3>\r\n<p class=\"program-time\">Senin-Jumat | 09:00-10:30<\/p>\r\n<p class=\"program-subtitle\">Ngobrol Pagi \u2600\ufe0f<\/p>\r\n<div class=\"program-description\">Program &#8220;Ngopag&#8221; adalah siaran pagi yang santai dan interaktif, cocok banget jadi temen mulai hari. Di sini bakal ngobrolin hal-hal ringan seputar pagi, mulai dari rekomendasi kopi, ide olahraga, sampai tips biar hari kamu lebih produktif. Dengan vibes yang chill dan fleksibel, &#8220;Ngopag&#8221; siap nemenin kamu bangun pagi biar lebih semangat dan mood jadi positif buat ngejalanin aktivitas seharian.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"program-card\">\r\n<div class=\"program-image-container\">\r\n<img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/Catch-Up.png\" alt=\"Catch Up\" class=\"program-poster\">\r\n<\/div>\r\n<div class=\"program-info\">\r\n<h3>CATCH UP<\/h3>\r\n<p class=\"program-time\">Senin | 12:00-13:30<\/p>\r\n<p class=\"program-subtitle\">Campus and Career Update<\/p>\r\n<div class=\"program-description\">Program \u201cCatch Up\u201d ini fokus ke kehidupan mahasiswa yang seru , seperti rekomendasi tongkrongan hits, update info kampus dan cerita dari audience tapi tetep ambis buat masa depan. Di sisi lain, kita juga bakal ngebahas topik tentang organisasi, magang, self improvement buat Career Work. program ini bisa jadi tempat buat cari inspirasi dan belajar dari pengalaman orang lain biar kamu makin berkembang \ud83d\udcbc<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"program-card\">\r\n<div class=\"program-image-container\">\r\n<img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/BaPer%20%281%29.png\" alt=\"BAPER\" class=\"program-poster\">\r\n<\/div>\r\n<div class=\"program-info\">\r\n<h3>BAPER<\/h3>\r\n<p class=\"program-time\">Selasa | 12:00-13:30<\/p>\r\n<p class=\"program-subtitle\">Bahas Perasaan &amp; Relationship \ud83d\udc95<\/p>\r\n<div class=\"program-description\">Program &#8220;BAPER&#8221; fokus ke topik relationship dan percintaan yang relate banget sama anak muda. Di sini kamu bisa curhat, sharing pengalaman, atau bahas hal-hal kayak PDKT, HTS, sampai drama percintaan lainnya. Selain itu, pendengar juga bisa titip confess atau menfess buat gebetan, teman, atau siapa pun. Dikemas dengan suasana hangat dan interaktif, &#8220;BAPER&#8221; jadi safe space buat kamu yang lagi butuh didengerin.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"program-card\">\r\n<div class=\"program-image-container\">\r\n<img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/Viralist%20%2821%20x%2029.7%20cm%29_20260524_163555_0000%20%281%29.png\" alt=\"VIRALIST\" class=\"program-poster\">\r\n<\/div>\r\n<div class=\"program-info\">\r\n<h3>VIRALIST<\/h3>\r\n<p class=\"program-time\">Kamis | 12:00-13:30<\/p>\r\n<p class=\"program-subtitle\">Viral Analyst \ud83d\udc40<\/p>\r\n<div class=\"program-description\">Program &#8220;VIRALIST&#8221; ngebahas hal-hal yang lagi viral dan rame di media sosial. Mulai dari tren terbaru sampai isu yang lagi jadi perbincangan. Nggak cuma bahas doang, tapi juga dikasih sudut pandang yang lebih dalam biar kamu gak cuma ikut-ikutan, tapi juga ngerti konteksnya. Cocok buat kamu yang gak mau ketinggalan update.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"program-card\">\r\n<div class=\"program-image-container\">\r\n<img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/Pop%20%281%29.png\" alt=\"Pop\" class=\"program-poster\">\r\n<\/div>\r\n<div class=\"program-info\">\r\n<h3>POP<\/h3>\r\n<p class=\"program-time\">Jumat | 12:00-13:30<\/p>\r\n<p class=\"program-subtitle\">Picks of The Week<\/p>\r\n<div class=\"program-description\">Program \u201cPOP\u201d hadir buat nemenin kamu santai menjelang weekend. Isinya seputar pop culture, kayak rekomendasi film, musik, sampai review yang lagi hits. Bisa juga bahas top songs of the week atau film favorit bulan ini. Pokoknya vibes-nya chill banget, cocok buat healing tipis-tipis setelah seminggu beraktivitas \u2728<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"program-card\">\r\n<div class=\"program-image-container\">\r\n<img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/Nyore%20%28A4%29%20%281%29.png\" alt=\"Nyore\" class=\"program-poster\">\r\n<\/div>\r\n<div class=\"program-info\">\r\n<h3>NYORE<\/h3>\r\n<p class=\"program-time\">Senin-Jumat | 14:30-16:00<\/p>\r\n<p class=\"program-subtitle\">Nyerocos Sore \ud83c\udf07<\/p>\r\n<div class=\"program-description\">Program &#8220;Nyore&#8221; adalah siaran sore yang santai dan bebas, cocok buat nemenin waktu istirahat kamu. Bahasannya ringan, mulai dari rekomendasi spot sunset, aktivitas sore, sampai obrolan random kehidupan sehari-hari. Dengan gaya yang santai dan ekspresif, &#8220;Nyore&#8221; jadi temen pas buat unwind sebelum malam datang.<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- NEWS SECTION HOME -->\r\n<section class=\"section\" id=\"news\">\r\n<h2 class=\"section-title\">E-Radio News<\/h2>\r\n<div class=\"nwh-grid\"><a class=\"nwh-card\" href=\"https:\/\/eradio.feb.unair.ac.id\/?page_id=106\"><div class=\"nwh-media\"><img decoding=\"async\" class=\"nwh-bg\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/E-Voice-2026.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" class=\"nwh-fg\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/E-Voice-2026.jpg\" alt=\"E-VOICE 2026\" loading=\"lazy\"><span class=\"nwh-date\">5 Oktober 2026<\/span><\/div><div class=\"nwh-info\"><h3>E-VOICE 2026<\/h3><p>E-VOICE 2026 is one of the major flagship programs initiated by ORMAWA Economics Radio, Faculty of Economics and Business (FEB), Universitas Airlangga. The event serves as a platform for &#8230;<\/p><span class=\"nwh-link\">See More &rarr;<\/span><\/div><\/a><a class=\"nwh-card\" href=\"https:\/\/eradio.feb.unair.ac.id\/?page_id=105\"><div class=\"nwh-media\"><img decoding=\"async\" class=\"nwh-bg\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/E-Talent-2026.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" class=\"nwh-fg\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/E-Talent-2026.jpg\" alt=\"E-TALENT 2026\" loading=\"lazy\"><span class=\"nwh-date\">24 September 2026<\/span><\/div><div class=\"nwh-info\"><h3>E-TALENT 2026<\/h3><p>E-Talent merupakan salah satu program E-Radio FEB UNAIR yang memberikan kesempatan kepada mahasiswa untuk terlibat secara langsung sebagai talent dalam berbagai konten dan program E-Radio, seperti &#8230;<\/p><span class=\"nwh-link\">See More &rarr;<\/span><\/div><\/a><a class=\"nwh-card\" href=\"https:\/\/eradio.feb.unair.ac.id\/?page_id=104\"><div class=\"nwh-media\"><img decoding=\"async\" class=\"nwh-bg\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/Maintenance-Monitoring.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" class=\"nwh-fg\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/Maintenance-Monitoring.jpg\" alt=\"MAINTENANCE AND MONITORING\" loading=\"lazy\"><span class=\"nwh-date\">24 Agustus 2026<\/span><\/div><div class=\"nwh-info\"><h3>MAINTENANCE AND MONITORING<\/h3><p>Kegiatan Maintenance and Monitoring yang diselenggarakan oleh E-Radio Fakultas Ekonomi dan Bisnis Universitas Airlangga merupakan program kerja yang berfokus pada pengelolaan, perawatan, dan &#8230;<\/p><span class=\"nwh-link\">See More &rarr;<\/span><\/div><\/a><a class=\"nwh-card\" href=\"https:\/\/eradio.feb.unair.ac.id\/?page_id=103\"><div class=\"nwh-media\"><img decoding=\"async\" class=\"nwh-bg\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/Recharging-2.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" class=\"nwh-fg\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/Recharging-2.jpg\" alt=\"RECHARGING 2 (2026)\" loading=\"lazy\"><span class=\"nwh-date\">3 Juli 2026<\/span><\/div><div class=\"nwh-info\"><h3>RECHARGING 2 (2026)<\/h3><p>Recharging 2 merupakan program kerja dari Divisi Human Resource Development E Radio FEB UNAIR dengan mengusung tema Broadcasting in the Digital Era. Kegiatan ini berbentuk webinar yang akan &#8230;<\/p><span class=\"nwh-link\">See More &rarr;<\/span><\/div><\/a><a class=\"nwh-card\" href=\"https:\/\/eradio.feb.unair.ac.id\/?page_id=102\"><div class=\"nwh-media\"><img decoding=\"async\" class=\"nwh-bg\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/Pelatihan-Property.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" class=\"nwh-fg\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/eradiofebunair\/eradio-images@main\/Pelatihan-Property.jpg\" alt=\"PELATIHAN PROPERTY 2026\" loading=\"lazy\"><span class=\"nwh-date\">4 Juni 2026<\/span><\/div><div class=\"nwh-info\"><h3>PELATIHAN PROPERTY 2026<\/h3><p>Pelatihan Property merupakan salah satu program kerja dari divisi Maintenance and Property E-Radio Fakultas Ekonomi dan Bisnis Universitas Airlangga yang diselenggarakan sebagai sarana pengembangan &#8230;<\/p><span class=\"nwh-link\">See More &rarr;<\/span><\/div><\/a><\/div>\r\n<div class=\"nwh-btnwrap\"><button class=\"nwh-btn\" onclick=\"this.parentNode.previousElementSibling.classList.add('open');this.parentNode.style.display='none'\">See More<\/button><\/div>\r\n<\/section>\r\n<!-- STREAMING SECTION -->\r\n<section class=\"section\" id=\"streaming\">\r\n<h2 class=\"section-title\">Watch Now!<\/h2>\r\n<div class=\"streaming-container\">\r\n<div class=\"stream-box\">\r\n<div class=\"stream-box-content\" style=\"width: 100%; height: 100%;\">\r\n<iframe loading=\"lazy\" width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/S9NTGBk0ef4\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n<\/div>\r\n<\/div>\r\n<div class=\"stream-box\">\r\n<div class=\"stream-box-content\" style=\"width: 100%; height: 100%;\">\r\n<iframe loading=\"lazy\" width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/N3mQ5eEspLE\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n<\/div>\r\n<\/div>\r\n<div class=\"stream-box\">\r\n<div class=\"stream-box-content\" style=\"width: 100%; height: 100%;\">\r\n<iframe loading=\"lazy\" width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/1GYKhAyuYMo\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n<\/div>\r\n<\/div>\r\n<div class=\"stream-box\">\r\n<div class=\"stream-box-content\" style=\"width: 100%; height: 100%;\">\r\n<iframe loading=\"lazy\" width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/rp9C3RgT5Zw\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n<\/div>\r\n<\/div>\r\n<div class=\"stream-box top-track-box\">\r\n<div class=\"stream-box-content\" style=\"width: 100%; height: 100%; background: none;\">\r\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/playlist\/2HPOCJ9ub1u6BH7WxSIMtT?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\r\n<\/div>\r\n<\/div>\r\n<a href=\"https:\/\/eradiofebunair.listen2myradio.com\/\" target=\"_blank\" rel=\"noopener\" class=\"stream-box live-box\">\r\n<span class=\"live-label\">Streaming<\/span>\r\n<\/a>\r\n<div class=\"stream-box top-track-box padlet-box\">\r\n<div class=\"stream-box-content\" style=\"width: 100%; height: 100%; background: none;\">\r\n<div class=\"padlet-embed\" style=\"border:1px solid rgba(0,0,0,0.1); border-radius:12px; box-sizing:border-box; overflow:hidden; position:relative; width:100%; background:#F4F4F4;\">\r\n<iframe src=\"https:\/\/padlet.com\/embed\/qw7gpkjyzzwpduhs\" frameborder=\"0\" allow=\"camera;microphone;geolocation;display-capture;clipboard-write\" style=\"width:100%; height:608px; display:block; padding:0; margin:0;\"><\/iframe>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- FOOTER -->\r\n<footer>\r\n<div class=\"footer-content\">\r\n<div class=\"footer-social\">\r\n<a href=\"https:\/\/www.instagram.com\/eradiofebunair?igsh=bWRlempnNDdnOWUz\" target=\"_blank\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n<a href=\"https:\/\/www.tiktok.com\/@eradiofebunair?_r=1&amp;_t=ZS-96mY2Lld95Y\" target=\"_blank\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n<a href=\"https:\/\/youtube.com\/@e-radiofebunair?si=Qq1mwZCikCmC5Ihi\" target=\"_blank\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n<a href=\"https:\/\/open.spotify.com\/show\/75OxcoVjJR9ieGBHyJoXyD?si=m81R-y19QJuZLNQ6rncyPQ\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i><\/a>\r\n<\/div>\r\n<p style=\"font-size: 1.1rem; margin-bottom: 1rem;\">\r\n<i class=\"fas fa-envelope\" style=\"margin-right: 0.5rem;\"><\/i>\r\nemail: eradio@gmail.com\r\n<\/p>\r\n<div class=\"footer-text\">\r\n<p>\u00a9 2026 E-RADIO FEB UNAIR. All rights reserved.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/footer>\r\n<script>\r\nlet currentSlideIndex = 1;\r\nlet carouselInterval;\r\nfunction changeSlide(n) {\r\nclearInterval(carouselInterval);\r\nshowSlide(currentSlideIndex += n);\r\nstartAutoPlay();\r\n}\r\nfunction currentSlide(n) {\r\nclearInterval(carouselInterval);\r\nshowSlide(currentSlideIndex = n);\r\nstartAutoPlay();\r\n}\r\nfunction showSlide(n) {\r\nconst slides = document.querySelectorAll('.carousel-slide');\r\nconst dots = document.querySelectorAll('.carousel-dot');\r\nif (n > slides.length) currentSlideIndex = 1;\r\nif (n < 1) currentSlideIndex = slides.length;\r\nslides.forEach((slide, index) => {\r\nslide.classList.remove('active', 'prev');\r\nif (index === currentSlideIndex - 1) {\r\nslide.classList.add('active');\r\n} else if (index < currentSlideIndex - 1) {\r\nslide.classList.add('prev');\r\n}\r\n});\r\ndots.forEach((dot, index) => {\r\ndot.classList.toggle('active', index === currentSlideIndex - 1);\r\n});\r\n}\r\nfunction autoPlay() {\r\nconst slides = document.querySelectorAll('.carousel-slide');\r\ncurrentSlideIndex++;\r\nif (currentSlideIndex > slides.length) currentSlideIndex = 1;\r\nshowSlide(currentSlideIndex);\r\n}\r\nfunction startAutoPlay() {\r\ncarouselInterval = setInterval(autoPlay, 5000);\r\n}\r\nwindow.addEventListener('load', () => {\r\nshowSlide(currentSlideIndex);\r\nstartAutoPlay();\r\n});\r\n<\/script>\r\n","protected":false},"excerpt":{"rendered":"<p>About Us Program News Streaming \u276e \u276f Halo E-Listeners Selamat datang di Website E-RADIO FEB UNAIR About Us E-RADIO E-Radio FEB UNAIR hadir untuk mewadahi dan memberi kesempatan dalam pengembangan di bidang media dan public speaking bagi seluruh mahasiswa FEB UNAIR. Selain itu, E-Radio juga menghadirkan pengalaman, pelatihan, hingga praktik langsung yang menyenangkan. Visi Menjadikan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eradio.feb.unair.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eradio.feb.unair.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eradio.feb.unair.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eradio.feb.unair.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eradio.feb.unair.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":0,"href":"https:\/\/eradio.feb.unair.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"wp:attachment":[{"href":"https:\/\/eradio.feb.unair.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}