portfolio
تفاصيل العمل
ملف 77777.html
ده يعتبر نسخة متطورة جدًا من الـ Portfolio
وأقرب حاجة لـ موقع احترافي جاهز للنشر
? الفكرة:
? Portfolio شخصي لكن بأسلوب:
حديث جدًا
أنيميشن قوي
قابل للتعديل (فيه System Config)
? أهم المميزات
? 1) التصميم (UI)
Dark Mode + Light Mode ? �
77777.html
Glassmorphism (خلفيات شفافة) �
77777.html
Gradient Orbs في الخلفية (دوائر متحركة) �
77777.html
ألوان متغيرة بالـ CSS Variables
? ده بيديك إحساس: Modern جدًا + زي مواقع الشركات الكبيرة
✨ 2) الـ Hero Section (أول صفحة)
اسم: KARIM
Nickname بيتكتب Animation: ? COSTARICA (Typing Effect) �
77777.html
Subtitle:
Young Web Developer | Building the Future �
77777.html
صورة شخصية داخل Frame متحرك
أزرار:
Contact Me
View My Work
?? 3) About Section
تعريف بالمطور:
"14-year-old web developer..." �
77777.html
تصميم Card شيك
أيقونات + layout نظيف
? 4) Skills
Skills زي:
HTML
CSS
JavaScript
React
UI/UX
�
77777.html
? المميز:
Progress bars بتتملي Animation
بتتحرك لما توصل لها في scroll (Intersection Observer) �
77777.html
? 5) Projects
مشاريع:
Portfolio Website
Landing Pages
Web Apps
�
77777.html
كل مشروع:
Card
Icon
Hover Animation
? 6) Contact
واتساب
فيسبوك
إيميل
�
77777.html
⚙️ 7) Features ذكية (مهمة جدًا)
? Dark / Light Mode
زر يغير شكل الموقع بالكامل �
77777.html
⌨️ Typing Animation
الاسم بيتكتب حرف حرف
? Mobile Menu
قائمة للموبايل
? Scroll Animations
العناصر بتظهر تدريجي لما تنزل
�
77777.html
? Back to Top Button
زر يرجعك لفوق
? Config System (ميزة خطيرة)
فيه defaultConfig تقدر تعدل منه:
الاسم
الإيميل
الألوان
النصوص
�
ده مش موقع عادي… ده شبه App موبايل كامل جوه صفحة HTML
? الفكرة:
? Portfolio لكن متحول لـ Mobile App UI (زي تطبيق حقيقي)
? أهم المميزات:
? تصميم:
Full Screen App (مفيش Scroll عادي) �
app.html
Navigation Bar تحت (زي تطبيقات الموبايل) �
app.html
كل صفحة (Home / Skills / Projects / Contact / About)
✨ تأثيرات:
Splash Screen (شاشة بداية احترافية) �
app.html
Neon + Glow Animations
Particles في الخلفية
Floating profile image
? الصفحة الرئيسية:
صورة شخصية داخل Circle بإضاءة
اسم: COSTARICA
Bio:
"14-year-old Web Developer..." �
app.html
Stats:
Skills
Projects
Age
? Skills:
بتتولد ديناميك بالـ JavaScript
Progress bars متحركة
? Projects:
مشاريع متولدة برضه بالـ JS
Cards Animated
? Contact:
واتساب
فيسبوك
إيميل