قالب موقع معرض أعمال شخصي
ابتداءً من 19.00 US$
قالب أنيق بطابع تحريري لمصممي المنتجات والمستشارين وأصحاب المهن الإبداعية، ثنائي اللغة بالكامل: إنجليزي من اليسار إلى اليمين، وعربي بتخطيط حقيقي من اليمين إلى اليسار. ست صفحات لكل لغة بـHTML وCSS وJavaScript، يعمل دون اتصال ودون خطوة بناء.
- دفع آمن عبر PayPal
- تسليم رقمي فوري
- ترخيص واضح
- الدعم متاح
نظرة عامة
قالب موقع معرض أعمال شخصي قالب راقٍ بطابع تحريري لمصممي المنتجات المستقلين ومستشاري تجربة المستخدم وقادة التصميم، وكل من يقدّم خبرته للعملاء. صُمّم منذ البداية بلغتين: الإنجليزية من اليسار إلى اليمين، والعربية من اليمين إلى اليسار، مع زر لتبديل اللغة في كل صفحة يفتح الصفحة نفسها باللغة الأخرى. ويعرض المحتوى التجريبي مصممة افتراضية اسمها «نورا إليس» مع عملاء افتراضيين، ويمكنك استبدال الاسم والمشاريع بمحتواك خلال دقائق.
يعتمد التصميم على هدوء الألوان: أبيض دافئ ورمادي فحمي مع لمسة واحدة من اللون القرمزي، وخطوط مذيّلة ناعمة للعناوين (Fraunces للإنجليزية وMarkazi Text للعربية)، وخطوط واضحة للقراءة (Source Sans 3 وNoto Sans Arabic). وتمنحه الشبكة غير المتماثلة من اثني عشر عمودًا، والأرقام الكبيرة لترقيم الأقسام، وحركات الظهور الهادئة عند التمرير، روح الكتاب المطبوع. وعلى الحاسوب يظهر اسمك والقائمة في عمود جانبي ثابت، أما على الأجهزة اللوحية والجوال فيتحولان إلى شريط علوي بقائمة تملأ الشاشة.
محتويات القالب
- الصفحة الرئيسية: تعريف مع أبرز الأرقام، وقائمة العملاء، وأعمال مختارة في شبكة غير متماثلة، وأربع خدمات مع مخرجاتها وصيغ التعاون، وآراء العملاء، ودعوة للتواصل.
- فهرس الأعمال: ثمانية مشاريع مع تصفية فعلية حسب التخصص (تصميم المنتجات، وأنظمة التصميم، والبحث، والاستراتيجية)، وعدد النتائج المباشر، وروابط قابلة للمشاركة لكل تصنيف.
- دراسة الحالة: ملخص وبيانات المشروع، وفهرس ثابت للمحتوى، وشريط تقدّم القراءة، والتحدي، ونتائج البحث، وخطوات المنهجية، ونظام التصميم، ومؤشرات النتائج، واقتباس العميل، وفريق العمل.
- نبذة عني: السيرة، والصورة، والمبادئ، والمسيرة المهنية، والمهارات بمستوياتها، وقائمة المحاضرات والكتابات.
- تواصل معي: نموذج استفسار مع تحقق من الحقول، وملخص للأخطاء، ورسالة نجاح، وبيانات التواصل، وأسئلة شائعة.
- صفحة ٤٠٤ باللغتين، وصفحة ٤٠٤ ثنائية اللغة في جذر الموقع لخدمات الاستضافة الثابتة.
عربية حقيقية لا مجرد ترجمة
تستخدم الصفحات العربية dir="rtl" وخصائص CSS المنطقية، فينتقل العمود الجانبي إلى اليمين، وتنعكس الشبكة والأسهم. وتعتمد خطوطًا عربية مناسبة، والأرقام العربية المشرقية، وصيغ الجمع العربية الصحيحة في أعداد النتائج، والمحتوى مكتوب بالعربية الفصحى المعاصرة للقارئ العربي.
سهل التخصيص
HTML بسيط، وملف أنماط واحد بمتغيرات تصميم واضحة، وملف JavaScript صغير دون مكتبات. لا إطار عمل، ولا خطوة بناء، ولا طلبات خارجية: افتح index.html بنقرة مزدوجة أو ارفع المجلد إلى أي استضافة ثابتة. وجميع الرسوم أصلية بصيغة SVG (أغلفة المشاريع، ومخططات دراسة الحالة، والصورة الشخصية)، ويشرح ملف README طريقة استبدالها بصورك.
يتحقق نموذج التواصل من الحقول داخل المتصفح ويعرض رسالة نجاح، لكنه لا يرسل البريد بنفسه لأن القالب ثابت؛ يكفي أن تضيف رابط خدمة لاستقبال النماذج مثل Formspree في خاصية action ليتولى الملف المرفق إرسال البيانات إليها.
ما الذي يتضمنه
- ملفات المنتج كاملة (ZIP)
اللغات
وصف المنتج وتفاصيله متوفرة بهذه اللغات.
المزايا
- ثنائي اللغة بالكامل: نسخة إنجليزية من اليسار إلى اليمين ونسخة عربية من اليمين إلى اليسار لكل الصفحات الست
- زر لتبديل اللغة في كل صفحة يُبقي الزائر في الصفحة نفسها ويتذكر اختياره
- تخطيط عربي حقيقي بخصائص CSS المنطقية، مع انعكاس الشبكة والأسهم، واستخدام الأرقام العربية المشرقية
- الصفحات: الرئيسية، وفهرس الأعمال، ودراسة الحالة، ونبذة عني، وتواصل معي، و٤٠٤، بكل لغة
- عمود جانبي ثابت للاسم والقائمة على الحاسوب، وشريط علوي بقائمة تملأ الشاشة على الجوال
- فهرس أعمال مع تصفية حسب التخصص، وعدد مباشر للنتائج بصيغ الجمع العربية الصحيحة، وروابط قابلة للمشاركة
- دراسة حالة كاملة مع فهرس ثابت وشريط تقدّم القراءة ومؤشرات النتائج
- صفحة تعريفية بمسيرة مهنية زمنية ومستويات للمهارات وقائمة للمحاضرات
- نموذج تواصل مع تحقق من الحقول وملخص للأخطاء ورسالة نجاح، ودعم اختياري لخدمات استقبال النماذج
- تصميم تحريري بألوان دافئة هادئة ولمسة قرمزية واحدة وأرقام كبيرة لترقيم الأقسام
- خطوط مذيّلة ناعمة للعناوين وخطوط واضحة للنصوص باللغتين (Fraunces وSource Sans 3 وMarkazi Text وNoto Sans Arabic)
- حركات ظهور هادئة عند التمرير تحترم إعداد تقليل الحركة وتعمل دون JavaScript
- رسوم SVG أصلية لثمانية مشاريع ودراسة الحالة والواجهة الرئيسية والصورة الشخصية
- متجاوب من شاشات الجوال بعرض ٣٩٠ بكسل حتى الحاسوب بعرض ١٤٤٠ بكسل دون تمرير أفقي
- سهولة الوصول: معالم دلالية، ورابط تخطٍّ، وقائمة تعمل بلوحة المفاتيح، ونماذج معنونة، وتباين بمستوى AA
- HTML وCSS وJavaScript خالص: لا إطار عمل ولا خطوة بناء ولا اعتماديات
- يعمل دون اتصال وبنقرة مزدوجة: الخطوط والصور مضمّنة، دون شبكات توزيع خارجية أو تتبّع
- ملف README مفصّل يشرح التخصيص والصور والألوان والخطوط والنموذج والنشر
المتطلبات
HTML5 وCSS3 وJavaScript خالص. لا يحتاج إلى خطوة بناء أو إطار عمل أو قاعدة بيانات أو برمجة خادم. يكفي أي محرر نصوص للتخصيص وأي استضافة ثابتة للنشر. اختياري: Python 3 أو أي خادم ثابت للمعاينة محليًا.
التوافق
الإصدارات الحالية من Chrome وEdge وFirefox وSafari على الحاسوب وiOS وAndroid. يعمل من الملفات المحلية بنقرة مزدوجة، ومن أي استضافة ثابتة مثل الاستضافة المشتركة وNetlify وVercel وCloudflare Pages وGitHub Pages.
التثبيت
- نزّل الملف
personal-portfolio-website-template-1.0.0.zipوفكّ ضغطه. - انقر نقرًا مزدوجًا على
personal-portfolio-website-template/index.htmlلفتح الموقع (يفتح الصفحة الرئيسية بالعربية أو الإنجليزية). - خادم محلي اختياري: شغّل
python3 -m http.server 8080داخل المجلدpersonal-portfolio-website-templateثم افتحhttp://localhost:8080. - للنشر، ارفع محتويات المجلد إلى أي استضافة ثابتة (Netlify أو Vercel أو Cloudflare Pages أو GitHub Pages أو استضافة مشتركة).
دليل الاستخدام
- تعديل النصوص: الصفحات الإنجليزية في المجلد
en/والعربية فيar/بأسماء الملفات نفسها. - اسمك وبيانات التواصل: استبدل
Nora Ellisونورا إليسوhello@noraellis.exampleفي جميع الملفات. - الألوان: غيّر متغيرات التصميم (
--paperو--inkو--accentو--accent-ink) في أعلى الملفassets/css/style.css. - الصور: استبدل ملفات SVG في
assets/img/بصورك، وحدّثsrcوالنص البديلaltفي اللغتين. - المشاريع: كل بطاقة مشروع عنصر
<li data-cats="...">فيwork.html، وتُحدَّث أعداد التصفية تلقائيًا. - دراسات الحالة: انسخ
case-study.htmlفي مجلدَي اللغتين لكل مشروع. - نموذج التواصل: أضف رابط خدمة استقبال النماذج في خاصية
actionلتصلك الرسائل. - يشرح ملف README داخل الحزمة الخطوط وزر تبديل اللغة وإعدادات الحركة والنشر بالتفصيل.
الترخيص
| شخصي19.00 US$ | تجاري29.00 US$ | ممتد99.00 US$ | |
|---|---|---|---|
| عدد المشاريع | 1 | 5 | غير محدود |
| عدد المستخدمين أو المواقع | 1 | 1 | 5 |
| الاستخدام التجاري | غير مسموح | مسموح | مسموح |
| التعديل | مسموح | مسموح | مسموح |
| إعادة البيع | غير مسموح | غير مسموح | غير مسموح |
| إعادة التوزيع | غير مسموح | غير مسموح | غير مسموح |
| التحديثات | 12 شهرًا | 12 شهرًا | مدى الحياة |
| مدة الدعم | 6 أشهر | 12 شهرًا | 12 شهرًا |
| مفتاح ترخيص | نعم | نعم | نعم |
ادفع عبر PayPal أو ببطاقة خصم أو ائتمان. نرسل لك المنتج بعد تأكيد الدفع.
الدعم والتحديثات
يُقدَّم الدعم عبر بيانات التواصل الواردة في رسالة طلبك من TowerCaty. يرجى ذكر اسم القالب وإصداره (Personal Portfolio Website Template 1.0.0)، والمتصفح الذي تستخدمه، مع وصف موجز للمشكلة أو لقطة شاشة.
سجل التغييرات
1.0.0
- الإصدار 1.0.0: أول إصدار في المتجر.
آخر تحديث
- آخر تحديث
- 07/10/2026
- الإصدار
- 1.0.0
