<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>سورة الفتح</title>
<style>
@keyframes fadeIn {
0% { opacity: 0; transform: translateY(-20px); }
100% { opacity: 1; transform: translateY(0); }
}
body {
text-align: center;
font-size: 1.5rem;
}
div {
margin: 20px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
animation: fadeIn 1.5s ease-out;
}
</style>
</head>
<body>
<div dir="rtl">
<h2>سورة الفتح</h2>
<p>بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ</p>
<p>إِنَّا فَتَحْنَا لَكَ فَتْحًا مُّبِينًا</p>
<p>لِيَغْفِرَ لَكَ اللَّهُ مَا تَقَدَّمَ مِن ذَنبِكَ وَمَا تَأَخَّرَ وَيُتِمَّ نِعْمَتَهُ عَلَيْكَ وَيَهْدِيَكَ صِرَاطًا مُّسْتَقِيمًا</p>
<!-- يمكنك إضافة باقي الآيات هنا -->
</div>
</body>
</html>