Gurbetten Silaya
Gurbet FM | Gurbetin Sesi
/* =========================== GURBET FM PREMIUM THEME =========================== */ *{ margin:0; padding:0; box-sizing:border-box; font-family:'Poppins',sans-serif; } body{ background:#050505; color:white; overflow-x:hidden; } /* =========================== HEADER =========================== */ header{ height:100vh; background:url("istanbul.jpg") center center/cover no-repeat; position:relative; } .overlay{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.55); } /* =========================== MENU =========================== */ nav{ position:fixed; top:0; width:100%; padding:20px 40px; display:flex; justify-content:space-between; align-items:center; background:rgba(0,0,0,.45); backdrop-filter:blur(10px); z-index:999; } .logo{ font-size:34px; font-weight:700; color:#ff0000; text-shadow:0 0 20px red; } nav ul{ display:flex; list-style:none; gap:25px; } nav ul li a{ color:white; text-decoration:none; font-size:17px; transition:.3s; } nav ul li a:hover{ color:#ff2d55; } /* =========================== HERO =========================== */ .hero{ height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; z-index:2; } .hero h1{ font-size:70px; letter-spacing:5px; text-shadow:0 0 25px red; } .hero p{ margin-top:15px; font-size:24px; color:#ddd; } .onair{ margin-top:35px; background:#c70000; padding:14px 35px; border-radius:40px; font-size:20px; font-weight:bold; box-shadow:0 0 25px red; } .dot{ display:inline-block; width:14px; height:14px; background:#00ff00; border-radius:50%; margin-right:12px; animation:pulse 1s infinite; } @keyframes pulse{ 0%{opacity:1;} 50%{opacity:.2;} 100%{opacity:1;} } /* =========================== SECTIONS =========================== */ section{ padding:70px 8%; } section h2{ font-size:38px; margin-bottom:35px; color:#ff2d55; text-align:center; } /* =========================== CASTER PLAYER =========================== */ .caster{ background:#111; padding:25px; border-radius:25px; box-shadow:0 0 35px rgba(255,0,0,.5); margin-bottom:50px; } /* =========================== FLATCAST =========================== */ .flatcast{ border:3px solid #ff0000; border-radius:25px; overflow:hidden; box-shadow:0 0 35px rgba(255,0,0,.5); } /* =========================== PROGRAM =========================== */ .cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:25px; } .card{ background:#111; padding:35px; border-radius:20px; text-align:center; transition:.4s; border:1px solid #222; } .card:hover{ transform:translateY(-8px); box-shadow:0 0 25px red; } .card h3{ font-size:32px; color:#ff2d55; margin-bottom:15px; } /* =========================== FOOTER =========================== */ footer{ background:#0b0b0b; padding:60px; text-align:center; } footer h2{ font-size:36px; color:#ff2d55; margin-bottom:15px; } .social{ margin-top:25px; } .social i{ font-size:30px; margin:0 15px; cursor:pointer; transition:.4s; } .social i:hover{ color:#ff2d55; transform:scale(1.3); } /* =========================== MOBILE =========================== */ @media(max-width:900px){ .hero h1{ font-size:45px; } .hero p{ font-size:18px; } nav{ padding:15px; } nav ul{ display:none; } .logo{ font-size:26px; } }// ========================== // GURBET FM PREMIUM // script.js // ========================== // Menü arka planı window.addEventListener("scroll", function () { const nav = document.querySelector("nav"); if (window.scrollY > 50) { nav.style.background = "rgba(0,0,0,0.90)"; nav.style.boxShadow = "0 0 20px rgba(255,0,0,.50)"; } else { nav.style.background = "rgba(0,0,0,.45)"; nav.style.boxShadow = "none"; } }); // Yumuşak kaydırma document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener("click", function(e){ e.preventDefault(); document.querySelector(this.getAttribute("href")) .scrollIntoView({ behavior:"smooth" }); }); }); // ON AIR yazısı yanıp sönsün const onAir = document.que