Skip to content

Instantly share code, notes, and snippets.

@abdurraufahmad

abdurraufahmad/index.html

Last active July 27, 2019 16:49
Show Gist options
  • Save abdurraufahmad/199f3fa223ab18f0c7515d797f3f459d to your computer and use it in GitHub Desktop.
Save abdurraufahmad/199f3fa223ab18f0c7515d797f3f459d to your computer and use it in GitHub Desktop.
Download ZIP
quran
Raw
index.html
<html dir="rtl">
<ul>
<li>إِنَّا أَرْسَلْنَا نُوحًا إِلَى قَوْمِهِ أَنْ أَنْذِرْ قَوْمَكَ مِنْ قَبْلِ أَنْ يَأْتِيَهُمْ عَذَابٌ أَلِيمٌ (1)</li>
<li>قَالَ يَا قَوْمِ إِنِّي لَكُمْ نَذِيرٌ مُبِينٌ (2) أَنِ اعْبُدُوا اللَّهَ وَاتَّقُوهُ وَأَطِيعُونِ (3) </li>
<li> يَغْفِرْ لَكُمْ مِنْ ذُنُوبِكُمْ وَيُؤَخِّرْكُمْ إِلَى أَجَلٍ مُسَمًّى إِنَّ أَجَلَ اللَّهِ إِذَا جَاءَ لَا يُؤَخَّرُ لَوْ كُنْتُمْ تَعْلَمُونَ (4)</li>
<li>قَالَ رَبِّ إِنِّي دَعَوْتُ قَوْمِي لَيْلًا وَنَهَارًا (5) فَلَمْ يَزِدْهُمْ دُعَائِي إِلَّا فِرَارًا (6) وَإِنِّي كُلَّمَا دَعَوْتُهُمْ </li>
<li>لِتَغْفِرَ لَهُمْ جَعَلُوا أَصَابِعَهُمْ فِي آَذَانِهِمْ وَاسْتَغْشَوْا ثِيَابَهُمْ وَأَصَرُّوا وَاسْتَكْبَرُوا اسْتِكْبَارًا (7) ثُمَّ إِنِّي دَعَوْتُهُمْ جِهَارًا (8)</li>
<li>ثُمَّ إِنِّي أَعْلَنْتُ لَهُمْ وَأَسْرَرْتُ لَهُمْ إِسْرَارًا (9) فَقُلْتُ اسْتَغْفِرُوا رَبَّكُمْ إِنَّهُ كَانَ غَفَّارًا (10) يُرْسِلِ السَّمَاءَ عَلَيْكُمْ مِدْرَارًا</li>
<li>(11) وَيُمْدِدْكُمْ بِأَمْوَالٍ وَبَنِينَ وَيَجْعَلْ لَكُمْ جَنَّاتٍ وَيَجْعَلْ لَكُمْ أَنْهَارًا (12) مَا لَكُمْ لَا تَرْجُونَ لِلَّهِ وَقَارًا (13) وَقَدْ</li>
<li>خَلَقَكُمْ أَطْوَارًا (14) أَلَمْ تَرَوْا كَيْفَ خَلَقَ اللَّهُ سَبْعَ سَمَوَاتٍ طِبَاقًا (15) وَجَعَلَ الْقَمَرَ فِيهِنَّ نُورًا وَجَعَلَ الشَّمْسَ سِرَاجًا</li>
<li>(16) وَاللَّهُ أَنْبَتَكُمْ مِنَ الْأَرْضِ نَبَاتًا (17) ثُمَّ يُعِيدُكُمْ فِيهَا وَيُخْرِجُكُمْ إِخْرَاجًا (18) وَاللَّهُ جَعَلَ لَكُمُ الْأَرْضَ بِسَاطًا</li>
<li>(19) لِتَسْلُكُوا مِنْهَا سُبُلًا فِجَاجًا (20) قَالَ نُوحٌ رَبِّ إِنَّهُمْ عَصَوْنِي وَاتَّبَعُوا مَنْ لَمْ يَزِدْهُ مَالُهُ وَوَلَدُهُ إِلَّا خَسَارًا (21) </li>
<li>وَمَكَرُوا مَكْرًا كُبَّارًا (22) وَقَالُوا لَا تَذَرُنَّ آَلِهَتَكُمْ وَلَا تَذَرُنَّ وَدًّا وَلَا سُوَاعًا وَلَا يَغُوثَ وَيَعُوقَ وَنَسْرًا (23) وَقَدْ أَضَلُّوا </li>
<li>كَثِيرًا وَلَا تَزِدِ الظَّالِمِينَ إِلَّا ضَلَالًا (24) مِمَّا خَطِيئَاتِهِمْ أُغْرِقُوا فَأُدْخِلُوا نَارًا فَلَمْ يَجِدُوا لَهُمْ مِنْ دُونِ اللَّهِ أَنْصَارًا (25) وَقَالَ</li>
<li>نُوحٌ رَبِّ لَا تَذَرْ عَلَى الْأَرْضِ مِنَ الْكَافِرِينَ دَيَّارًا (26) إِنَّكَ إِنْ تَذَرْهُمْ يُضِلُّوا عِبَادَكَ وَلَا يَلِدُوا إِلَّا فَاجِرًا كَفَّارًا (27)</li>
<li>رَبِّ اغْفِرْ لِي وَلِوَالِدَيَّ وَلِمَنْ دَخَلَ بَيْتِيَ مُؤْمِنًا وَلِلْمُؤْمِنِينَ وَالْمُؤْمِنَاتِ وَلَا تَزِدِ الظَّالِمِينَ إِلَّا تَبَارًا (28) </li>
</ul>
</html>
Raw
script.js
$(document).ready(function () {
$("li:eq(0)").fadeIn(1000, function () {
$("li:eq(0)").delay(3000).fadeOut(500, function () {
$("li:eq(1)").fadeIn(1000, function () {
$("li:eq(1)").delay(3000).fadeOut(500, function () {
$("li:eq(2)").fadeIn(1000, function () {
$("li:eq(2)").delay(4000).fadeOut(500, function () {
$("li:eq(3)").fadeIn(1000, function () {
$("li:eq(3)").delay(4000).fadeOut(500, function () {
$("li:eq(4)").fadeIn(1000, function () {
$("li:eq(4)").delay(4000).fadeOut(500, function () {
$("li:eq(5)").fadeIn(1000, function () {
$("li:eq(5)").delay(4000).fadeOut(500, function () {
$("li:eq(6)").fadeIn(1000, function () {
$("li:eq(6)").delay(4000).fadeOut(500, function () {
$("li:eq(6)").fadeIn(1000, function () {
$("li:eq(6)").delay(4000).fadeOut(500, function () {
$("li:eq(7)").fadeIn(1000, function () {
$("li:eq(7)").delay(4000).fadeOut(500, function () {
$("li:eq(8)").fadeIn(1000, function () {
$("li:eq(8)").delay(4000).fadeOut(500, function () {
$("li:eq(9)").fadeIn(1000, function () {
$("li:eq(9)").delay(4000).fadeOut(500, function () {
$("li:eq(10)").fadeIn(1000, function () {
$("li:eq(10)").delay(4000).fadeOut(500, function () {
$("li:eq(11)").fadeIn(1000, function () {
$("li:eq(11)").delay(4000).fadeOut(500, function () {
$("li:eq(12)").fadeIn(1000, function () {
$("li:eq(12)").delay(4000).fadeOut(500, function () {
$("li:eq(13)").fadeIn(1000, function () {
$("li:eq(13)").delay(4000).fadeOut(500, function () {
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
});
Raw
scripts
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
Raw
style.css
body {
background-image:url("https://upload.3dlat.net/uploads/13826566512.jpg");
animation:bodyy 50s 50 ease-in-out;
}
@keyframes bodyy {
from {
background-position:0px;
}
50% {
background-position:-1000px
}
to {
background-position:1000px
}
}
ul {
position:relative;
width:70%;
margin:20% auto;
background:#0005;
height:150px;
border:2px solid #fff;
outline:7px solid #0005;
}
ul li {
position:absolute;
margin-top:40px;
display:none;
text-align:center;
color:#fff;
font-size:22px;
list-style:none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment