.how-to-write-cv-page { –viz-primary: #268599; –viz-accent: #e8885e; –viz-dark: #16344c; –viz-primary-rgb: 38, 133, 153; –viz-accent-rgb: 232, 136, 94; –viz-primary-light: rgba(38, 133, 153, 0.1); –viz-accent-light: rgba(232, 136, 94, 0.1); } /* ===== Component: Horizontal Process Flow ===== */ .viz-process-flow { margin: 2rem 0; overflow-x: auto; } .viz-process-flow__track { display: flex; align-items: center; gap: 0; min-width: 700px; direction: ltr; } .viz-process-flow__step { flex: 1; text-align: center; position: relative; } .viz-process-flow__circle { width: 64px; height: 64px; border-radius: 50%; background: var(–viz-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; margin: 0 auto 0.75rem; box-shadow: 0 4px 12px rgba(var(–viz-primary-rgb), 0.3); } .viz-process-flow__step:nth-child(even) .viz-process-flow__circle { background: var(–viz-accent); box-shadow: 0 4px 12px rgba(var(–viz-accent-rgb), 0.3); } .viz-process-flow__label { font-weight: 600; color: var(–viz-dark); font-size: 0.95rem; } .viz-process-flow__desc { font-size: 0.8rem; color: #64748b; margin-top: 0.25rem; max-width: 140px; margin-left: auto; margin-right: auto; } .viz-process-flow__arrow { flex: 0 0 40px; text-align: center; color: #cbd5e1; font-size: 1.2rem; } /* ===== Component: Comparison Bar Chart ===== */ .viz-bar-chart { margin: 2rem 0; } .viz-bar-chart__item { margin: 1rem 0; } .viz-bar-chart__header { display: flex; justify-content: space-between; margin-bottom: 0.4rem; font-size: 0.9rem; } .viz-bar-chart__label { font-weight: 600; color: var(–viz-dark); } .viz-bar-chart__value { font-weight: 700; color: var(–viz-primary); } .viz-bar-chart__track { height: 12px; background: #e2e8f0; border-radius: 6px; overflow: hidden; } .viz-bar-chart__fill { height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(–viz-primary), var(–viz-accent)); transition: width 1s ease; } /* ===== Component: Decision Tree ===== */ .viz-decision-tree { margin: 2rem 0; font-family: inherit; } .viz-dt-question { background: var(–viz-dark); color: #fff; padding: 1rem 1.5rem; border-radius: 12px; text-align: center; font-weight: 700; font-size: 1.1rem; max-width: 400px; margin: 0 auto 1.5rem; } .viz-dt-branches { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; } .viz-dt-branch { flex: 1; min-width: 200px; max-width: 280px; border: 2px solid #e2e8f0; border-radius: 12px; padding: 1.25rem; text-align: center; transition: all 0.3s; } .viz-dt-branch:hover { border-color: var(–viz-primary); transform: translateY(-4px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); } .viz-dt-branch__label { background: var(–viz-primary); color: #fff; padding: 0.4rem 1rem; border-radius: 20px; font-weight: 700; font-size: 0.85rem; display: inline-block; margin-bottom: 0.75rem; } .viz-dt-branch:nth-child(2) .viz-dt-branch__label { background: var(–viz-accent); } .viz-dt-branch:nth-child(3) .viz-dt-branch__label { background: var(–viz-dark); } .viz-dt-branch__text { font-size: 0.85rem; color: #475569; line-height: 1.6; } /* ===== Component: Before/After Split ===== */ .viz-split { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin: 2rem 0; } .viz-split__side { padding: 1.5rem; border-radius: 12px; } .viz-split__before { background: #fef2f2; border: 2px solid #fecaca; } .viz-split__after { background: #f0fdf4; border: 2px solid #bbf7d0; } .viz-split__tag { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; padding: 0.25rem 0.75rem; border-radius: 12px; display: inline-block; margin-bottom: 1rem; } .viz-split__before .viz-split__tag { background: #fecaca; color: #991b1b; } .viz-split__after .viz-split__tag { background: #bbf7d0; color: #166534; } .viz-split__content { font-size: 0.9rem; line-height: 1.8; } .viz-split__content li { margin: 0.5rem 0; } @media (max-width: 768px) { .viz-split { grid-template-columns: 1fr; } } /* ===== Component: Progress Bars ===== */ .viz-progress { margin: 1.5rem 0; } .viz-progress__item { margin: 1rem 0; } .viz-progress__header { display: flex; justify-content: space-between; margin-bottom: 0.4rem; font-size: 0.9rem; } .viz-progress__label { font-weight: 600; color: var(–viz-dark); } .viz-progress__value { font-weight: 700; color: var(–viz-primary); } .viz-progress__track { height: 10px; background: #e2e8f0; border-radius: 5px; overflow: hidden; } .viz-progress__fill { height: 100%; border-radius: 5px; background: var(–viz-primary); } .viz-progress__fill–accent { background: var(–viz-accent); } /* ===== Component: Circular Progress Rings ===== */ .viz-rings { display: flex; justify-content: center; gap: 2.5rem; flex-wrap: wrap; margin: 2rem 0; } .viz-ring { text-align: center; } .viz-ring svg { width: 100px; height: 100px; transform: rotate(-90deg); } .viz-ring circle { fill: none; stroke-width: 8; stroke-linecap: round; } .viz-ring__bg { stroke: #e2e8f0; } .viz-ring__fill { stroke: var(–viz-primary); transition: stroke-dashoffset 1s ease; } .viz-ring__fill–accent { stroke: var(–viz-accent); } .viz-ring__value { font-size: 1.5rem; font-weight: 800; color: var(–viz-dark); margin-top: 0.5rem; } .viz-ring__label { font-size: 0.8rem; color: #64748b; } /* ===== Inline CTA Boxes ===== */ .scv-inline-cta { margin: 2.5rem 0; border-radius: 16px; padding: 2rem 2.5rem; direction: rtl; text-align: center; position: relative; overflow: hidden; } .scv-inline-cta__title { font-size: 1.35rem; font-weight: 700; margin: 0 0 0.75rem; line-height: 1.5; } .scv-inline-cta__desc { font-size: 0.95rem; margin: 0 0 1.25rem; line-height: 1.8; opacity: 0.92; } .scv-inline-cta__btn { display: inline-block; padding: 14px 36px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1rem; transition: transform 0.2s, box-shadow 0.2s; } .scv-inline-cta__btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); } .scv-inline-cta__note { font-size: 0.8rem; margin-top: 0.75rem; opacity: 0.75; } .scv-inline-cta–gradient { background: linear-gradient(135deg, #268599 0%, #618480 50%, #e8885e 100%); color: #fff; } .scv-inline-cta–gradient .scv-inline-cta__btn { background: #fff; color: #268599; } .scv-inline-cta–teal { background: #268599; color: #fff; } .scv-inline-cta–teal .scv-inline-cta__btn { background: #fff; color: #268599; } .scv-inline-cta–light { background: #f0fafb; border: 2px solid #268599; color: #16344c; } .scv-inline-cta–light .scv-inline-cta__btn { background: #268599; color: #fff; } .scv-inline-cta–coral { background: linear-gradient(135deg, #e8885e 0%, #d4704a 100%); color: #fff; } .scv-inline-cta–coral .scv-inline-cta__btn { background: #fff; color: #e8885e; } .scv-inline-cta–navy { background: #16344c; color: #fff; } .scv-inline-cta–navy .scv-inline-cta__btn { background: #e8885e; color: #fff; } .scv-inline-cta–stats { background: #f8fafc; border: 2px solid #e2e8f0; color: #16344c; text-align: center; } .scv-inline-cta–stats .scv-inline-cta__stats { display: flex; justify-content: center; gap: 2rem; margin-bottom: 1.25rem; flex-wrap: wrap; } .scv-inline-cta–stats .scv-inline-cta__stat { text-align: center; } .scv-inline-cta–stats .scv-inline-cta__stat-number { font-size: 2rem; font-weight: 800; color: #268599; display: block; line-height: 1.2; } .scv-inline-cta–stats .scv-inline-cta__stat-label { font-size: 0.8rem; color: #64748b; } .scv-inline-cta–stats .scv-inline-cta__btn { background: linear-gradient(135deg, #268599, #e8885e); color: #fff; } @media (max-width: 768px) { .scv-inline-cta { padding: 1.5rem 1.25rem; } .scv-inline-cta__title { font-size: 1.15rem; } .viz-process-flow__track { min-width: 600px; } .viz-rings { gap: 1.5rem; } .viz-ring svg { width: 80px; height: 80px; } .viz-dt-branches { flex-direction: column; align-items: center; } } { “@context”: “https://schema.org”, “@graph”: [ { “@type”: “WebPage”, “name”: “كيفية كتابة سيرة ذاتية احترافية | دليل شامل 2026”, “description”: “دليل شامل خطوة بخطوة لكتابة سيرة ذاتية احترافية تجتاز أنظمة ATS وتجذب أصحاب العمل. نصائح، أمثلة، وقوالب جاهزة.”, “url”: “https://stylingcv.com/ar/دليل/كيفية-كتابة-سيرة-ذاتية/”, “inLanguage”: “ar”, “dateModified”: “2026-02-05” }, { “@type”: “BreadcrumbList”, “itemListElement”: [ {“@type”: “ListItem”, “position”: 1, “name”: “الرئيسية”, “item”: “https://stylingcv.com/ar/”}, {“@type”: “ListItem”, “position”: 2, “name”: “دليل السيرة الذاتية”, “item”: “https://stylingcv.com/ar/دليل-السيرة-الذاتية-الشامل-2026/”}, {“@type”: “ListItem”, “position”: 3, “name”: “كيفية كتابة سيرة ذاتية احترافية”} ] }, { “@type”: “FAQPage”, “mainEntity”: [ { “@type”: “Question”, “name”: “كم صفحة يجب أن تكون السيرة الذاتية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “صفحة واحدة للخريجين الجدد ومن لديهم أقل من 10 سنوات خبرة. صفحتان كحد أقصى لأصحاب الخبرة الطويلة والمديرين التنفيذيين. مسؤولو التوظيف يقضون 6-7 ثوانٍ فقط في الفرز الأولي، لذا الإيجاز مهم.”} }, { “@type”: “Question”, “name”: “ما أفضل صيغة لحفظ السيرة الذاتية PDF أم Word؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “PDF هي الأفضل لأنها تحافظ على التنسيق في جميع الأجهزة. استخدم Word فقط إذا طلب صاحب العمل ذلك تحديداً. سمِّ الملف باسمك: الاسم_الكامل_سيرة_ذاتية.pdf. لتصدير سيرتك بسهولة، جرّب إنشاء سيرة ذاتية بصيغة PDF مباشرة عبر الإنترنت”} }, { “@type”: “Question”, “name”: “كيف أجعل سيرتي الذاتية تتجاوز أنظمة ATS؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “استخدم تنسيقاً بسيطاً بعمود واحد بدون جداول أو رسومات. اختر خطوطاً قياسية مثل Arial أو Calibri. استخدم عناوين أقسام معيارية. أضف الكلمات المفتاحية من إعلان الوظيفة. صدّر بصيغة PDF.”} }, { “@type”: “Question”, “name”: “هل أضع صورة شخصية في السيرة الذاتية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “يعتمد على المنطقة والقطاع. في الخليج والسعودية، إضافة صورة احترافية مقبولة. في الشركات الغربية متعددة الجنسيات، يُفضَّل عدم إضافتها. إذا أضفتها، اختر صورة رسمية بزي مهني بخلفية محايدة.”} }, { “@type”: “Question”, “name”: “ما الفرق بين الهدف الوظيفي والملخص المهني؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “الهدف الوظيفي يناسب حديثي التخرج ويركز على ما تريد تحقيقه. الملخص المهني يناسب أصحاب الخبرة ويركز على ما أنجزته. الملخص أقوى لأنه يُبرز قيمتك الفعلية بالأرقام والإنجازات.”} }, { “@type”: “Question”, “name”: “كيف أكتب سيرة ذاتية بدون خبرة عملية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “ركّز على التعليم والمشاريع الأكاديمية والتدريب الميداني. أبرز الأنشطة التطوعية والنوادي الطلابية. اذكر المهارات القابلة للنقل كالتواصل والعمل الجماعي. أضف الدورات والشهادات. استخدم التنسيق الوظيفي بدلاً من الزمني.”} }, { “@type”: “Question”, “name”: “هل يجب تخصيص السيرة الذاتية لكل وظيفة؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “نعم، تخصيص السيرة الذاتية لكل وظيفة يزيد فرص القبول بشكل كبير. عدّل الملخص المهني والمهارات والكلمات المفتاحية حسب متطلبات الوظيفة المحددة. أنظمة ATS تبحث عن تطابق الكلمات مع الإعلان.”} }, { “@type”: “Question”, “name”: “ما أهم الأخطاء التي يجب تجنبها في السيرة الذاتية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “الأخطاء الإملائية والنحوية (تسبب رفض 79% من السير الذاتية)، استخدام قوالب مليئة بالرسومات غير المتوافقة مع ATS، إرسال نفس النسخة لكل الوظائف، بريد إلكتروني غير احترافي، ومعلومات قديمة أو مبالغ فيها.”} }, { “@type”: “Question”, “name”: “كيف أبرز الإنجازات في السيرة الذاتية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “استخدم الأرقام والنسب المئوية. بدلاً من مسؤول عن المبيعات اكتب حققت زيادة 30% في المبيعات خلال 6 أشهر. ابدأ كل نقطة بفعل قوي مثل: أدرت، طورت، حققت، قدت، وفّرت.”} }, { “@type”: “Question”, “name”: “هل أحتاج أداة لإنشاء السيرة الذاتية أم أستخدم Word؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “أدوات إنشاء السيرة الذاتية المتخصصة مثل StylingCV توفر قوالب احترافية متوافقة مع ATS وتنسيقاً تلقائياً وميزة الذكاء الاصطناعي لكتابة المحتوى. Word مقبول لكنك تحتاج خبرة في التنسيق وتصدير PDF بشكل صحيح.”} } ] } ] }