|
|
<!DOCTYPE html> |
|
|
<html lang="ar" dir="rtl"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>ุงูููุฏูู ุงูุชุนุฑููู - GovJam 2025</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap" rel="stylesheet"> |
|
|
<style> |
|
|
body { font-family: 'Tajawal', sans-serif; } |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-900 text-white"> |
|
|
|
|
|
<div class="container mx-auto px-6 py-8"> |
|
|
<div class="flex justify-between items-center mb-12"> |
|
|
<h1 class="text-3xl font-bold">ุงูููุฏูู ุงูุชุนุฑููู ููุชุญุฏู</h1> |
|
|
<a href="index.html" class="bg-green-700 text-white px-5 py-2 rounded-lg font-semibold hover:bg-green-800 transition">โ ุงูุนูุฏุฉ ููู
ููุน ุงูุฑุฆูุณู</a> |
|
|
</div> |
|
|
|
|
|
<div class="relative mx-auto max-w-4xl" style="padding-bottom: 56.25%;"> |
|
|
<iframe class="absolute top-0 left-0 w-full h-full rounded-2xl shadow-2xl" src="https://www.youtube.com/embed/Y1HfRhfHwUc?si=sgdIkZz7knVCl2s-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-4xl mx-auto mt-8 text-center text-gray-300"> |
|
|
<p>ุชุนุฑู ุนูู ุฃูุฏุงู ุงูุชุญุฏูุ ุฃูู
ูุชู ุงูุงุณุชุฑุงุชูุฌูุฉุ ูุงููุฑุต ุงูู
ุชุงุญุฉ ููู
ุจุชูุฑูู ูุงูุดุฑูุงุช ุงููุงุดุฆุฉ ูู ุงูู
ู
ููุฉ ููู
ุณุงูู
ุฉ ูู ู
ุณุชูุจู ุงูุฅุนูุงู
ุงูุฑูู
ู.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</body> |
|
|
</html> |