| <!DOCTYPE html> |
| <html lang="ar" dir="rtl"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Hackers Academy | أكاديمية الهاكرز</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: #0a0a0a; |
| color: #e5e7eb; |
| } |
| |
| .hacker-bg { |
| background: linear-gradient(135deg, #0d0d0d 0%, #111827 100%); |
| } |
| |
| .hacker-card { |
| background-color: #1f2937; |
| border: 1px solid #374151; |
| transition: all 0.3s ease; |
| } |
| |
| .hacker-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 25px rgba(16, 185, 129, 0.1); |
| border-color: #10b981; |
| } |
| |
| .hacker-primary { |
| color: #10b981; |
| } |
| |
| .hacker-secondary { |
| color: #3b82f6; |
| } |
| |
| .glow-text { |
| text-shadow: 0 0 8px rgba(16, 185, 129, 0.6); |
| } |
| |
| .terminal { |
| background-color: #111827; |
| border: 1px solid #10b981; |
| font-family: 'Courier New', Courier, monospace; |
| } |
| |
| .command::before { |
| content: "> "; |
| color: #10b981; |
| } |
| |
| .blink-cursor::after { |
| content: "|"; |
| animation: blink 1s infinite; |
| color: #10b981; |
| } |
| |
| @keyframes blink { |
| 0%, 100% { opacity: 1; } |
| 50% { opacity: 0; } |
| } |
| |
| .matrix-bg { |
| position: relative; |
| overflow: hidden; |
| } |
| |
| .matrix-bg::before { |
| content: ""; |
| position: absolute; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><text x="10" y="20" font-family="Courier" font-size="12" fill="rgba(16,185,129,0.1)">0 1 0 1 0 1 0 1 0 1</text><text x="5" y="35" font-family="Courier" font-size="12" fill="rgba(16,185,129,0.1)">1 0 1 0 1 0 1 0 1 0</text><text x="15" y="50" font-family="Courier" font-size="12" fill="rgba(16,185,129,0.1)">0 1 0 1 0 1 0 1 0 1</text><text x="10" y="65" font-family="Courier" font-size="12" fill="rgba(16,185,129,0.1)">1 0 1 0 1 0 1 0 1 0</text><text x="5" y="80" font-family="Courier" font-size="12" fill="rgba(16,185,129,0.1)">0 1 0 1 0 1 0 1 0 1</text><text x="15" y="95" font-family="Courier" font-size="12" fill="rgba(16,185,129,0.1)">1 0 1 0 1 0 1 0 1 0</text></svg>'); |
| opacity: 0.1; |
| z-index: 0; |
| } |
| |
| .tab-content { |
| display: none; |
| } |
| |
| .tab-content.active { |
| display: block; |
| } |
| |
| .nav-tab { |
| border-bottom: 3px solid transparent; |
| transition: all 0.3s; |
| } |
| |
| .nav-tab:hover, .nav-tab.active { |
| border-bottom-color: #10b981; |
| color: #10b981; |
| } |
| </style> |
| </head> |
| <body class="matrix-bg"> |
| |
| <nav class="hacker-bg border-b border-gray-800 py-4 sticky top-0 z-50"> |
| <div class="container mx-auto px-4 flex justify-between items-center"> |
| <div class="flex items-center space-x-3"> |
| <div class="w-10 h-10 bg-green-900 rounded-full flex items-center justify-center"> |
| <i class="fas fa-terminal hacker-primary"></i> |
| </div> |
| <h1 class="text-xl font-bold hacker-primary glow-text">Hackers<span class="hacker-secondary">Academy</span></h1> |
| </div> |
| |
| <div class="hidden md:flex items-center space-x-6"> |
| <a href="#courses" class="text-gray-300 hover:text-green-400 transition">الدورات</a> |
| <a href="#tools" class="text-gray-300 hover:text-green-400 transition">الأدوات</a> |
| <a href="#commands" class="text-gray-300 hover:text-green-400 transition">الأوامر</a> |
| <a href="#resources" class="text-gray-300 hover:text-green-400 transition">المصادر</a> |
| <a href="#about" class="text-gray-300 hover:text-green-400 transition">عن الأكاديمية</a> |
| </div> |
| |
| <div class="flex items-center space-x-3"> |
| <button class="px-4 py-2 bg-green-800 hover:bg-green-700 text-white rounded-md font-medium transition"> |
| <i class="fas fa-user-secret mr-2"></i> تسجيل الدخول |
| </button> |
| <button class="md:hidden text-gray-300 hover:text-green-400"> |
| <i class="fas fa-bars text-xl"></i> |
| </button> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <header class="hacker-bg py-20"> |
| <div class="container mx-auto px-4 text-center"> |
| <h1 class="text-4xl md:text-6xl font-bold mb-6 hacker-primary glow-text">أكاديمية <span class="hacker-secondary">الهاكرز</span></h1> |
| <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-8"> |
| تعلم الأمن السيبراني، الاختراق الأخلاقي، وتأمين الأنظمة من الصفر إلى الاحتراف |
| </p> |
| <div class="flex flex-wrap justify-center gap-4"> |
| <button class="px-6 py-3 bg-green-700 hover:bg-green-600 text-white rounded-md font-bold transition flex items-center"> |
| <i class="fas fa-play mr-2"></i> ابدأ التعلم الآن |
| </button> |
| <button class="px-6 py-3 bg-gray-800 hover:bg-gray-700 text-white rounded-md font-bold transition flex items-center"> |
| <i class="fas fa-eye mr-2"></i> عرض الدورات |
| </button> |
| </div> |
| </div> |
| </header> |
|
|
| |
| <section class="container mx-auto px-4 my-16"> |
| <div class="terminal rounded-lg overflow-hidden max-w-4xl mx-auto"> |
| <div class="bg-gray-900 px-4 py-3 flex items-center"> |
| <div class="flex space-x-2 mr-3"> |
| <div class="w-3 h-3 rounded-full bg-red-500"></div> |
| <div class="w-3 h-3 rounded-full bg-yellow-500"></div> |
| <div class="w-3 h-3 rounded-full bg-green-500"></div> |
| </div> |
| <div class="text-sm text-gray-400">terminal@hackers-academy:~</div> |
| </div> |
| <div class="p-4"> |
| <div class="mb-3"> |
| <p class="text-green-400">Welcome to Hackers Academy Terminal</p> |
| <p class="text-gray-400">Type 'help' to see available commands</p> |
| </div> |
| <div class="mb-3 flex items-baseline"> |
| <span class="text-green-400 mr-2">$</span> |
| <p class="command">help</p> |
| </div> |
| <div class="mb-3 text-gray-300"> |
| <p>Available commands:</p> |
| <p class="ml-4">- courses: List all hacking courses</p> |
| <p class="ml-4">- tools: Show hacking tools</p> |
| <p class="ml-4">- commands: List useful commands</p> |
| <p class="ml-4">- clear: Clear terminal</p> |
| </div> |
| <div class="flex items-baseline"> |
| <span class="text-green-400 mr-2">$</span> |
| <p class="command blink-cursor">_</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="courses" class="container mx-auto px-4 my-16"> |
| <h2 class="text-3xl font-bold mb-8 text-center hacker-primary"> |
| <i class="fas fa-graduation-cap mr-2"></i> دوراتنا التعليمية |
| </h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
| |
| <div class="hacker-card rounded-lg p-6"> |
| <div class="w-16 h-16 bg-green-900 rounded-full flex items-center justify-center mb-4 mx-auto"> |
| <i class="fas fa-lock text-2xl hacker-primary"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-center hacker-primary">الأمن السيبراني الأساسي</h3> |
| <p class="text-gray-400 mb-4 text-center"> |
| تعلم أساسيات الأمن السيبراني وحماية الأنظمة من الهجمات |
| </p> |
| <ul class="space-y-2 mb-4"> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>مقدمة في الأمن السيبراني</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>أنواع الهجمات الإلكترونية</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>أدوات الحماية الأساسية</span> |
| </li> |
| </ul> |
| <button class="w-full py-2 bg-green-800 hover:bg-green-700 rounded-md transition"> |
| ابدأ الدورة |
| </button> |
| </div> |
| |
| |
| <div class="hacker-card rounded-lg p-6"> |
| <div class="w-16 h-16 bg-blue-900 rounded-full flex items-center justify-center mb-4 mx-auto"> |
| <i class="fas fa-user-secret text-2xl hacker-secondary"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-center hacker-secondary">الاختراق الأخلاقي</h3> |
| <p class="text-gray-400 mb-4 text-center"> |
| تعلم اختبار الاختراق واكتشاف الثغرات الأمنية كخبير |
| </p> |
| <ul class="space-y-2 mb-4"> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-blue-500 mr-2"></i> |
| <span>أساسيات الاختراق الأخلاقي</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-blue-500 mr-2"></i> |
| <span>استخدام Kali Linux</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-blue-500 mr-2"></i> |
| <span>اختبار الاختراق العملي</span> |
| </li> |
| </ul> |
| <button class="w-full py-2 bg-blue-800 hover:bg-blue-700 rounded-md transition"> |
| ابدأ الدورة |
| </button> |
| </div> |
| |
| |
| <div class="hacker-card rounded-lg p-6"> |
| <div class="w-16 h-16 bg-purple-900 rounded-full flex items-center justify-center mb-4 mx-auto"> |
| <i class="fas fa-network-wired text-2xl text-purple-400"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-center text-purple-400">أمن الشبكات</h3> |
| <p class="text-gray-400 mb-4 text-center"> |
| احترف تأمين الشبكات واكتشاف الثغرات الشبكية |
| </p> |
| <ul class="space-y-2 mb-4"> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-purple-500 mr-2"></i> |
| <span>أساسيات أمن الشبكات</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-purple-500 mr-2"></i> |
| <span>تحليل حركة الشبكة</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-purple-500 mr-2"></i> |
| <span>أدوات أمن الشبكات</span> |
| </li> |
| </ul> |
| <button class="w-full py-2 bg-purple-800 hover:bg-purple-700 rounded-md transition"> |
| ابدأ الدورة |
| </button> |
| </div> |
| </div> |
| |
| <div class="text-center mt-10"> |
| <button class="px-6 py-3 border border-green-600 text-green-400 hover:bg-green-900 rounded-md font-bold transition"> |
| عرض جميع الدورات <i class="fas fa-arrow-left ml-2"></i> |
| </button> |
| </div> |
| </section> |
|
|
| |
| <section id="tools" class="hacker-bg py-16 my-16 border-t border-b border-gray-800"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold mb-8 text-center hacker-primary"> |
| <i class="fas fa-tools mr-2"></i> أدوات الهاكرز |
| </h2> |
| |
| <div class="flex flex-wrap justify-center mb-8 border-b border-gray-700"> |
| <button class="nav-tab px-6 py-3 font-medium active" data-tab="pentesting">اختبار الاختراق</button> |
| <button class="nav-tab px-6 py-3 font-medium" data-tab="forensics">التحقيق الجنائي</button> |
| <button class="nav-tab px-6 py-3 font-medium" data-tab="network">أمن الشبكات</button> |
| <button class="nav-tab px-6 py-3 font-medium" data-tab="web">أمن الويب</button> |
| </div> |
| |
| <div class="tab-content active" id="pentesting"> |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> |
| |
| <div class="hacker-card rounded-lg p-4 flex items-start"> |
| <div class="bg-green-900 p-3 rounded-md mr-3"> |
| <i class="fas fa-skull text-green-400"></i> |
| </div> |
| <div> |
| <h3 class="font-bold hacker-primary">Kali Linux</h3> |
| <p class="text-sm text-gray-400">توزيعة لينكس مخصصة لاختبار الاختراق</p> |
| </div> |
| </div> |
| |
| |
| <div class="hacker-card rounded-lg p-4 flex items-start"> |
| <div class="bg-blue-900 p-3 rounded-md mr-3"> |
| <i class="fas fa-bug text-blue-400"></i> |
| </div> |
| <div> |
| <h3 class="font-bold hacker-secondary">Metasploit</h3> |
| <p class="text-sm text-gray-400">إطار عمل لاختبار الاختراق وتطوير الثغرات</p> |
| </div> |
| </div> |
| |
| |
| <div class="hacker-card rounded-lg p-4 flex items-start"> |
| <div class="bg-purple-900 p-3 rounded-md mr-3"> |
| <i class="fas fa-wifi text-purple-400"></i> |
| </div> |
| <div> |
| <h3 class="font-bold text-purple-400">Aircrack-ng</h3> |
| <p class="text-sm text-gray-400">أداة لاختبار أمان الشبكات اللاسلكية</p> |
| </div> |
| </div> |
| |
| |
| <div class="hacker-card rounded-lg p-4 flex items-start"> |
| <div class="bg-yellow-900 p-3 rounded-md mr-3"> |
| <i class="fas fa-key text-yellow-400"></i> |
| </div> |
| <div> |
| <h3 class="font-bold text-yellow-400">John the Ripper</h3> |
| <p class="text-sm text-gray-400">أداة لكسر كلمات المرور</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="tab-content" id="forensics"> |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> |
| |
| <div class="hacker-card rounded-lg p-4 flex items-start"> |
| <div class="bg-green-900 p-3 rounded-md mr-3"> |
| <i class="fas fa-hdd text-green-400"></i> |
| </div> |
| <div> |
| <h3 class="font-bold hacker-primary">Autopsy</h3> |
| <p class="text-sm text-gray-400">منصة للتحقيق الجنائي الرقمي</p> |
| </div> |
| </div> |
| |
| |
| <div class="hacker-card rounded-lg p-4 flex items-start"> |
| <div class="bg-blue-900 p-3 rounded-md mr-3"> |
| <i class="fas fa-memory text-blue-400"></i> |
| </div> |
| <div> |
| <h3 class="font-bold hacker-secondary">Volatility</h3> |
| <p class="text-sm text-gray-400">أداة لتحليل ذاكرة النظام</p> |
| </div> |
| </div> |
| |
| |
| <div class="hacker-card rounded-lg p-4 flex items-start"> |
| <div class="bg-purple-900 p-3 rounded-md mr-3"> |
| <i class="fas fa-file-alt text-purple-400"></i> |
| </div> |
| <div> |
| <h3 class="font-bold text-purple-400">Sleuth Kit</h3> |
| <p class="text-sm text-gray-400">أدوات للتحقيق في أنظمة الملفات</p> |
| </div> |
| </div> |
| |
| |
| <div class="hacker-card rounded-lg p-4 flex items-start"> |
| <div class="bg-yellow-900 p-3 rounded-md mr-3"> |
| <i class="fas fa-network-wired text-yellow-400"></i> |
| </div> |
| <div> |
| <h3 class="font-bold text-yellow-400">Wireshark</h3> |
| <p class="text-sm text-gray-400">أداة لتحليل حركة الشبكة</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="text-center mt-10"> |
| <button class="px-6 py-3 border border-green-600 text-green-400 hover:bg-green-900 rounded-md font-bold transition"> |
| عرض جميع الأدوات <i class="fas fa-arrow-left ml-2"></i> |
| </button> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="commands" class="container mx-auto px-4 my-16"> |
| <h2 class="text-3xl font-bold mb-8 text-center hacker-primary"> |
| <i class="fas fa-terminal mr-2"></i> أوامر مهمة |
| </h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> |
| |
| <div class="hacker-card rounded-lg p-6"> |
| <div class="flex items-center mb-4"> |
| <i class="fab fa-linux text-3xl hacker-primary mr-3"></i> |
| <h3 class="text-xl font-bold hacker-primary">أوامر لينكس</h3> |
| </div> |
| |
| <div class="space-y-4"> |
| <div> |
| <p class="command">nmap -sV 192.168.1.1</p> |
| <p class="text-gray-400 text-sm mt-1">مسح المنافذ المفتوحة والخدمات على عنوان IP</p> |
| </div> |
| |
| <div> |
| <p class="command">aircrack-ng -w wordlist.txt capture.cap</p> |
| <p class="text-gray-400 text-sm mt-1">اختراق شبكة واي فاي باستخدام قائمة كلمات مرور</p> |
| </div> |
| |
| <div> |
| <p class="command">sqlmap -u "http://example.com?id=1" --dbs</p> |
| <p class="text-gray-400 text-sm mt-1">اختبار موقع لثغرات SQL injection</p> |
| </div> |
| |
| <div> |
| <p class="command">hydra -l user -P passlist.txt ssh://192.168.1.1</p> |
| <p class="text-gray-400 text-sm mt-1">هجوم brute force على خدمة SSH</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="hacker-card rounded-lg p-6"> |
| <div class="flex items-center mb-4"> |
| <i class="fab fa-windows text-3xl hacker-secondary mr-3"></i> |
| <h3 class="text-xl font-bold hacker-secondary">أوامر ويندوز</h3> |
| </div> |
| |
| <div class="space-y-4"> |
| <div> |
| <p class="command">netstat -ano</p> |
| <p class="text-gray-400 text-sm mt-1">عرض جميع الاتصالات الشبكية والمنافذ المفتوحة</p> |
| </div> |
| |
| <div> |
| <p class="command">ipconfig /all</p> |
| <p class="text-gray-400 text-sm mt-1">عرض معلومات تكوين الشبكة</p> |
| </div> |
| |
| <div> |
| <p class="command">tasklist /svc</p> |
| <p class="text-gray-400 text-sm mt-1">عرض جميع العمليات الجارية والخدمات</p> |
| </div> |
| |
| <div> |
| <p class="command">systeminfo</p> |
| <p class="text-gray-400 text-sm mt-1">عرض معلومات مفصلة عن النظام</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="text-center mt-10"> |
| <button class="px-6 py-3 border border-green-600 text-green-400 hover:bg-green-900 rounded-md font-bold transition"> |
| عرض جميع الأوامر <i class="fas fa-arrow-left ml-2"></i> |
| </button> |
| </div> |
| </section> |
|
|
| |
| <section class="container mx-auto px-4 my-16"> |
| <h2 class="text-3xl font-bold mb-8 text-center hacker-primary"> |
| <i class="fas fa-images mr-2"></i> معرض الهاكرز |
| </h2> |
| |
| <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"> |
| <div class="hacker-card rounded-lg overflow-hidden"> |
| <img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=80" |
| alt="Hacker image" class="w-full h-40 object-cover"> |
| <div class="p-3"> |
| <p class="text-sm hacker-primary">غرفة عمليات الهاكرز</p> |
| </div> |
| </div> |
| |
| <div class="hacker-card rounded-lg overflow-hidden"> |
| <img src="https://images.unsplash.com/photo-1563986768609-322da13575f3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=80" |
| alt="Hacker image" class="w-full h-40 object-cover"> |
| <div class="p-3"> |
| <p class="text-sm hacker-secondary">أكواد برمجية</p> |
| </div> |
| </div> |
| |
| <div class="hacker-card rounded-lg overflow-hidden"> |
| <img src="https://images.unsplash.com/photo-1517430816045-df4b7de11d1d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=80" |
| alt="Hacker image" class="w-full h-40 object-cover"> |
| <div class="p-3"> |
| <p class="text-sm text-purple-400">شاشة طرفية</p> |
| </div> |
| </div> |
| |
| <div class="hacker-card rounded-lg overflow-hidden"> |
| <img src="https://images.unsplash.com/photo-1535378917046-79ae16b96a0d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=80" |
| alt="Hacker image" class="w-full h-40 object-cover"> |
| <div class="p-3"> |
| <p class="text-sm text-yellow-400">خادم بيانات</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="resources" class="hacker-bg py-16 my-16 border-t border-b border-gray-800"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold mb-8 text-center hacker-primary"> |
| <i class="fas fa-book mr-2"></i> مصادر التعلم |
| </h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> |
| |
| <div class="hacker-card rounded-lg p-6"> |
| <div class="bg-green-900 p-4 rounded-md mb-4 text-center"> |
| <i class="fas fa-book-open text-4xl hacker-primary"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-center hacker-primary">الاختراق الأخلاقي</h3> |
| <p class="text-gray-400 text-center mb-4"> |
| دليل شامل لتعلم الاختراق الأخلاقي من الصفر إلى الاحتراف |
| </p> |
| <button class="w-full py-2 bg-green-800 hover:bg-green-700 rounded-md transition"> |
| تحميل الكتاب |
| </button> |
| </div> |
| |
| |
| <div class="hacker-card rounded-lg p-6"> |
| <div class="bg-blue-900 p-4 rounded-md mb-4 text-center"> |
| <i class="fas fa-shield-alt text-4xl hacker-secondary"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-center hacker-secondary">أمن المعلومات</h3> |
| <p class="text-gray-400 text-center mb-4"> |
| أساسيات أمن المعلومات وحماية الأنظمة من الهجمات الإلكترونية |
| </p> |
| <button class="w-full py-2 bg-blue-800 hover:bg-blue-700 rounded-md transition"> |
| تحميل الكتاب |
| </button> |
| </div> |
| |
| |
| <div class="hacker-card rounded-lg p-6"> |
| <div class="bg-purple-900 p-4 rounded-md mb-4 text-center"> |
| <i class="fas fa-network-wired text-4xl text-purple-400"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-center text-purple-400">أمن الشبكات</h3> |
| <p class="text-gray-400 text-center mb-4"> |
| تأمين البنية التحتية للشبكات واكتشاف الثغرات الأمنية |
| </p> |
| <button class="w-full py-2 bg-purple-800 hover:bg-purple-700 rounded-md transition"> |
| تحميل الكتاب |
| </button> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="about" class="container mx-auto px-4 my-16"> |
| <div class="hacker-card rounded-lg p-8"> |
| <h2 class="text-3xl font-bold mb-6 text-center hacker-primary">عن أكاديمية الهاكرز</h2> |
| |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center"> |
| <div> |
| <p class="text-gray-300 mb-4"> |
| أكاديمية الهاكرز هي منصة تعليمية رائدة في مجال الأمن السيبراني والاختراق الأخلاقي، نقدم دورات متخصصة وشاملة لتعليم المهارات اللازمة في هذا المجال الحيوي. |
| </p> |
| <p class="text-gray-300 mb-4"> |
| مهمتنا هي تخريج محترفين في مجال الأمن السيبراني قادرين على حماية الأنظمة والشبكات من الهجمات الإلكترونية، وتأمين البيانات الحساسة. |
| </p> |
| <p class="text-gray-300"> |
| نؤمن بأن التعليم الأخلاقي هو الأساس لبناء مجتمع رقمي آمن، لذلك نركز على الجانب الأخلاقي والقانوني في جميع دوراتنا. |
| </p> |
| </div> |
| |
| <div class="bg-gray-800 rounded-lg p-6"> |
| <h3 class="text-xl font-bold mb-4 hacker-secondary">إحصائيات الأكاديمية</h3> |
| |
| <div class="grid grid-cols-2 gap-4"> |
| <div class="bg-gray-900 rounded-lg p-4 text-center"> |
| <div class="text-3xl font-bold hacker-primary mb-1">500+</div> |
| <div class="text-gray-400 text-sm">طالب مسجل</div> |
| </div> |
| |
| <div class="bg-gray-900 rounded-lg p-4 text-center"> |
| <div class="text-3xl font-bold hacker-secondary mb-1">30+</div> |
| <div class="text-gray-400 text-sm">دورة تدريبية</div> |
| </div> |
| |
| <div class="bg-gray-900 rounded-lg p-4 text-center"> |
| <div class="text-3xl font-bold text-purple-400 mb-1">50+</div> |
| <div class="text-gray-400 text-sm">أداة تعليمية</div> |
| </div> |
| |
| <div class="bg-gray-900 rounded-lg p-4 text-center"> |
| <div class="text-3xl font-bold text-yellow-400 mb-1">100%</div> |
| <div class="text-gray-400 text-sm">رضا العملاء</div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="hacker-bg border-t border-gray-800 py-12"> |
| <div class="container mx-auto px-4"> |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
| <div> |
| <h3 class="text-lg font-bold mb-4 hacker-primary">Hackers Academy</h3> |
| <p class="text-gray-400"> |
| أكاديمية متخصصة في تعليم الأمن السيبراني والاختراق الأخلاقي منذ 2015. |
| </p> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4 hacker-secondary">روابط سريعة</h3> |
| <ul class="space-y-2 text-gray-400"> |
| <li><a href="#" class="hover:text-green-400 transition">الدورات</a></li> |
| <li><a href="#" class="hover:text-green-400 transition">الأدوات</a></li> |
| <li><a href="#" class="hover:text-green-400 transition">المصادر</a></li> |
| <li><a href="#" class="hover:text-green-400 transition">المدونة</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4 text-purple-400">تواصل معنا</h3> |
| <ul class="space-y-2 text-gray-400"> |
| <li class="flex items-center"> |
| <i class="fas fa-envelope mr-2"></i> contact@hackers.edu |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-phone mr-2"></i> +966 12 345 6789 |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-map-marker-alt mr-2"></i> الرياض، السعودية |
| </li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4 text-yellow-400">تابعنا</h3> |
| <div class="flex space-x-4"> |
| <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-green-800 rounded-full flex items-center justify-center transition"> |
| <i class="fab fa-twitter"></i> |
| </a> |
| <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-blue-800 rounded-full flex items-center justify-center transition"> |
| <i class="fab fa-facebook-f"></i> |
| </a> |
| <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-purple-800 rounded-full flex items-center justify-center transition"> |
| <i class="fab fa-instagram"></i> |
| </a> |
| <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-red-800 rounded-full flex items-center justify-center transition"> |
| <i class="fab fa-youtube"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| |
| <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500"> |
| <p>© 2023 Hackers Academy. جميع الحقوق محفوظة.</p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| |
| document.querySelectorAll('.nav-tab').forEach(tab => { |
| tab.addEventListener('click', () => { |
| |
| document.querySelectorAll('.nav-tab').forEach(t => { |
| t.classList.remove('active'); |
| }); |
| |
| |
| tab.classList.add('active'); |
| |
| |
| document.querySelectorAll('.tab-content').forEach(content => { |
| content.classList.remove('active'); |
| }); |
| |
| |
| const tabId = tab.getAttribute('data-tab'); |
| document.getElementById(tabId).classList.add('active'); |
| }); |
| }); |
| |
| |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| anchor.addEventListener('click', function (e) { |
| e.preventDefault(); |
| |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ |
| behavior: 'smooth' |
| }); |
| }); |
| }); |
| |
| |
| const commands = [ |
| "nmap -sS -A 192.168.1.1", |
| "msfconsole -q", |
| "sqlmap -u 'http://example.com?id=1' --dbs", |
| "aircrack-ng -w rockyou.txt capture.cap" |
| ]; |
| |
| let currentCommand = 0; |
| let charIndex = 0; |
| let isDeleting = false; |
| const typingElement = document.querySelector('.blink-cursor'); |
| |
| function typeCommand() { |
| const command = commands[currentCommand]; |
| |
| if (isDeleting) { |
| typingElement.textContent = "> " + command.substring(0, charIndex - 1); |
| charIndex--; |
| |
| if (charIndex === 0) { |
| isDeleting = false; |
| currentCommand = (currentCommand + 1) % commands.length; |
| setTimeout(typeCommand, 500); |
| } else { |
| setTimeout(typeCommand, 50); |
| } |
| } else { |
| typingElement.textContent = "> " + command.substring(0, charIndex + 1); |
| charIndex++; |
| |
| if (charIndex === command.length) { |
| isDeleting = true; |
| setTimeout(typeCommand, 2000); |
| } else { |
| setTimeout(typeCommand, 100); |
| } |
| } |
| } |
| |
| |
| setTimeout(typeCommand, 1000); |
| </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=gghjgff/jgvcvccv" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
