Interactive Profile Card Component - HTML, CSS & JS

كارت بروفايل تفاعلي (Interactive Profile Card Component) تم بناؤه باستخدام تقنيات الويب الأساسية: HTML5, CSS3, و JavaScript.

أبرز المميزات والتفاصيل التقنية:

التنسيق والهيكلة (CSS Flexbox): توضيع العناصر وسنترة الكارد بدقة في منتصف الشاشة مع حواف دائرية وتأثيرات ظلال (Box Shadows) أنيقة.

تقسيم الخلفية: استخدام خصائص الـ CSS للخلفية (background-size و background-position) لدمج صورة خلفية تزيينية مع ألوان متناسقة.

الصورة الشخصية والروابط: تنسيق صورة دائرية متناسقة فوق الخلفية مع إضافة أزرار تفاعلية لروابط التواصل الاجتماعي.

تغيير الثيم (Light / Dark Mode): إضافة زر تفاعلي بـ JavaScript يتيح للمستخدم التبديل بين الوضع الفاتح والداكن بسهولة عن طريق التحكم في الـ DOM Class List.