Fable Blooms — تجربة زهور فنية/قصصية.

الهوية: Fable Blooms — تجربة زهور فنية/قصصية.

الأقسام: بطل الصفحة مع دعوات للتحرّك، مجموعة بطاقات لمنتجات/طُقوس، قسم عن المرسم، خط زمني لتجربة العميل، دعوة لاتخاذ إجراء، نموذج تواصل، وتذييل.

التفاعل والحركة: عناصر تظهر تدريجيًا أثناء التمرير، فقاعات/توّهجات زخرفية عائمة، قائمة موبايل قابلة للطي، وتحديث سنة التذييل تلقائيًا.

التقنيات المستخدمة

HTML5: بنية دلالية بأقسام header, main, section, footer وروابط تنقل داخلية.

Google Fonts: استيراد خطوط Playfair Display وWork Sans.

CSS3 متقدم:

متغيرات CSS عبر :root للألوان والمؤثرات.

تخطيطات حديثة: flexbox, grid.

استجابة كاملة عبر استعلامات وسائط عند 960px و640px.

مؤثرات بصرية: تدرجات، ضبابية backdrop-filter, ظلال ناعمة، زوايا دائرية.

حركات: @keyframes للطفو والنبض، انتقالات هوفر للروابط والأزرار.

JavaScript (ES6+):

IntersectionObserver لكشف العناصر التدريجي عند الظهور.

تفعيل/إخفاء قائمة الموبايل والتعامل مع لوحة المفاتيح.

تحديث عنصر السنة في التذييل تلقائيًا.

إتاحة وتجربة مستخدم:

أزرار مع aria-label، دعم تفعيل القائمة عبر لوحة المفاتيح.

هيكل صفحة واضح وروابط تنقل داخلية.

أصول خارجية:

صورة من Unsplash وروابط خطوط من Google.

بدون أُطر عمل:

لا توجد مكتبات أو بنّاءات؛ شيفرة واجهة أمامية خالصة (HTML/CSS/JS).