Personal Blog Website
تفاصيل العمل
Personal Blog – قالب مدونة شخصية بتصميم أنيق وأنيميشن احترافي
"Personal Blog" هو قالب ويب احترافي لمدونة شخصية تم تصميمه وتنفيذه يدويًا باستخدام HTML وCSS وJavaScript. يتميز القالب بتصميم نظيف، متجاوب، ورسوم متحركة سلسة تضيف تجربة بصرية مريحة وتفاعلية. القالب يضم عدة أقسام منظمة بعناية لتناسب استخدامات متعددة، من التدوين الشخصي إلى العروض الاحترافية.
أبرز الأقسام والمميزات:
رأس الصفحة (Header) وصفحة الهبوط (Landing Page):
شريط تنقل يحتوي على روابط واضحة وقائمة منسدلة (Mega Menu) تظهر فوق المحتوى عند التمرير على "روابط أخرى".
صفحة هبوط تعريفية بتأثيرات أنيميشن خفيفة.
قسم المقالات (Articles):
عرض المقالات مع مقدمة مختصرة لكل مقال.
عناوين متحركة عند تمرير الماوس.
تأثيرات انتقال سلسة لكل عنصر.
قسم المعرض (Gallery):
يعرض الصور المميزة في الموقع.
فاصل ديكوري على شكل "spikes" مع تأثير إضاءة متكرر (Flashing Animation).
أقسام إضافية:
المميزات (Features)
آراء العملاء (Testimonials)
فريق العمل (Team Members)
الخدمات (Services)
المهارات (Our Skills)
كيف يعمل الموقع (How It Works)
أحدث الفعاليات (Latest Events)
خطط التسعير (Pricing Plans):
خلفية منقطة (Dotted Background)
تأثير تعبئة عند التمرير (Fill Transition) باتجاهات مختلفة
تمييز الخطة الأكثر شهرة بعلامة "Most Popular"
أقسام إضافية مميزة:
الفيديوهات (Top Videos)
الإحصائيات (Statistics)
قسم الخصومات (Discount)
التذييل (Footer)
️ التقنيات المستخدمة:
HTML5
CSS3
JavaScript
Normalize.css v8.0.1
Font Awesome Free v6.6.0
رابط المشروع على GitHub: