Spaces:
Running
Running
TechTouch لمسة تقنية صورة شخصية إعـــلان هنا وجهتكم الأمثل في التكنولوجيا 📝 آخر المنشورات BlackUltra TV 2025/08/20 Black Ultra #كود وتطبيق جديد .. سريع لكل الشبكات ❍ قنوات بث مباشر ❍ افلام ومسلسلات ❍ مناسب … Cinemana X سينمانــا 2025/08/19 سينمانا الأسود هو منصة تقدم خدمة البث التلفزيوني عبر الإنترنت، وهو تابع لشركة ايرثلنك. تهدف هذه … GTA SA للاندرويد فقط 2025/08/16 تم تعديل النسخة واضافة ✪ سيارات حديثه ✪ كرافك عالي جدا ✪ شخصيات جديدة ✪ توحد اكثر من نسخة … موفي بوكس 2025/08/16 افلام ومسلسلات CEE افلام مع التحميل 2025/08/16 افضل تطبيقات الاسطورة tv 2025/08/15 #تحديث 🥇قنوات رياضيه 🥇المحتوى الترفيهي 🥇جودة عالية ⭐️ يحتوى افلام ومسلسلات رمضان ✦ التعديل ✓ تم … Manus AI ذكاء اصطناعي 2025/08/13 منظمة Manus AI هي واحدة من المشاريع الرائدة في مجال الذكاء الاصطناعي، حيث تركز على تطوير حلول مبتكرة … 📚 المنشورات 🎮 الألعاب أحدث الألعاب والتطبيقات المتعلقة بها ⚽ أفضل التطبيقات الرياضية افضل تطبيقات قنوات البث المباشر 🎬 أفضل تطبيقات الأفلام أحدث تطبيقات الأفلام والمسلسلات 📱 قنوات التليجرام جميع قنوات التليجرام المتخصصة جميع الحقوق محفوظة © 2025 TechTouch - Initial Deployment
da4705d
verified
| <html lang="ar" dir="rtl"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>TechTouch - لمسة تقنية</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap'); | |
| body { | |
| font-family: 'Tajawal', sans-serif; | |
| background-color: #f5f7fa; | |
| } | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%); | |
| } | |
| .post-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); | |
| } | |
| .category-card:hover { | |
| transform: scale(1.03); | |
| } | |
| </style> | |
| </head> | |
| <body class="text-gray-800"> | |
| <!-- Header --> | |
| <header class="gradient-bg text-white shadow-lg"> | |
| <div class="container mx-auto px-4 py-6"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="flex items-center mb-4 md:mb-0"> | |
| <div class="w-12 h-12 rounded-full bg-white flex items-center justify-center mr-3"> | |
| <i class="fas fa-laptop-code text-2xl text-blue-600"></i> | |
| </div> | |
| <div> | |
| <h1 class="text-2xl font-bold">TechTouch</h1> | |
| <p class="text-sm opacity-80">لمسة تقنية</p> | |
| </div> | |
| </div> | |
| <div class="w-full md:w-1/3 bg-white rounded-lg overflow-hidden"> | |
| <div class="h-10 bg-yellow-400 flex items-center justify-center text-black font-bold"> | |
| إعـــلان هنا | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="py-8 bg-white shadow-sm"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h2 class="text-3xl font-bold text-blue-600 mb-2">وجهتكم الأمثل في التكنولوجيا</h2> | |
| <p class="text-gray-600 max-w-2xl mx-auto">أحدث التطبيقات والألعاب والحلول التقنية لجميع احتياجاتك الرقمية</p> | |
| </div> | |
| </section> | |
| <!-- Main Content --> | |
| <main class="container mx-auto px-4 py-8"> | |
| <div class="flex flex-col lg:flex-row gap-8"> | |
| <!-- Posts Section --> | |
| <div class="lg:w-2/3"> | |
| <div class="flex items-center justify-between mb-6 border-b pb-2"> | |
| <h2 class="text-xl font-bold flex items-center"> | |
| <i class="fas fa-pen-fancy mr-2 text-blue-500"></i> | |
| آخر المنشورات | |
| </h2> | |
| <a href="#" class="text-sm text-blue-500 hover:underline">عرض الكل</a> | |
| </div> | |
| <!-- Posts Grid --> | |
| <div class="grid md:grid-cols-2 gap-6"> | |
| <!-- Post 1 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 post-card"> | |
| <div class="h-40 bg-gradient-to-r from-gray-800 to-gray-600 flex items-center justify-center"> | |
| <i class="fas fa-tv text-5xl text-white opacity-70"></i> | |
| </div> | |
| <div class="p-4"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <span class="text-sm font-medium text-blue-600">BlackUltra TV</span> | |
| <span class="text-xs text-gray-500">2025/08/20</span> | |
| </div> | |
| <h3 class="font-bold text-lg mb-2">Black Ultra #كود وتطبيق جديد .. سريع لكل الشبكات</h3> | |
| <p class="text-gray-600 text-sm mb-3"> | |
| ❍ قنوات بث مباشر ❍ افلام ومسلسلات ❍ مناسب … | |
| </p> | |
| <div class="flex justify-between items-center"> | |
| <a href="#" class="text-blue-500 text-sm hover:underline">قراءة المزيد</a> | |
| <div class="flex space-x-1"> | |
| <span class="text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded">تطبيق</span> | |
| <span class="text-xs bg-purple-100 text-purple-800 px-2 py-1 rounded">بث مباشر</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Post 2 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 post-card"> | |
| <div class="h-40 bg-gradient-to-r from-purple-800 to-pink-600 flex items-center justify-center"> | |
| <i class="fas fa-film text-5xl text-white opacity-70"></i> | |
| </div> | |
| <div class="p-4"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <span class="text-sm font-medium text-blue-600">Cinemana X سينمانــا</span> | |
| <span class="text-xs text-gray-500">2025/08/19</span> | |
| </div> | |
| <h3 class="font-bold text-lg mb-2">سينمانا الأسود هو منصة تقدم خدمة البث التلفزيوني عبر الإنترنت</h3> | |
| <p class="text-gray-600 text-sm mb-3"> | |
| تهدف هذه المنصة إلى تقديم محتوى متنوع يشمل الأفلام والمسلسلات والبرامج الترفيهية... | |
| </p> | |
| <div class="flex justify-between items-center"> | |
| <a href="#" class="text-blue-500 text-sm hover:underline">قراءة المزيد</a> | |
| <div class="flex space-x-1"> | |
| <span class="text-xs bg-red-100 text-red-800 px-2 py-1 rounded">أفلام</span> | |
| <span class="text-xs bg-purple-100 text-purple-800 px-2 py-1 rounded">بث مباشر</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Post 3 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 post-card"> | |
| <div class="h-40 bg-gradient-to-r from-green-800 to-blue-600 flex items-center justify-center"> | |
| <i class="fas fa-gamepad text-5xl text-white opacity-70"></i> | |
| </div> | |
| <div class="p-4"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <span class="text-sm font-medium text-blue-600">GTA SA للاندرويد فقط</span> | |
| <span class="text-xs text-gray-500">2025/08/16</span> | |
| </div> | |
| <h3 class="font-bold text-lg mb-2">تم تعديل النسخة واضافة ✪ سيارات حديثه ✪ كرافك عالي جدا</h3> | |
| <p class="text-gray-600 text-sm mb-3"> | |
| ✪ شخصيات جديدة ✪ توحد اكثر من نسخة … | |
| </p> | |
| <div class="flex justify-between items-center"> | |
| <a href="#" class="text-blue-500 text-sm hover:underline">قراءة المزيد</a> | |
| <div class="flex space-x-1"> | |
| <span class="text-xs bg-yellow-100 text-yellow-800 px-2 py-1 rounded">ألعاب</span> | |
| <span class="text-xs bg-green-100 text-green-800 px-2 py-1 rounded">تعديل</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Post 4 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 post-card"> | |
| <div class="h-40 bg-gradient-to-r from-red-800 to-orange-600 flex items-center justify-center"> | |
| <i class="fas fa-video text-5xl text-white opacity-70"></i> | |
| </div> | |
| <div class="p-4"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <span class="text-sm font-medium text-blue-600">موفي بوكس</span> | |
| <span class="text-xs text-gray-500">2025/08/16</span> | |
| </div> | |
| <h3 class="font-bold text-lg mb-2">افلام ومسلسلات</h3> | |
| <p class="text-gray-600 text-sm mb-3"> | |
| تطبيق شامل لمشاهدة أحدث الأفلام والمسلسلات بجودة عالية | |
| </p> | |
| <div class="flex justify-between items-center"> | |
| <a href="#" class="text-blue-500 text-sm hover:underline">قراءة المزيد</a> | |
| <div class="flex space-x-1"> | |
| <span class="text-xs bg-red-100 text-red-800 px-2 py-1 rounded">أفلام</span> | |
| <span class="text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded">مسلسلات</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Sidebar --> | |
| <div class="lg:w-1/3"> | |
| <!-- Categories --> | |
| <div class="bg-white rounded-lg shadow-md p-6 mb-6"> | |
| <h2 class="text-xl font-bold mb-4 flex items-center"> | |
| <i class="fas fa-th-large mr-2 text-blue-500"></i> | |
| الأقسام | |
| </h2> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <!-- Category 1 --> | |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center transition-all duration-300 category-card"> | |
| <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-2"> | |
| <i class="fas fa-gamepad text-blue-600"></i> | |
| </div> | |
| <h3 class="font-medium">🎮 الألعاب</h3> | |
| <p class="text-xs text-gray-500 mt-1">أحدث الألعاب والتطبيقات المتعلقة بها</p> | |
| </a> | |
| <!-- Category 2 --> | |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center transition-all duration-300 category-card"> | |
| <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-2"> | |
| <i class="fas fa-futbol text-green-600"></i> | |
| </div> | |
| <h3 class="font-medium">⚽ أفضل التطبيقات الرياضية</h3> | |
| <p class="text-xs text-gray-500 mt-1">افضل تطبيقات قنوات البث المباشر</p> | |
| </a> | |
| <!-- Category 3 --> | |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center transition-all duration-300 category-card"> | |
| <div class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-2"> | |
| <i class="fas fa-film text-red-600"></i> | |
| </div> | |
| <h3 class="font-medium">🎬 أفضل تطبيقات الأفلام</h3> | |
| <p class="text-xs text-gray-500 mt-1">أحدث تطبيقات الأفلام والمسلسلات</p> | |
| </a> | |
| <!-- Category 4 --> | |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center transition-all duration-300 category-card"> | |
| <div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-2"> | |
| <i class="fab fa-telegram text-purple-600"></i> | |
| </div> | |
| <h3 class="font-medium">📱 قنوات التليجرام</h3> | |
| <p class="text-xs text-gray-500 mt-1">جميع قنوات التليجرام المتخصصة</p> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Popular Posts --> | |
| <div class="bg-white rounded-lg shadow-md p-6"> | |
| <h2 class="text-xl font-bold mb-4 flex items-center"> | |
| <i class="fas fa-fire mr-2 text-red-500"></i> | |
| الأكثر مشاهدة | |
| </h2> | |
| <div class="space-y-4"> | |
| <!-- Popular Post 1 --> | |
| <a href="#" class="flex items-start group"> | |
| <div class="w-16 h-16 bg-gray-200 rounded-md overflow-hidden flex-shrink-0"> | |
| <div class="w-full h-full bg-gradient-to-r from-blue-500 to-blue-700 flex items-center justify-center"> | |
| <i class="fas fa-tv text-white"></i> | |
| </div> | |
| </div> | |
| <div class="mr-3"> | |
| <h3 class="font-medium group-hover:text-blue-600 transition">BlackUltra TV</h3> | |
| <p class="text-xs text-gray-500">2025/08/20</p> | |
| </div> | |
| </a> | |
| <!-- Popular Post 2 --> | |
| <a href="#" class="flex items-start group"> | |
| <div class="w-16 h-16 bg-gray-200 rounded-md overflow-hidden flex-shrink-0"> | |
| <div class="w-full h-full bg-gradient-to-r from-purple-500 to-pink-600 flex items-center justify-center"> | |
| <i class="fas fa-film text-white"></i> | |
| </div> | |
| </div> | |
| <div class="mr-3"> | |
| <h3 class="font-medium group-hover:text-blue-600 transition">Cinemana X سينمانــا</h3> | |
| <p class="text-xs text-gray-500">2025/08/19</p> | |
| </div> | |
| </a> | |
| <!-- Popular Post 3 --> | |
| <a href="#" class="flex items-start group"> | |
| <div class="w-16 h-16 bg-gray-200 rounded-md overflow-hidden flex-shrink-0"> | |
| <div class="w-full h-full bg-gradient-to-r from-green-500 to-teal-600 flex items-center justify-center"> | |
| <i class="fas fa-gamepad text-white"></i> | |
| </div> | |
| </div> | |
| <div class="mr-3"> | |
| <h3 class="font-medium group-hover:text-blue-600 transition">GTA SA للاندرويد فقط</h3> | |
| <p class="text-xs text-gray-500">2025/08/16</p> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-8"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="mb-4 md:mb-0"> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 rounded-full bg-white flex items-center justify-center mr-3"> | |
| <i class="fas fa-laptop-code text-xl text-blue-600"></i> | |
| </div> | |
| <div> | |
| <h2 class="text-xl font-bold">TechTouch</h2> | |
| <p class="text-sm opacity-80">لمسة تقنية</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="flex space-x-6"> | |
| <a href="#" class="hover:text-blue-400 transition"> | |
| <i class="fab fa-facebook-f"></i> | |
| </a> | |
| <a href="#" class="hover:text-blue-400 transition"> | |
| <i class="fab fa-twitter"></i> | |
| </a> | |
| <a href="#" class="hover:text-blue-400 transition"> | |
| <i class="fab fa-telegram"></i> | |
| </a> | |
| <a href="#" class="hover:text-blue-400 transition"> | |
| <i class="fab fa-youtube"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-6 pt-6 text-center text-sm text-gray-400"> | |
| جميع الحقوق محفوظة © 2025 TechTouch | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Simple JavaScript for demonstration | |
| document.addEventListener('DOMContentLoaded', function() { | |
| // Add animation class to cards when they come into view | |
| const observer = new IntersectionObserver((entries) => { | |
| entries.forEach(entry => { | |
| if (entry.isIntersecting) { | |
| entry.target.classList.add('animate-fadeIn'); | |
| } | |
| }); | |
| }, { threshold: 0.1 }); | |
| document.querySelectorAll('.post-card, .category-card').forEach(card => { | |
| observer.observe(card); | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Kinan0m/techtouch0" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |