شريط تنقل متجاوب — تحدي HTML

شريط تنقل داخل <nav>: شعار، وقائمة <ul> بأربعة روابط <a href> (الرئيسية، الدورات، المقالات، اتصل بنا)، وقائمة منسدلة <ul> تحت "الدورات" فيها روابط HTML و CSS و JavaScript، مع CSS يُظهرها عند المرور (:hover).

<!-- أنشئ شريط تنقل يحتوي على:
1. شعار الموقع
2. روابط رئيسية (الرئيسية، الدورات، المقالات، اتصل بنا)
3. قائمة منسدلة تحت "الدورات" (HTML, CSS, JS)
4. استخدم العناصر الدلالية المناسبة
-->

<nav>
  <!-- اكتب كودك هنا -->
</nav>

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