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

ورشات الواجهات الأمامية Frontend أساسيات تطوير واجهات الويب
#135

تقصدي كتابه الاكواد هنا بالتعليق؟

#136

إذا كان لديك كيبورد فرنسي, اضغط على alt gr و 7 لكتابة الرمز `

image
image.jpg1080×360 68.7 KB

#137

نعم
انا عندي كيبورد فرنسي

image
image.png1366×728 52 KB

ساحاول تجربة ما قلت لي

#138

للاسف جربت و مافي اي شيء
لا يعمل معي

#139 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>فيتامين واو</title>
    </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" width="600">
        <div>
            <a href="#">اطلب وساطه</a>
        </div>
    </main>
    <footer>
        <P>&copy; 2018 جميع الحقوق محفوظه لفيتامين واو</P>
    </footer>
 </body>
</html>
3 Likes
#140

ممتاز يا أبتسام كله مضبوط :star_struck::muscle:

كذلك خذي في عين الإعتبار كتابة الاكواد في التعليقات بالشكل الموضح في الموضوع التالي:

2 Likes
#141 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>فيتامين واو</title>
    </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;2018 جميع الحقوق محفوظة لفيتامين واو</p>
        </footer>
    </body>
</html>
2 Likes
#144 
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>واسطة فى حب الباستا</title>
    </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'/>
            <a href="#">اطلب وساطة</a>
    </main>
    <footer>
<p> جميع الحقوق محفوظة لواسطة فى حب الباستا &copy; 2019</p>
        </footer>
        </body>
    </html>
2 Likes
#145

مية مية محمد :+1:

1 Like
#146 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>فيتامين واو</title>
            <style>
                     
        </style>
    </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>
1 Like
#147

مية مية :ok_hand:

#148

كان معكم مقدم الاذاعه بسام الصف الرابع أ -_*


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

</html>
1 Like
#149
فيتامين واو

فيتامين واو

سنجعلك في المقدمة إن تأخرت

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

إطلب وساطة

©2018 جميع الحقوق محفوظة لفيتامين واو

1 Like
#150 
<!DOCTYPE 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>
1 Like
#151 
<!DOCTYPE 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" width="500">
             </div>
             <a href="#">اطلب وساطة</a>
        </main>
        <footer>
            <p>&copy;جميع الحقوق محفوظة لفيتامين واو 2018</p>
        </footer>
    </body>
</html>
1 Like
#152

حميت التقديم حق الاذاعة :joy:، عملت ال h1 بداخل العنصر head. الاصح عملة بداخل العنصر body بداخل عنصر header.

اعد صياغة الكود والمعذرة لتأخر الرد.

1 Like
#153

ممتاز :+1:

#154

مضبوط :ok_hand:

1 Like
#155

اهااا نعم
انت عارف بربشة الوقوف اما طابور الطلاب :sweat_smile::sweat_smile::joy:

1 Like
#156

كان معكم مقدم الاذاعه بسام الصف الرابع أ -_*


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

</html>
1 Like