إكمال مشروع front end

مرحبا انا لي مشروع مؤلف من 3 صفحات ب اللغة الانجلزية من 3 صفحات .

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

الصفحة الثانية {contact us } صفخى بسيطة تحتوي على فورم وخريطة عشوائية واضافة اي شي لائق او اي قسم تعود للمطور ولكن المهم ان تبدو جميلة ومتناسقة مع الصفحة الرئيسة واكيد مرنة مع كل الشاشات .

الصفحى الثالثة {about us } نفس المبدأ مع الصقحى السابقة ولكن معلومات عشوائية عن الشركة مع صور من داخل المجلد التي سيتم ارساله .

المهم جعل الستايل راقي ونفس التصميم بين كل الصفحات تقريبا .

كل التعليقات باللفة الانجليزية والمتحتوي ايضا

لا داعي لجعله معقد بسيذ وجميل وراقي يكفي

التسليم بعد 24 ساعة من البدء كحد اقصى

لا يجوز استخدام اي مكتبة مع هذا المشروع { only font awseom }

الانتباه على navbar وانها مرنة مه الشاشات وعند الشاشات الصغيرة تظهر 3 نقاط ومع الضفط عليها تظهر قائمة منسدلة .,

الرجاء المرور على كل النقاط التالية عند الانتهاء :

الاتجاهات والمتطلبات

1. الصفحات

• ثلاث صفحات كحد أدنى: الفهرس، وعنا، والاتصال بنا.

• رأس وتذييل الصفحة (جميع الصفحات).

• صفحة فهرس:

راية البطل؛

قسم مكون من أربعة أعمدة (قسم المعرض/المنتجات/الخدمات)؛

قسم يحتوي على زر "دعوة إلى اتخاذ إجراء" (وصف مختصر للنشاط التجاري، على سبيل المثال،

بالإضافة إلى رابط (معرفة المزيد) إلى صفحة "نبذة عنا")؛

• صفحة من نحن:

عنوان الصفحة (نسخة بسيطة من الشعار الرئيسي، مع اسم الصفحة)؛

السيرة الذاتية للشركة (فقرتان أو أكثر. لا يوجد نص أبجدي)؛

قسم يحتوي على رابط إلى صفحة "اتصل بنا"؛

• صفحة اتصل بنا:

عنوان الصفحة (نسخة بسيطة من الشعار الرئيسي، مع اسم الصفحة)؛

نموذج يحتوي على ثلاثة حقول على الأقل: الاسم والبريد الإلكتروني والرسالة؛

قسم يحتوي على البريد الإلكتروني للشركة وروابط شبكات التواصل الاجتماعي الخاصة بها؛

قسم يحتوي على رابط إلى صفحة "نبذة عنا"؛

2. الأسلوب والتصميم

• النمط الخارجي (ملفات CSS).

• إعادة تعيين الأنماط.

• خط أو خطان من خطوط Google بثلاثة أوزان على الأقل.

• صور خالية من حقوق الملكية.

• الأيقونات (Font Awesome وأيقونات png).

• الاتساق (بنية الصفحة، لوحة الألوان، الخطوط، الحدود، الظلال، وما إلى ذلك).

• الاستخدام الفعال للمساحة البيضاء (الهوامش والحشوات).

• الاستخدام الفعال للصور (احترام نسبة أبعادها).

• التحولات السلسة.

• تصميم سريع الاستجابة (جميع الصفحات).

• تصميم منطقي ويشبه موقع ويب حديث

3. الكود

• المسافة الفارغة.

• اصطلاحات التسمية (المجلد، الملفات، المعرفات، الفئات، الخ).

• العناصر الدلالية.