‫‪Google DSC Zagazig University‬‬

‫‪Front-End‬‬

‫‪Task6‬‬
‫‪Revision:‬‬
‫‪Background , Border , ShadowEffects , BoxShadow‬‬
‫‪Width&Height .‬‬

‫‪Tasks:‬‬
‫‪Task(1):‬‬

‫قم بعمل الشكل الموجود في الصورة كما هو بنفس األلوان‬

‫كما هو ‪ Block‬الخاص بالعنصر ويظل نوعه ‪ Display‬يجب عدم تغيير ال‬

‫‪px‬يجب أن ال يزيد عرض العنصر عن ‪400‬‬

‫في آخر عنصر سوف تجد الكلمات خرجت من الصندوق وهي اآلن ظاهرة‪ ,‬المطلوب إخفاء أي شيء‬
‫يخرج من الصندوق‬
 ‫‪Google DSC Zagazig University‬‬
‫‪Front-End‬‬

‫قم بعمل الشكل التالي ‪Task(2):‬‬

‫‪Task3 :‬‬
‫>‪<div‬‬
‫‪Lorem ipsum dolor sit amet consectetur, adipisicing elit.‬‬
‫‪Ea itaque fugit vitae incidunt quis dolores? Id alias‬‬
‫‪eveniet sequi perspiciatis iusto impedit,‬‬

‫‪accusamus maxime reprehenderit blanditiis adipisci‬‬

‫‪sapiente hic velit.‬‬

‫>‪</div‬‬

‫إستخدم البنية السابقة وال تقم بالتعديل عليها‬

‫تأكد أن العنصر له نفس األلوان والهوامش الداخلية وعرض العنصر يكون ‪ 400‬بكسل‬

‫الشكل األول في الصورة هو الوضع الطبيعي للعنصر‪ .‬عندما يزيد النص سينزل للسطر التالي‬

‫الشكل الثاني في الصورة المحتوى صغير ولم يصل لنهاية العنصر‬

‫الشكل الثالث النصوص الموجودة فيه هي نفس الموجودة في الشكل األول‬

‫المطلوب قطع النص عند نهاية العنصر وال تجعله ينزل للسطر التالي‬
 Google DSC Zagazig University
Front-End
‫الثالث نقاط يتم وضعها تلقائيا وال تقم بكتابتها‬

Notes If there:
You should search and know more
Points:
10 points for final task
5 points for Session task

Deadline:
Sunday, March 10

Feel free to ask if you have any questions or to understand a problem