Creative Landing Page

هذا المشروع عبارة عن صفحة هبوط (Landing Page) تفاعلية لعرض هاتف iPhone بأسلوب عصري وجذاب، تم تطويرها باستخدام تقنيات الويب الأساسية:

HTML – CSS – JavaScript.

يعتمد التصميم على واجهة داكنة أنيقة مع توزيع منظم للعناصر، مما يساعد على إبراز المنتج بشكل واضح. تحتوي الصفحة على شريط تنقل علوي، ومحتوى رئيسي يعرض معلومات الهاتف، بالإضافة إلى صور مصغّرة تفاعلية تتيح للمستخدم تغيير لون الخلفية وصورة الهاتف باستخدام JavaScript.

تم التركيز في هذا المشروع على تحسين تجربة المستخدم من خلال البساطة، والسرعة، وسهولة التصفح، مع الاهتمام بتنسيق العناصر وتناسق الألوان.

✨ مميزات المشروع:

تصميم عصري بخلفية داكنة أنيقة

تغيير صورة الهاتف ديناميكيًا

تغيير لون الخلفية حسب اختيار المستخدم

استخدام JavaScript للتحكم في التفاعل

واجهة مستخدم سهلة وبسيطة

كود منظم وسهل القراءة

?️ التقنيات المستخدمة:

HTML5

CSS3 (Flexbox – Responsive Layout)

JavaScript (DOM Manipulation)

? Interactive iPhone Landing Page

This project is a modern and interactive landing page designed to showcase an iPhone product using core web technologies:

HTML, CSS, and JavaScript.

The design features a dark, clean interface with well-organized elements to highlight the product. It includes a navigation bar, main content section, and interactive thumbnail images that allow users to change the phone image and background color dynamically using JavaScript.

The project focuses on providing a smooth and user-friendly experience with clean code structure and attractive visuals.

✨ Project Features:

Modern dark-themed design

Dynamic phone image switching

Background color change on user interaction

JavaScript-powered interactivity

Clean and simple UI

Well-structured and readable code

Portfolio-ready project

?️ Technologies Used:

HTML5

CSS3 (Flexbox – Responsive Layout)

JavaScript (DOM Manipulation)