Portfolio

1. مقدمة

أهلاً بك في دليل استخدام قالب الهاشمي نت.

هذا القالب هو صفحة هبوط شخصية (Portfolio) متكاملة واحترافية، تم تصميمها بعناية لتكون:

• ✅ سريعة جداً: لا تعتمد على مكتبات ثقيلة.
• ✅ متعددة اللغات: دعم كامل للعربية (RTL) والإنجليزية (LTR).
• ✅ وضع ليلي/نهاري: يتذكر اختيار المستخدم تلقائياً.
• ✅ متجاوبة 100%: تعمل بشكل مثالي على الموبايل والتابلت والكمبيوتر.

2. طريقة التركيب

الخطوة 1: تحميل الملفات

قم بفك الضغط عن ملف المشروع، ستجد الملفات التالية:

• index.html: الصفحة الرئيسية.
• style.css: ملف التنسيقات.
• script.js: ملف البرمجة (اللغة، الوضع الليلي، الحركة).
• send-mail.php: (اختياري) لإرسال رسائل البريد.

الخطوة 2: الرفع على الاستضافة

يمكنك رفع الملفات مباشرة إلى مجلد public_html في استضافتك (cPanel) أو تشغيلها محلياً باستخدام XAMPP.

3. هيكل الملفات

شرح مبسط لكيفية عمل الأكواد لتسهيل التعديل:

أ. ملف HTML (index.html)

يحتوي على الهيكل الأساسي. تم تقسيم الأقسام بوضوح:

<!-- Navigation -->
<nav ...> ... </nav>

<!-- Hero Section -->
<section id="home" ...> ... </section>

<!-- About Section -->
<section id="about" ...> ... </section>

ب. ملف الجافاسكريبت (script.js)

المحرك الرئيسي للموقع. يحتوي على كائن الترجمة translations الذي يمكنك من خلاله تعديل جميع النصوص في الموقع.

4. التعديل والتخصيص

تغيير النصوص والترجمة

لتعديل أي نص (عربي أو إنجليزي)، افتح ملف script.js وابحث عن كائن translations:

const translations = {
    ar: {
        hero_name: "اسمك هنا",
        hero_desc: "وصفك الشخصي هنا...",
        ...
    },
    en: {
        hero_name: "Your Name",
        hero_desc: "Your description...",
        ...
    }
};

تغيير الألوان

الألوان معرفة كمتغيرات في بداية ملف style.css لسهولة التغيير:

:root {
    --main-color: #38bdf8;  /* اللون الرئيسي */
    --accent-color: #818cf8; /* لون التمييز */
    --bg-color: #0f172a;     /* لون الخلفية الداكنة */
}

تعديل نسب المهارات

في ملف index.html، ابحث عن قسم المهارات وعدل data-width:

<div class="progress-bar" style="width: 0%" data-width="95%"></div>

5. المميزات التقنية

6. الدعم الفني

إذا واجهت أي مشكلة أو احتجت لتخصيص إضافي، لا تتردد في التواصل معي: