full website
هذا الالتزام موجود في:
sana-abboud@gma
329
faq.html
Normal file
329
faq.html
Normal file
@@ -0,0 +1,329 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ar" dir="rtl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ملاذ | الأسئلة الشائعة</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@200;400;600;900&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root { --paper:#FAFAF8; --ink:#1A1A1A; --night:#0a1e2e; --accent-soft:#D6EDF0; --accent-bold:#0F3858; --sage:#36909E; }
|
||||
* { margin:0; padding:0; box-sizing:border-box; -webkit-font-smoothing:antialiased; }
|
||||
body { font-family:'Cairo',sans-serif; background-color:var(--paper); color:var(--ink); overflow-x:hidden; }
|
||||
.serif { font-family:'Noto Kufi Arabic',sans-serif; }
|
||||
#mainNav { transition: background 0.4s ease, box-shadow 0.4s ease, padding 0.4s ease; }
|
||||
#mainNav.scrolled { background:rgba(10,30,46,0.95); backdrop-filter:blur(16px); box-shadow:0 4px 30px rgba(0,0,0,0.25); padding-top:1.25rem; padding-bottom:1.25rem; }
|
||||
#mainNav.scrolled a { color:#E0F4F6; }
|
||||
.reveal-up { opacity:0; transform:translateY(60px); }
|
||||
.page-hero { background:var(--night); min-height:45vh; display:flex; align-items:center; padding:10rem 2rem 4rem; position:relative; overflow:hidden; }
|
||||
.page-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 30%, rgba(54,144,158,0.18) 0%, transparent 60%); }
|
||||
.faq-item { border-bottom:1px solid rgba(0,0,0,0.06); }
|
||||
.faq-question { width:100%; display:flex; justify-content:space-between; align-items:center; padding:1.75rem 0; cursor:pointer; text-align:right; background:none; border:none; font-family:'Cairo',sans-serif; }
|
||||
.faq-question h4 { font-size:1.1rem; font-weight:700; transition:color 0.3s; text-align:right; }
|
||||
.faq-question:hover h4 { color:var(--accent-bold); }
|
||||
.faq-icon { transition:transform 0.4s cubic-bezier(0.16,1,0.3,1); color:var(--sage); font-size:1.5rem; flex-shrink:0; margin-right:1rem; }
|
||||
.faq-item.active .faq-icon { transform:rotate(45deg); }
|
||||
.faq-answer { max-height:0; overflow:hidden; transition:max-height 0.5s cubic-bezier(0.16,1,0.3,1),padding 0.3s; }
|
||||
.faq-item.active .faq-answer { max-height:500px; padding-bottom:1.75rem; }
|
||||
nav a.active-page { color:var(--sage) !important; border-bottom:2px solid var(--sage); }
|
||||
nav a.nav-link:hover { color:var(--sage) !important; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav id="mainNav" class="fixed top-0 w-full z-50 px-6 md:px-16 py-6 flex justify-between items-center transition-all duration-500">
|
||||
<div class="flex gap-6 md:gap-8 text-xs tracking-[0.2em] font-bold text-white">
|
||||
<a href="index.html" class="nav-link">الرئيسية</a>
|
||||
<a href="violence.html" class="nav-link">العنف الرقمي</a>
|
||||
<a href="support.html" class="nav-link">الدعم</a>
|
||||
<a href="about.html" class="nav-link">من نحن</a>
|
||||
<a href="faq.html" class="nav-link active-page">أسئلة</a>
|
||||
</div>
|
||||
<a href="index.html"><img src="Malazlogo.png" alt="ملاذ" class="h-8 w-auto" style="filter:brightness(0) invert(1);" onerror="this.style.display='none'"></a>
|
||||
</nav>
|
||||
|
||||
<!-- Page Hero -->
|
||||
<div class="page-hero">
|
||||
<div class="max-w-4xl mx-auto relative z-10 text-center">
|
||||
<p class="text-xs font-bold tracking-[0.3em] text-[#36909E] mb-4">المعرفة قوة</p>
|
||||
<h1 class="text-5xl md:text-7xl font-black text-white leading-tight mb-6">كل ما تريد<br><span class="text-[#36909E]">معرفته</span></h1>
|
||||
<p class="text-white/70 text-lg max-w-xl mx-auto serif leading-relaxed">إجابات شاملة على الأسئلة الأكثر شيوعاً حول العنف الرقمي وكيفية التعامل معه.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Content -->
|
||||
<section class="py-24 px-6 md:px-20">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
|
||||
<!-- General -->
|
||||
<div class="border-t border-black/10">
|
||||
<div class="py-4 text-xs font-bold tracking-[0.2em] text-[var(--sage)]">الأسئلة العامة</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>هل هويتي مكفولة السرية تماماً؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p class="text-black/60 leading-relaxed pr-4 serif">نعم، بشكل مطلق. نستخدم تقنيات تشفير متقدمة ولا نطلب أي بيانات تعريفية. حتى فريق الدعم لا يرى هويتك الحقيقية. يمكنك التحدث معنا باسم مستعار أو كضيف مجهول تماماً. جميع المحادثات تُمحى تلقائياً بعد انتهاء الجلسة.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>هل خدماتكم مجانية؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p class="text-black/60 leading-relaxed pr-4 serif">نعم، جميع خدمات ملاذ مجانية بالكامل. نؤمن بأن الحصول على الدعم والمساعدة في مواجهة العنف الرقمي لا يجب أن يكون مرتبطاً بالقدرة المادية. نحن مؤسسة غير ربحية تعمل بدعم من شركاء مؤسسيين.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>ما هي اللغات التي تدعمون التواصل بها؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p class="text-black/60 leading-relaxed pr-4 serif">نقدم خدماتنا باللغة العربية أساساً. فريقنا يتحدث أيضاً الإنجليزية والفرنسية. إذا كنت بحاجة للتواصل بلغة أخرى، يرجى الإشارة إلى ذلك وسنحاول توفير الدعم المناسب.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>هل تساعدون الرجال أيضاً أم النساء فقط؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p class="text-black/60 leading-relaxed pr-4 serif">ملاذ مفتوح للجميع بصرف النظر عن الجنس أو العمر. العنف الرقمي يستهدف الجميع. رغم أن الإحصاءات تُظهر أن النساء يتعرضن له بشكل غير متناسب، إلا أن خدماتنا متاحة لكل شخص يحتاج المساعدة.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Legal -->
|
||||
<div class="border-t border-black/10 mt-8">
|
||||
<div class="py-4 text-xs font-bold tracking-[0.2em] text-[var(--sage)]">الأسئلة القانونية</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>ماذا يجب أن أفعل إذا تعرضت للابتزاز؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<div class="pr-4">
|
||||
<p class="text-black/60 leading-relaxed serif mb-4">الخطوات الأولى الحاسمة:</p>
|
||||
<ol class="space-y-2 text-black/60 serif text-sm">
|
||||
<li class="flex items-start gap-2"><span class="font-bold text-[var(--sage)] flex-shrink-0">١.</span> توقف عن التواصل مع المبتز فوراً ولا تستجب لمطالبه أبداً</li>
|
||||
<li class="flex items-start gap-2"><span class="font-bold text-[var(--sage)] flex-shrink-0">٢.</span> لا تدفع أي مال — الدفع يُشجّع المبتز على المزيد ولا يضمن توقفه</li>
|
||||
<li class="flex items-start gap-2"><span class="font-bold text-[var(--sage)] flex-shrink-0">٣.</span> خذ لقطات شاشة واضحة لجميع الرسائل والمحتوى مع التاريخ والوقت</li>
|
||||
<li class="flex items-start gap-2"><span class="font-bold text-[var(--sage)] flex-shrink-0">٤.</span> احجب المبتز على جميع المنصات</li>
|
||||
<li class="flex items-start gap-2"><span class="font-bold text-[var(--sage)] flex-shrink-0">٥.</span> تواصل معنا فوراً — يمكننا مساعدتك في الإجراءات القانونية وإزالة المحتوى</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>هل يمكنني مقاضاة من يتنمر عليّ إلكترونياً؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p class="text-black/60 leading-relaxed pr-4 serif">نعم، في كثير من الحالات. يُجرّم قانون الجرائم المعلوماتية السوري رقم 20 لعام 2022 أشكالاً متعددة من العنف الرقمي. نجاح القضية يعتمد على طبيعة الجريمة وتوافر الأدلة وإمكانية تحديد هوية المعتدي. فريقنا القانوني يمكنه تقييم وضعك وإرشادك للخيار الأنسب.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>ما هي العقوبات المقررة للعنف الرقمي في القانون السوري؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p class="text-black/60 leading-relaxed pr-4 serif">تتفاوت العقوبات حسب نوع الجريمة. بشكل عام، قانون الجرائم المعلوماتية رقم 20 لعام 2022 يحدد عقوبات تشمل الغرامات المالية والسجن. الابتزاز الإلكتروني والتشهير والاحتيال الإلكتروني تعتبر من الجرائم الأشد عقوبة. للاستشارة حول حالتك المحددة، تواصل مع فريقنا القانوني.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Technical -->
|
||||
<div class="border-t border-black/10 mt-8">
|
||||
<div class="py-4 text-xs font-bold tracking-[0.2em] text-[var(--sage)]">الأسئلة التقنية</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>كيف أحمي حساباتي على وسائل التواصل الاجتماعي؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<div class="pr-4">
|
||||
<p class="text-black/60 leading-relaxed serif mb-3">أهم الخطوات العملية لحماية حساباتك:</p>
|
||||
<ul class="space-y-1 text-black/60 serif text-sm list-disc list-inside">
|
||||
<li>استخدم كلمة سر قوية وفريدة لكل حساب</li>
|
||||
<li>فعّل التحقق بخطوتين (2FA) على جميع الحسابات</li>
|
||||
<li>راجع الأجهزة والتطبيقات المتصلة بحساباتك بانتظام</li>
|
||||
<li>لا تنقر على روابط مشبوهة حتى لو بدت من أشخاص تعرفهم</li>
|
||||
<li>اضبط إعدادات الخصوصية لتحد من من يرى منشوراتك</li>
|
||||
<li>استخدم بريد إلكتروني مخصص لوسائل التواصل الاجتماعي</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Telegram -->
|
||||
<div class="border-t border-black/10 mt-8">
|
||||
<div class="py-4 text-xs font-bold tracking-[0.2em] text-[var(--sage)]">مجتمع تيليغرام</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>هل الانضمام إلى مجموعة تيليغرام آمن؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p class="text-black/60 leading-relaxed pr-4 serif">نعم. المجموعة مُدارة بعناية من قِبل فريق ملاذ. يمكنك الانضمام بهوية مجهولة باستخدام اسم مستعار. لا يُشارَك أي معلومة شخصية داخل المجموعة. يُطبَّق نظام صارم لحذف أي محتوى مسيء وإزالة أي عضو يخرق قواعد الأمان.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>ما الفرق بين المجموعة وقناة الدعم على تيليغرام؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p class="text-black/60 leading-relaxed pr-4 serif">لدينا حسابان: <strong>@malaz_community</strong> وهي مجموعة مجتمعية للدعم المتبادل ونشر المحتوى التوعوي، و<strong>@malaz_support</strong> وهو حساب الدعم المباشر حيث يمكنك التحدث مع متطوع أو مختص بشكل خاص وسري.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>هل يمكنني المشاركة في المجموعة دون الكشف عن هويتي؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p class="text-black/60 leading-relaxed pr-4 serif">نعم بالكامل. تيليغرام يتيح لك تغيير اسمك المعروض واستخدام اسم مستعار. يمكنك أيضاً تعطيل مشاركة رقم هاتفك مع أعضاء المجموعة في إعدادات الخصوصية. ننصح دائماً بالحفاظ على الحد الأدنى من المعلومات الشخصية.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Support -->
|
||||
<div class="border-t border-black/10 mt-8">
|
||||
<div class="py-4 text-xs font-bold tracking-[0.2em] text-[var(--sage)]">الدعم والمساعدة</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>هل تتابعون الحالات على المدى البعيد؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p class="text-black/60 leading-relaxed pr-4 serif">نعم. إذا كانت حالتك تتطلب متابعة طويلة الأمد، يمكن تخصيص متطوع أو مختص يرافقك طوال عملية التعامل مع الموقف. التواصل يتم عبر تيليغرام لضمان استمرارية الدعم حتى حل المشكلة.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item reveal-up">
|
||||
<button class="faq-question" onclick="toggleFaq(this)">
|
||||
<h4>هل يمكنني طلب المساعدة لصديق أو قريب يتعرض للعنف؟</h4>
|
||||
<div class="faq-icon">+</div>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p class="text-black/60 leading-relaxed pr-4 serif">نعم بالتأكيد. كثيراً ما يكون الشخص المتضرر في حالة صعبة تجعله غير قادر على طلب المساعدة بنفسه. يمكنك التواصل معنا نيابةً عنه وسنوجّهك حول كيفية تقديم الدعم وما الخطوات التي يجب اتخاذها.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Still have questions -->
|
||||
<section class="py-20 px-6 md:px-20 bg-[#0F3858] text-white text-center">
|
||||
<div class="max-w-2xl mx-auto reveal-up">
|
||||
<h3 class="text-3xl font-black mb-4">لم تجد إجابتك؟</h3>
|
||||
<p class="text-white/70 serif mb-8">فريقنا جاهز للإجابة على أي سؤال لديك بشكل شخصي وسري.</p>
|
||||
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<a href="support.html" class="inline-block bg-[#36909E] text-white px-8 py-4 rounded-full font-bold hover:opacity-90 transition">تحدث معنا</a>
|
||||
<a href="https://t.me/malaz_support" target="_blank" class="inline-flex items-center gap-2 border-2 border-white/30 text-white px-8 py-4 rounded-full font-bold hover:bg-white/10 transition">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5 h-5 fill-current"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg>
|
||||
تيليغرام
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="bg-[var(--ink)] text-white pt-20 pb-12 px-6 md:px-20 relative overflow-hidden">
|
||||
<div class="absolute top-0 left-0 w-full h-2 bg-gradient-to-l from-[#36909E] via-[#D6EDF0] to-[#0F3858]"></div>
|
||||
<div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-12 mb-16">
|
||||
<div class="md:col-span-2">
|
||||
<p class="text-2xl font-black mb-3">ملاذ</p>
|
||||
<p class="text-sm text-white/50 leading-relaxed mb-6 max-w-md">منصة رقمية تهدف لتوفير ملاذ رقمي آمن للناجيين والناجيات من العنف الإلكتروني في سوريا.</p>
|
||||
<div class="flex gap-4">
|
||||
<!-- Telegram -->
|
||||
<a href="https://t.me/malaz_community" target="_blank" aria-label="تيليغرام" class="w-10 h-10 rounded-full border border-white/20 flex items-center justify-center hover:bg-white/10 hover:border-[#229ED9] transition">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 fill-white" viewBox="0 0 24 24"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg>
|
||||
</a>
|
||||
<!-- Instagram -->
|
||||
<a href="https://instagram.com/malaz_sy" target="_blank" aria-label="انستغرام" class="w-10 h-10 rounded-full border border-white/20 flex items-center justify-center hover:bg-white/10 hover:border-pink-400 transition">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 fill-white" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"/></svg>
|
||||
</a>
|
||||
<!-- LinkedIn -->
|
||||
<a href="https://linkedin.com/company/malaz-sy" target="_blank" aria-label="لينكدإن" class="w-10 h-10 rounded-full border border-white/20 flex items-center justify-center hover:bg-white/10 hover:border-[#0A66C2] transition">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 fill-white" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-sm mb-5 tracking-wider">روابط سريعة</h4>
|
||||
<ul class="space-y-3 text-sm text-white/50">
|
||||
<li><a href="index.html" class="hover:text-white transition">الرئيسية</a></li>
|
||||
<li><a href="violence.html" class="hover:text-white transition">العنف الرقمي</a></li>
|
||||
<li><a href="support.html" class="hover:text-white transition">الدعم</a></li>
|
||||
<li><a href="about.html" class="hover:text-white transition">من نحن</a></li>
|
||||
<li><a href="faq.html" class="hover:text-white transition">الأسئلة الشائعة</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-sm mb-5 tracking-wider">تواصل معنا</h4>
|
||||
<ul class="space-y-3 text-sm text-white/50">
|
||||
<li><a href="https://t.me/malaz_community" target="_blank" class="hover:text-white transition flex items-center gap-2">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 fill-current flex-shrink-0" viewBox="0 0 24 24"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg>
|
||||
تيليغرام
|
||||
</a></li>
|
||||
<li><a href="https://instagram.com/malaz_sy" target="_blank" class="hover:text-white transition flex items-center gap-2">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 fill-current flex-shrink-0" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"/></svg>
|
||||
انستغرام
|
||||
</a></li>
|
||||
<li><a href="https://linkedin.com/company/malaz-sy" target="_blank" class="hover:text-white transition flex items-center gap-2">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 fill-current flex-shrink-0" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
|
||||
لينكدإن
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-t border-white/10 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="w-2 h-2 bg-[var(--sage)] rounded-full animate-pulse inline-block"></span>
|
||||
<span class="text-xs text-white/30">اتصالك بهذه الصفحة آمن ومشفر بالكامل</span>
|
||||
</div>
|
||||
<p class="text-xs text-white/20">© 2026 ملاذ. جميع الحقوق محفوظة.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<script>
|
||||
const mainNav=document.getElementById('mainNav');
|
||||
function handleNav(){if(window.innerWidth<=1024||window.scrollY>80){mainNav.classList.add('scrolled')}else{mainNav.classList.remove('scrolled')}}
|
||||
window.addEventListener('scroll',handleNav);window.addEventListener('resize',handleNav);handleNav();
|
||||
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
gsap.utils.toArray('.reveal-up').forEach(elem=>{gsap.to(elem,{y:0,opacity:1,duration:1,ease:"power3.out",scrollTrigger:{trigger:elem,start:"top 85%",toggleActions:"play none none reverse"}})});
|
||||
|
||||
function toggleFaq(element){
|
||||
const faqItem=element.parentElement;
|
||||
const isActive=faqItem.classList.contains('active');
|
||||
document.querySelectorAll('.faq-item').forEach(item=>item.classList.remove('active'));
|
||||
if(!isActive)faqItem.classList.add('active');
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
المرجع في مشكلة جديدة
حظر مستخدم