الأقسام الرئيسية للموقع:
الرأس (Header):
يحتوي على شعار (اسم المستخدم) مع روابط تنقل إلى الأقسام المختلفة في الموقع مثل: عنّي، الخدمات، المشاريع، و الاتصال.
الجزء الرئيسي (Main):
يقدم ترحيبًا شخصيًا مع جملة قصيرة تعرض تخصص المستخدم (طالب علوم الكمبيوتر) مع دعوة للاطلاع على مشاريعه.
عنّي (About Me):
قسم يشرح معلومات شخصية عن المستخدم، بما في ذلك شغفه بتطوير مواقع الويب الموجهة للأشخاص ذوي الاحتياجات الخاصة، واهتمامه في تصميم تجارب رقمية سهلة الاستخدام، خصوصًا للمستخدمين كبار السن. كما يوضح رحلته في تعلم البرمجة من خلال الدورات التدريبية.
الخدمات (Services):
يعرض هذا القسم خدمات المستخدم التي تشمل: تطوير الويب، تطوير البرمجيات، و تصميم قواعد البيانات. يتم شرح كل خدمة بالتفصيل مع استخدام أيقونات توضح نوع الخدمة المقدمة.
المشاريع (Projects):
يحتوي هذا القسم على عرض للمشاريع التي تم تنفيذها من قبل المستخدم، مثل مشروع CSS Mastery و Dashboard، مع روابط للوصول إلى تفاصيل المشروع عبر GitHub أو منصات أخرى. كل مشروع يحتوي على صورة توضح المشروع مع رابط لعرض المشروع بشكل كامل.
الاتصال (Contact):
يقدم معلومات للتواصل مع المستخدم عبر واتساب أو البريد الإلكتروني مع أيقونات لتلك الوسائل. هناك أيضًا قسم للتواصل مع روابط مباشرة تتيح للمستخدمين الاتصال بسهولة.
التذييل (Footer):
يحتوي على حقوق النشر ورابط إلى حسابات المستخدم على LinkedIn و GitHub، بالإضافة إلى تحديث تلقائي لسنة حقوق النشر.
التقنيات المستخدمة:
HTML: لبناء هيكل الصفحة.
CSS: لتنسيق الصفحة وجعلها متجاوبة مع كافة الأجهزة.
JavaScript: لتفعيل التنقل السلس بين الأقسام داخل الصفحة (باستخدام تأثير التمرير الناعم) وتحديث سنة حقوق النشر بشكل تلقائي.
الهدف:
الموقع يعمل كـ محفظة شخصية تعرض المهارات والخدمات التي يقدمها المستخدم، مع تسهيل الوصول إليها عبر تصميم بسيط ومتجاوب مع أجهزة متعددة. يركز على إظهار العمل بطريقة شاملة وسهلة، مما يسهل على الزوار الاطلاع على المشاريع والخدمات وطرق الاتصال.
