1. الرئيسية
  2. المستقلين
  3. Maria E.
  4. معرض الأعمال

Portofolio

اطلب عمل مماثل

تفاصيل العمل

Portofolio
Screenshot…161818.png
Screenshot…161954.png

هذا الكود هو نص HTML يمثل صفحة ويب تحتوي على نموذج لصفحة البورتفوليو الشخصية. سأقدم وصفًا للعناصر الرئيسية في الكود:

1. `<!DOCTYPE html>`: تعريف نوع المستند كـ HTML5.

2. `<html lang="en">`: بداية عنصر HTML مع تحديد لغة الصفحة كالإنجليزية.

3. `<head>`: تحتوي على المعلومات الرئيسية حول الصفحة مثل تعيين الترميز والعنوان.

4. `<meta charset="UTF-8">`: يعين ترميز المحتوى ليكون UTF-8.

5. `<meta name="viewport" content="width=device-width, initial-scale=1.0">`: يعين العرض الابتدائي ومقياس الصفحة لتكون متوافقة مع أجهزة مختلفة.

6. `<title>Q1</title>`: يحدد عنوان الصفحة.

7. `<link rel="stylesheet" href="Q1.css">`: يربط الصفحة بملف CSS خارجي (Q1.css) لتنسيق الأنماط.

8. `<link rel="stylesheet" href="https://cdnjs.cloudflare....; integrity="..." crossorigin="anonymous" >`: يقوم بتضمين ملف CSS لمكتبة Font Awesome التي توفر أيقونات.

9. `<body>`: يبدأ جسم الصفحة.

10. `<div style="display: flex;">`: عنصر div يستخدم لتحديد تخطيط صفحة البورتفوليو باستخدام Flexbox.

11. `<div class="col-2" id="nav1">`: عنصر div يمثل الجزء الأول من تخطيط الصفحة (عمود الشريط الجانبي)، يحتوي على العناصر التي تعرض في الشريط الجانبي.

12. `<div style="background-color:darkgrey; box-sizing: border-box;" class="col-10" id="nav2">`: عنصر div يمثل الجزء الثاني من تخطيط الصفحة (المحتوى الرئيسي)، يحتوي على العناصر التي ستظهر في الجزء الرئيسي من الصفحة.

13. `<div id="contaner">`: عنصر div يحتوي على عناصر لتصفية المحتوى.

14. `<div class="contaner3">`: عنصر div يحتوي على عناصر البورتفوليو نفسها.

15. `<hr style="height: 5px; margin-top: 10px; background-color: antiquewhite;">`: خط أفقي للفصل بين العناصر.

16. العديد من العناصر `<div class="col-3" style="background-color: gainsboro; margin: 3%;">` التي تحتوي على الصور والوصف، تمثل عناصر البورتفوليو.

بطاقة العمل

اسم المستقل Maria E.
عدد الإعجابات 6
عدد المشاهدات 157
تاريخ الإضافة

شارك العمل