محبإ

<!DOCTYPE html>

<head>

<title>RAMY NET | Live Stream</title>

<style>

/* ===== GLOBAL ===== */

body{

margin:0;

font-family:"Cairo", Arial, sans-serif;

background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);

color:#fff;

}

a{text-decoration:none}

/* ===== ADS TOP ===== */

.ads-top{

background:#020617;

padding:15px 0;

display:flex;

justify-content:center;

align-items:center;

gap:15px;

perspective:1000px;

flex-wrap:wrap;

}

/* إعلان دائري 360 */

.ad-360{

width:80px;

height:80px;

border-radius:50%;

overflow:hidden;

animation:spin360 6s linear infinite;

cursor:pointer;

}

.ad-360:hover,

.ad-360:active{

animation-play-state:paused;

}

.ad-360 img{

width:100%;

height:100%;

object-fit:cover;

}

/* إعلان نصي متحرك */

.text-ad{

overflow:hidden;

white-space:nowrap;

flex:1 1 100%;

margin-top:10px;

}

.text-ad span{

display:inline-block;

padding-right:100%;

animation:textMove 18s linear infinite;

color:#00e5ff;

font-weight:bold;

text-shadow:0 0 10px rgba(0,229,255,.8);

}

.text-ad:hover span,

.text-ad:active span{

animation-play-state:paused;

}

@keyframes spin360{

from{transform:rotateY(0deg)}

to{transform:rotateY(360deg)}

}

@keyframes textMove{

from{transform:translateX(0)}

to{transform:translateX(-100%)}

}

/* ===== HEADER ===== */

header{

background:#020617;

display:flex;

justify-content:space-between;

align-items:center;

padding:15px 25px;

position:sticky;

top:0;

z-index:100;

box-shadow:0 10px 30px rgba(0,0,0,.7);

}

header h1{margin:0;color:#00e5ff}

nav a{color:#fff;margin:0 10px;font-size:14px}

nav a:hover{color:#00e5ff}

/* ===== HERO ===== */

.hero{text-align:center;padding:70px 20px}

.hero h2{

font-size:32px;

color:#00e5ff;

text-shadow:0 0 15px rgba(0,229,255,.6)

}

.hero p{opacity:.9}

/* ===== FILTER ===== */

.filter{text-align:center;padding:20px}

.filter input{

padding:12px;width:80%;max-width:420px;

border-radius:999px;border:none;outline:none

}

.filter button{

margin:6px;padding:8px 18px;border:none;

border-radius:999px;background:#00e5ff;

color:#000;font-weight:bold;cursor:pointer

}

/* ===== PLAYER ===== */

#player{

max-width:900px;margin:20px auto;

background:#000;border-radius:16px;

overflow:hidden;box-shadow:0 0 25px rgba(0,0,0,.7)

}

/* ===== GRID ===== */

.grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:25px;padding:25px;max-width:1200px;margin:auto

}

/* ===== CARD ===== */

.card{

background:linear-gradient(145deg,#111827,#020617);

border-radius:16px;

box-shadow:0 0 0 1px rgba(0,229,255,.15),

0 20px 40px rgba(0,0,0,.7);

overflow:hidden;text-align:center;transition:.35s

}

.card:hover{

transform:translateY(-10px);

box-shadow:0 0 25px rgba(0,229,255,.5)

}

.card img{

width:100%;height:160px;

object-fit:contain;background:#000

}

.card h3{margin:12px 0}

.card a,.card button{

display:inline-block;

margin:6px;

padding:10px 20px;

border-radius:999px;

font-weight:bold;

border:none;

cursor:pointer;

}

.card a{background:linear-gradient(90deg,#00e5ff,#00bcd4);color:#000}

.card button{background:#22c55e;color:#000}

/* ===== EXTRA SECTIONS ===== */

.section{

padding:60px 20px;

text-align:center;

}

.section h2{

color:#00e5ff;

margin-bottom:30px;

}

.small a{background:#16a34a;color:#fff}

.live a{background:#ff1744;color:#fff}

.speed a{background:#ffd600;color:#000}

/* ===== FOOTER ===== */

footer{

background:#020617;text-align:center;

padding:30px 15px;margin-top:40px;font-size:14px

}

</style>

</head>

<body>

</a>

</a>

</a>

</a>

</a>

</a>

</a>

<span>🔥 RAMY NET – بث مباشر – أفلام 2026 – مسلسلات مترجمة – جودة HD 🔥</span>

</div>

<nav>

<a href="#">الرئيسية</a>

<a href="#channels">القنوات</a>

<a href="#sections">الأقسام</a>

</nav>

</header>

<h2>✨ تجربة مشاهدة جديدة كلياً</h2>

<p>منصة البث المباشر الأولى</p>

</section>

<button data-cat="bein">رياضة</button>

<button data-cat="news">مباشر</button>

</div>

<h2>🎬 أقسام المشاهدة</h2>

<div class="card"><h3>أفلام أكشن 2026</h3><a href="https://www.justwatch.com/eg/movies" target="_blank">الدخول</a></div>

<div class="card"><h3>مسلسلات تركية مترجمة</h3><a href="https://moviebox.ph/ar/ranking-list/oMkxvOSeFU8?id=7481476133956322608&page_from=more_SUBJECTS_MOVIE" target="_blank">الدخول</a></div>

<div class="card"><h3>تركية مدبلج عربي</h3><a href="https://n9.cl/fw186" target="_blank">الدخول</a></div>

<div class="card"><h3>مسلسلات كورية</h3><a href="https://n9.cl/96bh3" target="_blank">الدخول</a></div>

<div class="card"><h3>مسلسلات عربية</h3><a href="https://n9.cl/jmxtzv" target="_blank">الدخول</a></div>

<div class="card"><h3>دخول الاستراحة رقام 1</h3><a href="https://moviebox.ph/ar" target="_blank">الدخول</a></div>

<div class="card"><h3>دخول الاستراحة رقام 2</h3><a href="https://www.viu.com/ott/ye" target="_blank">الدخول</a></div>

<div class="card live"><h3>📡 بث مباشر</h3><a href="https://www.elahmad.com/tv/live-arabic-channels.php" target="_blank">شاهد الآن</a></div>

<div class="card speed"><h3>⚡ قياس السرعة</h3><a href="https://www.speedtest.net/ar" target="_blank">ابدأ</a></div>

</div>

</section>

<p>للتواصل: 730704118 - 711367725</p>

<p>تصميم، برمجة وتطوير: رامي مفيد عبد سيف</p>

</footer>

const channels=[

{name:"Bien Sport 1",cat:"bein",url:"https://www.socialcreator.com/aktvakabat/?s=310982&idprod=99876",img:"images/bein1.png"},

{name:"Bien Sport 2",cat:"bein",url:"https://www.socialcreator.com/aktvakabat/?s=310982&idprod=99875",img:"images/bein2.png"},

{name:"Bien Sport 3",cat:"bein",url:"https://www.socialcreator.com/aktvakabat/?s=310982&idprod=99874",img:"images/bein3.png"},

{name:"Bien Sport 4",cat:"bein",url:"https://www.socialcreator.com/aktvakabat/?s=310982&idprod=99873",img:"images/bein4.png"},

{name:"SSC1",cat:"bein",url:"https://www.socialcreator.com/aktvakabat/?s=310982&idprod=99877",img:"images/ssc1.png"},

{name:"بث مباراة اليوم",cat:"news",url:"https://www.socialcreator.com/aktvakabat/?s=310982&idprod=99882",img:"images/live.png"},

];

const grid=document.getElementById("channels");

const player=document.getElementById("player");

function render(list){

grid.innerHTML="";

list.forEach(c=>{

const card=document.createElement("div");

card.className="card";

card.innerHTML=`

<a href="#">▶ مشاهدة</a>

<button onclick="addFav('${c.name}')">⭐ مفضلة</button>`;

card.querySelector("a").onclick=e=>{

e.preventDefault();

player.innerHTML=`<iframe src="${c.url}" width="100%" height="450" frameborder="0" allowfullscreen></iframe>`;

window.scrollTo(0,0);

};

grid.appendChild(card);

});

}

render(channels);

document.getElementById("search").addEventListener("input",e=>{

const v=e.target.value.toLowerCase();

render(channels.filter(c=>c.name.toLowerCase().includes(v)));

});

document.querySelectorAll(".filter button").forEach(b=>{

b.onclick=()=>{

const cat=b.dataset.cat;

render(cat==="all"?channels:channels.filter(c=>c.cat===cat));

};

});

function addFav(name){

let favs=JSON.parse(localStorage.getItem("favs")||"[]");

if(!favs.includes(name)) favs.push(name);

localStorage.setItem("favs",JSON.stringify(favs));

alert("تمت الإضافة إلى المفضلة ⭐");

}

</script>

</body>

</html>

بحث هذه المدونة الإلكترونية

رامي نت

محبإ

تعليقات

إرسال تعليق