CINXE.COM
丨賵賱 兀乇賵賲丕 IPTV - 賲夭賵丿 丕賱亘孬 丕賱賲賲賷夭 丕賱禺丕氐 亘賰
<!DOCTYPE html> <html lang="ar" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="鬲毓乇賮 毓賱賶 丕賱賲夭賷丿 丨賵賱 Aroma IPTV貙 賲賴賲鬲賳丕 賮賷 鬲賯丿賷賲 丕賱鬲乇賮賷賴 丕賱賲鬲賲賷夭貙 賵丕賱鬲夭丕賲賳丕 亘乇囟丕 丕賱毓賲賱丕亍."> <meta name="keywords" content="about aroma, aroma iptv, iptv provider, streaming, entertainment"> <meta name="author" content="Aroma IPTV"> <title>丨賵賱 兀乇賵賲丕 IPTV - 賲夭賵丿 丕賱亘孬 丕賱賲賲賷夭 丕賱禺丕氐 亘賰</title> <!-- Favicon Links --> <link rel="icon" type="image/png" sizes="16x16" href="./favicons/favicon_16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon.png"> <link rel="icon" type="image/png" sizes="48x48" href="./favicons/favicon_48x48.png"> <link rel="icon" type="image/png" sizes="64x64" href="./favicons/favicon_64x64.png"> <!-- Apple Touch Icons --> <link rel="apple-touch-icon" sizes="120x120" href="./favicons/favicon_120x120.png"> <link rel="apple-touch-icon" sizes="152x152" href="./favicons/favicon_152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="./favicons/favicon_180x180.png"> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Bootstrap Icons CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet"> <!-- Font Awesome CSS --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"> <!-- Font Awesome CSS --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"> <!-- Animate.css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"> <!-- Custom Styles --> <link rel="stylesheet" href="styles.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- JavaScript --> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <link href="https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic&display=swap" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <!-- Owl Carousel CSS --> <link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" rel="stylesheet"> <!-- Font Awesome CSS --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"> <!-- Animate.css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"> <script src="https://cdn.jsdelivr.net/npm/@fingerprintjs/fingerprintjs@3.0.0/dist/fp.min.js"></script> <style> body { font-family: 'Noto Kufi Arabic', sans-serif; } .menu { display: none; background-color: #f8f9fa; padding: 1rem; } .menu.show { display: block; } </style> <script src="https://www.google.com/recaptcha/enterprise.js?render=6LchKrwqAAAAAD68qJtE2fvpzOvwMhExGiUxhAF_"></script> </head> <body> <header class="header"> <a class="login-button" href="https://aromatv.vip/login">鬲爻噩賷賱 丕賱丿禺賵賱</a> <div class="logo"> <a href="https://aromatv.vip"> <img src="/images/logo.png" alt="卮毓丕乇 Aroma IPTV"> </a> </div> <div class="menu-toggle" onclick="toggleMenu()"> <i class="fas fa-bars"></i> </div> </header> <div class="menu" id="menu"> <nav> <a href="https://aromatv.vip/offers">丕賱毓乇賵囟</a> <a href="https://aromatv.vip/packages">丕賱亘丕賯丕鬲</a> <a href="https://aromatv.vip/downloads">丕賱鬲賳夭賷賱丕鬲</a> <a href="https://aromatv.vip/howtouse">賰賷賮賷丞 丕賱丕爻鬲禺丿丕賲</a> <a href="https://aromatv.vip/resellers">丕賱賲賵夭毓賷賳</a> <a href="https://aromatv.vip/aboutus">賲賳 賳丨賳</a> <a href="https://aromatv.vip/contactus">鬲賵丕氐賱 賲毓賳丕</a> </nav> </div> <script> function toggleMenu() { const menu = document.getElementById('menu'); const btn = document.querySelector('.menu-toggle'); // We'll pass the server-side $currentLang into JS: const currentLang = "ar"; // If about to show the menu (i.e., not currently "show") if (!menu.classList.contains('show')) { // 1) Get the toggle button's position in the viewport const rect = btn.getBoundingClientRect(); // 2) Set menu as absolutely positioned in the document menu.style.position = 'absolute'; // Place it below the bottom of the toggle button menu.style.top = (rect.bottom + window.scrollY) + 'px'; // Temporarily force display so offsetWidth is measurable const wasHidden = !menu.classList.contains('show'); if (wasHidden) { menu.style.display = 'block'; } const menuWidth = menu.offsetWidth || 200; // fallback if needed const screenWidth = window.innerWidth; // Re-hide if it was hidden if (wasHidden) { menu.style.display = ''; } let finalLeft; if (currentLang === 'ar') { // Align the menu's right edge with the button's right edge finalLeft = (rect.right + window.scrollX) - menuWidth; } else { // Default: align the menu's left edge with the button's left edge finalLeft = rect.left + window.scrollX; } // 3) Clamp finalLeft to keep menu within the viewport if (finalLeft < 0) finalLeft = 0; if (finalLeft + menuWidth > screenWidth) { finalLeft = screenWidth - menuWidth; } menu.style.left = finalLeft + 'px'; } // Toggle the "show" class to display/hide menu.classList.toggle('show'); } // jQuery doc ready for your other animations, Owl Carousel, etc. $(document).ready(function() { function animateSections() { $('.section, .contact-section').each(function() { const elementTop = $(this).offset().top; const windowBottom = $(window).scrollTop() + $(window).height(); if (elementTop < windowBottom - 100) { $(this).addClass('animate'); } }); } animateSections(); $(window).scroll(animateSections); $('.owl-carousel').owlCarousel({ loop: true, margin: 10, nav: false, dots: false, autoplay: true, autoplayTimeout: 5000, rtl: true, responsive:{ 0:{ items:1 }, 600:{ items:2 }, 1000:{ items:3 } } }); }); </script> <!-- H1 After Gallery Container --> <h1 class="text-center my-4" style="color: #8B0000;">Aroma IPTV</h1> <div class="container mt-5"> <div class="row justify-content-center"> <div class="col-md-8"> <div class="card shadow"> <div class="card-header bg-primary text-white text-center"> <h3>胤賱亘 丕賱賲賵夭毓</h3> </div> <div class="card-body"> <form id="resellerForm" method="POST"> <!-- Name Field --> <div class="mb-3"> <label for="name" class="form-label">丕賱丕爻賲 丕賱賰丕賲賱</label> <input type="text" class="form-control" id="name" name="name" placeholder="兀丿禺賱 丕爻賲賰 丕賱賰丕賲賱" required> </div> <!-- Email Field --> <div class="mb-3"> <label for="email" class="form-label">丕賱亘乇賷丿 丕賱廿賱賰鬲乇賵賳賷</label> <input type="email" class="form-control" id="email" name="email" placeholder="兀丿禺賱 亘乇賷丿賰 丕賱廿賱賰鬲乇賵賳賷" required> </div> <!-- Phone Number Field --> <div class="mb-3"> <label for="phone" class="form-label">乇賯賲 丕賱賴丕鬲賮</label> <input type="text" class="form-control" id="phone" name="phone" placeholder="兀丿禺賱 乇賯賲 賴丕鬲賮賰" required> </div> <!-- WhatsApp Field --> <div class="mb-3"> <label for="whatsapp" class="form-label">噩賴丞 丕鬲氐丕賱 WhatsApp</label> <input type="text" class="form-control" id="whatsapp" name="whatsapp" placeholder="兀丿禺賱 乇賯賲 WhatsApp 丕賱禺丕氐 亘賰"> </div> <!-- Telegram Field --> <div class="mb-3"> <label for="telegram" class="form-label">噩賴丞 丕鬲氐丕賱 Telegram</label> <input type="text" class="form-control" id="telegram" name="telegram" placeholder="兀丿禺賱 丕爻賲 賲爻鬲禺丿賲 Telegram 丕賱禺丕氐 亘賰"> </div> <!-- Country Field --> <div class="mb-3"> <label for="country" class="form-label">丕賱亘賱丿</label> <input type="text" class="form-control" id="country" name="country" placeholder="兀丿禺賱 亘賱丿賰" required> </div> <!-- Submit Button --> <div class="text-center"> <button type="submit" class="btn btn-primary">廿乇爻丕賱 丕賱胤賱亘</button> </div> </form> </div> </div> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <footer class="footer text-center"> <div class="container"> <div class="row"> <!-- Logo --> <div class="col-12 mb-3"> <img src="/images/logo.png" alt="卮毓丕乇 Aroma IPTV" style="max-width: 150px; margin-bottom: 20px;"> </div> <!-- Social Media Icons --> <div class="col-12 mb-3"> <div class="social-icons"> <a href="https://web.facebook.com/aroma4kiptv" target="_blank" aria-label="Facebook"><i class="bi bi-facebook"></i></a> <a href="https://x.com/aroomatv" target="_blank" aria-label="Twitter"><i class="bi bi-twitter"></i></a> <a href="https://www.tiktok.com/@arooma.tv" target="_blank" aria-label="TikTok"><i class="bi bi-tiktok"></i></a> <a href="https://www.youtube.com/@Aromatvonline" target="_blank" aria-label="YouTube"><i class="bi bi-youtube"></i></a> </div> </div> <!-- ... any additional footer content ... --> </div> </div> <div class="divider"></div> <div class="icon-container"> <!-- Live Stream Icon --> <a href="https://iptv.gives/live" title="Free Live TV" aria-label="Free Live TV" class="live-stream-icon"> <img src="/images/icons/live_icon.png" alt="Live Stream"> </a> <!-- WhatsApp Icon --> <a href="https://whatsapp.iptv.gives" target="_blank" aria-label="WhatsApp" class="whatsapp-icon"> <img src="/images/icons/wa_icon.png" alt="WhatsApp"> </a> <!-- We are in Arabic, so show EN icon to switch to English --> <a href="?lang=en" aria-label="Switch to English" class="language-icon"> <img src="/images/icons/en_icon.png" alt="English" /> </a> </div> <!-- Trade Mark --> <div class="col-12"> <p>© 2016-2025 Aroma IPTV. 噩賲賷毓 丕賱丨賯賵賯 賲丨賮賵馗丞.</p> </div> </div> </div> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-YTENKPNQK1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-YTENKPNQK1'); </script> </footer> </body> </html>