prototype-Gov-WAS / video.html
AhmedMostafaAttia's picture
Create video.html
61c9900 verified
<!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>