ملف شخصي html css js
تفاصيل العمل
هذا المشروع هو موقع ويب شخصي مخصص *لمحمد أبو اللبدة* ، يهدف إلى عرض مجموعة من المعلومات حوله، بما في ذلك مهاراته الشخصية والمهنية . الموقع يحتوي على عدة أقسام تقدم محتوى متنوع يبرز مجالات اهتمامه وخبراته. إليك التفاصيل عن كل قسم:
1. **الواجهة (Header)**:
- **الشعار**: يعرض الشعار الشخصي لمحمد أبو اللبدة.
- **التنقل**: يحتوي على روابط تقود إلى الأقسام المختلفة في الموقع مثل "من أنا" ، "الخدمات" ️، "المشاريع" ، و"التواصل" .
2. **قسم الترحيب (Welcome Section)**:
- رسالة ترحيبية تحتوي على نص يرحب بالزوار ويعرف عن صاحب الموقع، *محمد أبو اللبدة* ️.
3. **قسم البطل (Hero Section)**:
- يعرض رسالة تشجيعية تدعو الزوار لاستكشاف مشاريع محمد ، مع رابط للانتقال مباشرة إلى قسم المشاريع.
4. **قسم "من أنا" (About Me)**:
- **نبذة عن محمد**: يتحدث عن خلفيته الشخصية والمهنية، بما في ذلك خبراته في البرمجة والتصوير الفوتوغرافي وإجادة اللغتين العربية والإنجليزية ️.
- **تفاصيل المهارات**: يعرض المهارات التي يمتلكها مثل البرمجة (باستخدام Python وC++ وHTML/CSS)، الكفاءة اللغوية (العربية والإنجليزية)، ومهارات التصوير الفوتوغرافي.
5. **قسم الخدمات (Services)**:
- يعرض الخدمات التي يقدمها محمد ️، مثل البرمجة ، التصوير الفوتوغرافي ، إتقان اللغات ️، وكتابة المحتوى ️. يتم تمثيل كل خدمة بأيقونة خاصة بها.
6. **قسم المشاريع (Projects)**:
- **المشاريع**: يعرض اثنين من المشاريع التي عمل عليها محمد:
- **مشروع توفير الطاقة** : برنامج يعمل على توفير الطاقة من خلال تشغيل المراوح والأضواء بناءً على درجة الحرارة والضوء الخارجي.
- **مشروع تخطيط الإجازات الصيفية** : برنامج يساعد في تنظيم عطلة الصيف.
7. **قسم المعرض (Gallery)**:
- يحتوي على معرض صور تعرض بعض الأعمال الفوتوغرافية التي التقطها محمد ، مع تفاصيل مثل التاريخ والموقع.
8. **قسم التواصل (Contact)**:
- يحتوي على معلومات الاتصال مثل رقم الهاتف والبريد الإلكتروني لتمكين الزوار من التواصل مع محمد.
9. **التذييل (Footer)**:
- **روابط التواصل الاجتماعي**: يحتوي على أيقونات لوسائل التواصل الاجتماعي مثل Instagram وFacebook .
- **زر المشاركة**: يتيح للمستخدمين مشاركة الصفحة عبر الإنترنت باستخدام تقنية Web Share API إذا كان المدعوم في المتصفح.
10. **وظائف JavaScript**:
- **زر المشاركة**: يسمح للمستخدمين بمشاركة الصفحة عبر واجهة الويب في حال كان المتصفح يدعم ذلك.
- **التفاعل مع الشعار**: عند النقر على الشعار, يتغير حجمه ليصبح أكبر.
**موضوع الموقع**:
الموقع يعرض بشكل أساسي معلومات عن *محمد أبو اللبدة* ، مع التركيز على مهاراته في البرمجة ، التصوير الفوتوغرافي ، واللغات التي يتقنها ️. بالإضافة إلى ذلك، يعرض مشاريع عملية قام بتنفيذها، وتتمحور حول توفير الطاقة وتنظيم الإجازات الصيفية .