My portofiolo

بورتفوليو شخصي لمطور فرونت إند فريلانس (محمد صلاح)، مكتوب بـ HTML وCSS وجافاسكريبت ، في 3 ملفات: index.html وstyle.css وscript.js.

الهوية البصرية

ألوان: أسود ودهبي ولبني (كريمي)، والفضي كلون تاني.

خطوط: Cormorant Garamond للعناوين، وEB Garamond للنصوص المائلة، وJost للتفاصيل.

وضعين دارك ولايت، التبديل بينهم بـ حبل مرن بفيزياء حقيقية نازل من فوق (بدل الزرار).

الصفحة كلها متصلة من غير ألوان متبادلة بين الأقسام، وكل العناصر بتظهر بحركات أثناء السكرول.

الأقسام

الناف بار: لوجو، لينكات الأقسام، زرار Hire Me، والحبل.

Hero: شارة "متاح للعمل" بنقطة نابضة، الاسم والمسمى، زرارين، أيقونات سوشيال، لينك تحميل الـ CV، صورة دايرية حواليها بادجات تقنيات بتطفو، وسهم scroll.

About: فقرتين وقايمة معلومات (التعليم والتركيز والأدوات).

Skills: برج isometric مرسوم بـ SVG من 5 طبقات (Git وHTML5 وCSS3 وJavaScript وReact) بلوجوهات وطفو خفيف.

Services: 4 خدمات في قايمة مرقمة.

Projects: مشهد ثلاثي الأبعاد فيه كاميرا بتسافر على محور Z مع السكرول (على طريقة موقع neokit.app): كلمة كبيرة بتنور، كروت المشاريع (4 مشاريع آخرهم البورتفوليو نفسه)، نجوم، إطارات صور ونصوص بتطفو، عداد وخط تقدم.

Contact: فورم بخطوط رفيعة بيبعت الرسايل لإيميلك عن طريق Formspree، وفوتر.

الريسبونسف: قايمة همبرجر على الموبايل، والأقسام بتتحول لعمود واحد، والـ Hero بتتكدس، ومشهد المشاريع بيتظبط على الشاشات الصغيرة، والحبل بيفضل جوه الشاشة.