هذا المشروع عبارة عن صفحة هبوط (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)