صفحة مدونة دلالية — تحدي HTML

حوّل الصفحة إلى HTML5 دلالي: header و nav و main و article و aside و footer، وتاريخ المقال داخل <time>، ولا تُبقِ div بأسماء مثل header/nav/main.

<!-- حول هذه الصفحة لتستخدم عناصر HTML5 الدلالية -->
<div class="header">
  <div class="logo">مدونتي</div>
  <div class="nav">
    <a href="/">الرئيسية</a>
    <a href="/about">من نحن</a>
  </div>
</div>

<div class="main">
  <div class="article">
    <div class="article-header">
      <h1>عنوان المقال</h1>
      <span>15 يناير 2024</span>
    </div>
    <div class="article-content">
      <p>محتوى المقال...</p>
    </div>
  </div>
  
  <div class="sidebar">
    <h2>مقالات أخرى</h2>
  </div>
</div>

<div class="footer">
  <p>حقوق النشر 2024</p>
</div>

حل هذا التحدي يرتبط بفتح دورة «CSS المتقدم» بحسابك.