مشروع برتفليو لعرض الاعمال

وصف المشروع (Project Description) هذا هو موقع إلكتروني شخصي (Portfolio) مصمم لعرض مهارات وأعمال مطور واجهة أمامية (Front-End Developer) يُدعى أحمد عادل. تم بناء الموقع باستخدام HTML و CSS، مع إمكانية استخدام جافاسكربت لوظائف إضافية (وإن لم يظهر في الكود). الأقسام الرئيسية: شريط التنقل (.navbar): شريط ثابت في أعلى الصفحة يحتوي على شعار ("Portfolio") وروابط للتنقل بين الأقسام الرئيسية: الرئيسية (Home)، عني (About)، الأعمال (Portfolio)، الخدمات (Service)، و التواصل (Contact). قسم الصفحة الرئيسية (.home): هو القسم الأول الذي يراه الزائر. يقدم أحمد عادل كمطور واجهة أمامية متخصص في React والتصميم المتجاوب (Responsive Design). يضم القسم نبذة شخصية، وأيقونات لوسائل التواصل الاجتماعي (فيسبوك، يوتيوب، واتساب، لينكد إن، وبهانس)، وزر لتحميل السيرة الذاتية. قسم "عني" (.about-me): يقدم تفاصيل أكثر عن المطور، مع صورة دائرية وكتلة نصية أكبر تشرح دوره كمطور. هذا القسم مصمم ليكون متجاوبًا، حيث تختفي الصورة على شاشات الهواتف المحمولة. قسم الخدمات (.services): يُسمى "خدماتي" ويستخدم تصميمًا شبكيًا (grid) لعرض ثلاث خدمات رئيسية: تصميم المواقع (web design)، تطبيقات الجوال (moppil app)، و مونتاج الفيديو (video editing). كل خدمة معروضة في بطاقة مع أيقونة وعنوان ووصف. قسم المهارات التقنية (.skills): يُسمى "المهارات التقنية" ويعرض مستويات إتقان المطور لعدة تقنيات باستخدام أشرطة تقدم (progress bars). المهارات المذكورة تشمل: HTML (90%)، CSS (85%)، JavaScript (75%)، React (70%)، و Python (60%). قسم المشاريع (.projects): يُسمى "مشاريعي" ويعرض ثلاثة مشاريع سابقة: "مطعم طعام (resturant food)"، "لوحة تحكم (dashboard)"، و "منصة للعقارات". كل مشروع معروض في بطاقة تحتوي على صورة، وعنوان، ووصف. قسم التواصل (.contact): نموذج اتصال بسيط يتيح للزوار إرسال رسالة للمطور. التذييل (footer): تذييل بسيط في أسفل الصفحة يحتوي على إشعار حقوق الطبع والنشر. يتميز الموقع بتصميمه المتجاوب (Responsive)، مما يعني أنه يتكيف مع أحجام الشاشات المختلفة بفضل قواعد media query في CSS.