كيفية إنشاء قسم الشهادات المستجيبة باستخدام HTML و CSS فقط

ستتعلم اليوم في هذه المدونة كيفية إنشاء قسم شهادات متجاوبة باستخدام HTML و CSS فقط

مرحبًا أيها القراء ، ستتعلم اليوم في هذه المدونة كيفية إنشاء قسم شهادات متجاوبة باستخدام HTML و CSS فقط.

 

تُظهر شهادة موقع الويب نجاح منتجات الموقع والبيان الذي يعلق على مدى جودة شخص ما أو شيء ما. تساعد الشهادات في إقناع المستخدمين المهتمين أنك تستحق ثقتهم. من خلال شهادات موقع استراتيجي يتم وضعها على صفحة "شهادات" مخصصة.

 

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

 

إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل عن هذا البرنامج [قسم الشهادات المستجيبة].

 

لقد شاهدت في الفيديو الشهادات المتجاوبة وآمل أن تكون قد فهمت الرموز الأساسية وراء إنشاء هذا البرنامج. كما تعلم ، هذا برنامج CSS خالص يعني أنه يتم استخدام HTML و CSS فقط لإنشاء هذا البرنامج. إذا كنت مبتدئًا ، فيمكنك أيضًا إنشاء هذا النوع من الشهادات سريعة الاستجابة. لجعل هذا القسم أو المربعات مستجيبة ، استخدمت خصائص CSS flexbox media.

 

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

 

قسم الشهادات المستجيبة

لإنشاء هذا البرنامج (قسم الشهادات المستجيبة). أولاً ، تحتاج إلى إنشاء ملفين ، أحدهما ملف HTML والآخر هو ملف CSS. بعد إنشاء هذه الملفات ، قم فقط بلصق الأكواد التالية في ملفك.

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow