مشاركة حلول: مهمة تطبيق فيتامين واو


#85

لا شكر لى واجب @Siuf :blush:


#86

بعد إذنك قمت بتعديل تعليقك لتظهر الاكواد

حيث قمت بوضعها بداخل العلامات التالية:

```
هنا وضعت الاكواد بين هذه العلامات
```

بالنسبة لتطبيقك كلة ممتاز :clap: فقط خذ في عين الإعتبار الملاحظات التالية:

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

image

لاحظ ان العنوان الي من المستوى الثاني h2 مكتوب بجوارة أنه مفقود “missing” لذا إحرص على الإبقاء على تسلسل منطقي للعناوين.

الثانية الرابط قمت بإعطائه الخاصية href بدون قيمة، لا يستحسن ذلك ولكن بإمكانك إعطائه القيمة # والتي تشير بأن هذا الرابط ميت لا يؤدي الى اي مكان بالشكل التالي:

<a href="#">اطلب وساطه</a>

الثالثة في القسم footer قمت بوضع فقرة نصية بشكل مباشر والأفضل وضعها بداخل عنصر الفقرات النصية p

<footer>
    <p>هنا الفقرة النصية</p>
</footer>

#87

شكرا لك على نصائحك يا اخي سوف اقوم بتصحيحها باذن الله .


#88

شكرا على الرد والمتابعه وإليك الكود بعد التعديل:-

<!DOCTYPE html>
    <html>
        <head>
            <title>عنوان الموقع</title>
            <meta charset="UTF-8">
        </head>
        <body>
            <header>
                <h1>فيتامين واو</h1>
            </header>
            <main>
                <h2>سنجعلك في المقدمة إن تأخرت</h2>
                <p>إحتياجك لهذا الفيتامين أكثر من الفيتامينات الآخرى فهو الفيتامين الذي لا يمد جسدك بالقوة فحسب ولكن يفيدك من الناحية الوظيفية ويوسع حجم معارفك.</p>
                <img src="https://raw.githubusercontent.com/coretabs-academy/frontend-basics-workshop-markdown/master/project-structure/task/assets/banner.jpg">
                <div>
                   <a href="#">أطلب وساطه</a>
                </div> 
            </main>
            <footer><p>&copy;جميع الحقوق محفوظه لفيتامين واو</p></footer>
        </body>    
    </html>

#89

الله ما اجمل الكود نظيف ومرتب، رائع ي محمود :star_struck:


#90

مرحبا بكم جميعا
المهمة المطلوبة

<!DOCTUPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>فيتامين واو</title>
    </head>
    <body>
        <header>
            <h1>فيتامين واو</h1>
        </header>
        <main>
            <h2>سنجعلك فى المقدمة ان تأخرت</h2>
            <p>إحتياجك لهذا الفيتامين أكثر من الفيتامينات الآخرى فهو الفيتامين الذي لا يمد جسدك بالقوة فحسب ولكن يفيدك من الناحية الوظيفية ويوسع حجم معارفك</p>
            <div>
                <img src="https://raw.githubusercontent.com/coretabs-academy/frontend-basics-workshop-markdown/master/project-structure/task/assets/banner.jpg">
            </div>
            <a href="#">اطلب وساطة</a>
        </main>
        <footer>
            <p>&copy;جميع الحقوق محفوظة لفيتامين واو2018</p>
        </footer>
    </body>
</html>

#91

ممتاز مية مية طارق :muscle:


#92
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <header>
        <h1>فيتامين واو</h1>
    </header>
    
    <main>
        <div>
            <h2>سنجعلك في المقدمة إن تأخرت</h2>
            <p>إحتياجك لهذا الفيتامين أكثر من الفيتامينات الآخرى فهو الفيتامين الذي لا يمد جسدك بالقوة فحسب ولكن يفيدك من الناحية الوظيفية ويوسع حجم معارفك</p>
            <img src="https://raw.githubusercontent.com/coretabs-academy/frontend-basics-workshop-markdown/master/project-structure/task/assets/banner.jpg">
        </div>
        <a href="#">اطلب وساطه</a>
    </main>
    
    <footer> 
        <p>&copy; جميع الحقوق محفوظة لفيتامين واو 2018</p>
    </footer>
    
</body>

</html>

#93

ممتاز
ممكن تعديل بسيط
Capture


#94

Great job @tarekamro :heart_eyes:
Small note: it’s DOCTYPE not DOCTUPE.


#95

ممتاز وكما أشار @tarekamro من الأفضل وضع عنوان بين وسمي title


#96

شكراً على التعقيب


#97

you must be good at hide-and-seek game @Nabila :joy::+1:


#98

:grin::grin::joy::joy::joy::joy::joy::joy::joy::joy: you made my day sir @Alhakem


#99

مظبوط لكن انا سيبتها عمد لانها العنوان مش ظاهر في التدريب :wink: … بحاول التزم بالتفاصيل :grin:


#100

بسيطة :smiley:


#101

تعقيب
تحديد نوع المستند انها لغة html الاصدار الخامس حتى يتعرف عليها المتصفح

<!DOCTYPE html>

#102

بالفعل هذا هو الكود الناقص :ok_hand:


#106


#107

مية مية @Noora المرة الجاية قومي بنسخ الأكواد إلى هنا مباشرة مما يسهل علي مراجعتها :blush: