هذه نتيجتي بعد إنهاء مسار أساسيات تطوير واجهات الويب
<html>
<head>
<meta charset="utf-8">
<title>فيتامين واو</title>
<style>
body{
background-color: #171a29;
color: #ffffff;
}
header{
background-color: #212639;
color: #C0C0C0;
hight: 60px;
width: 100%;
text-align: center;
font-size: 8px;
}
main {
text-align: center;
}
main img{
hight: 600px;
widht: 210px;
}
main p{
font-size: 15px;
color: #D3D3D3;
font-weight: 500;
}
main a{
background-color: #3b7c3a;
color: #ffffff;
}
footer{
background-color: #0f121b;
color: #707281;
hight: 100%;
widht: 40px;
text-align: center;
}
</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" width="500" height="200">
</div>
<a href="www.vitamino.com">اطلب وساطة</a>
</main>
<footer>
<p>© 2018جميع الحقوق محفوظة لفيتامين واو</p>
</footer>
</body>
</html>