-
Notifications
You must be signed in to change notification settings - Fork 0
/
al-baqarah-ayat-285-286.html
105 lines (103 loc) · 5.51 KB
/
al-baqarah-ayat-285-286.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE HTML>
<html lang="id">
<head>
<meta charset="utf-8">
<title>Surat Al Baqarah Ayat 285 - 286</title>
<meta name="description" content="Playlist audio surah Al Baqarah Ayat 285 - 286 disertai transliterasi latin dan terjemahan">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"/>
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<header>
<h1>Al Baqarah Ayat 285 - 286</h1>
<p>Surah ke - 2: 286 Ayat</p>
</header>
<main>
<section>
<ul class="breadcrumb">
<li><a href="index.html">Home</a></li>
<li>Al Baqarah Ayat 285 - 286</li>
</ul>
<audio id="myAudio" controls class="hidden">
<source src="audio/" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<ul class="trackList">
<li>
<h2>Al Baqarah Ayat 285</h2>
</li>
<li>
<div class="arabic"><img src="images/002-285-part-1.png" alt="Al Baqarah Ayat 285 bagian 1"></div>
<button onclick="playTrack('audio/002285-part-1.mp3')"><img src="images/play.png" alt="Play" title="Play Track"></button>
<div class="transliteration">aamanar rosuluu bimaaaaa unzila ilaihi mir robbihi walmu'minuun</div>
<div class="translation">Rasul (Muhammad) beriman kepada apa (AlQur’an) yang diturunkan kepada nya dari Tuhannya, demikian pula orang-orang mukmin.</div>
</li>
<li>
<div class="arabic"><img src="images/002-285-part-2.png" alt="Al Baqarah Ayat 285 bagian 2"></div>
<div class="arabic"><img src="images/002-285-part-3.png" alt="Al Baqarah Ayat 285 bagian 3"></div>
<button onclick="playTrack('audio/002285-part-2.mp3')"><img src="images/play.png" alt="Play track"></button>
<div class="transliteration">kullun aamana billaahi wa malaaa'ikathihi wa kutubihi wa rusulihi
<br>
laa nufarriqu baina ahadim mir rusulihi
</div>
<div class="translation">Masing-masing beriman ke pada Allah, malaikat-malaikat-Nya, kitab-kitab-Nya, dan rasul-rasul-Nya.
<br>
(Mereka ber kata), "Kami tidak membeda-bedakan seorang pun dari rasul-rasul-Nya." </div>
</li>
<li>
<div class="arabic"><img src="images/002-285-part-4.png" alt="Al Baqarah Ayat 285 bagian 4"></div>
<button onclick="playTrack('audio/002285-part-3.mp3')"><img src="images/play.png" alt="Play track"></button>
<div class="transliteration">wa qooluu sami'naa wa atho'naa ghufroonaka robbanaa wa ilaikal mashiir</div>
<div class="translation">Mereka juga berkata, “Kami dengar dan kami taat. Ampunilah kami, wahai Tuhan kami. Hanya kepada-Mu tempat (kami).</div>
</li>
<li>
<h2>Al Baqarah Ayat 286</h2>
</li>
<li>
<div class="arabic"><img src="images/002-286-part-1.png" alt="Al Baqarah Ayat 286 bagian 1"></div>
<button onclick="playTrack('audio/002286-part-1.mp3')"><img src="images/play.png" alt="Play track"></button>
<div class="transliteration">laa yukallifulloohu nafsan illaa wus’ahaa.</div>
<div class="translation">Allah tidak membebani seseorang, kecuali menurut kesanggupannya.</div>
</li>
<li>
<div class="arabic"><img src="images/002-286-part-2.png" alt="Al Baqarah Ayat 286 bagian 2"></div>
<button onclick="playTrack('audio/002286-part-2.mp3')"><img src="images/play.png" alt="Play track"></button>
<div class="transliteration">lahaa maa kasabat wa ‘alaihaa maktasabat.</div>
<div class="translation">Baginya ada sesuatu (pahala) dari (kebajikan) yang di usahakannya dan terhadapnya ada (pula) sesuatu (siksa) atas (kejahatan) yang diperbuatnya.</div>
</li>
<li>
<div class="arabic"><img src="images/002-286-part-3.png" alt="Al Baqarah Ayat 286 bagian 3"></div>
<button onclick="playTrack('audio/002286-part-3.mp3')"><img src="images/play.png" alt="Play track"></button>
<div class="transliteration">Robbanaa laatu akhidznaaaaa innasiinaaaaa au akhto naa.</div>
<div class="translation">(Mereka berdoa,) “Wahai Tuhan kami, janganlah Engkau hukum kami jika kami lupa atau kami salah.</div>
</li>
<li>
<div class="arabic"><img src="images/002-286-part-4.png" alt="Al Baqarah Ayat 286 bagian 4"></div>
<button onclick="playTrack('audio/002286-part-4.mp3')"><img src="images/play.png" alt="Play track"></button>
<div class="transliteration">Robbanaa walaa tahmil ‘alainaaaaa ishroon kamaa hamaltahuu ‘alal ladziina min qoblinaa.</div>
<div class="translation">Wahai Tuhan kami, janganlah Engkau bebani kami dengan beban yang berat sebagaimana Engkau bebankan kepada orang-orang sebelum kami.</div>
</li>
<li>
<div class="arabic"><img src="images/002-286-part-5.png" alt="Al Baqarah Ayat 286 bagian 5"></div>
<button onclick="playTrack('audio/002286-part-5.mp3')"><img src="images/play.png" alt="Play track"></button>
<div class="transliteration">Robbanaa walaa tuhammilnaa maa laa thooqotalanaa bih.</div>
<div class="translation">Wahai Tuhan kami, janganlah Engkau pikulkan kepada kami apa yang tidak sanggup kami memikulnya.</div>
</li>
<li>
<div class="arabic"><img src="images/002-286-part-6.png" alt="Al Baqarah Ayat 286 bagian 6"></div>
<div class="arabic"><img src="images/002-286-part-7.png" alt="Al Baqarah Ayat 286 bagian 7"></div>
<button onclick="playTrack('audio/002286-part-6.mp3')"><img src="images/play.png" alt="Play track"></button>
<div class="transliteration">Wa’fu annaa waghfirlanaa warhamnaa annta maulaanaa
<br>
fanshurnaa ‘alal qoumil kaafiriin</div>
<div class="translation">Maafkanlah kami, ampunilah kami, dan rahmatilah kami. Engkaulah pelindung kami.
<br>
Maka tolonglah kami dalam menghadapi kaum kafir.</div>
</li>
</ul>
</section>
</main>
<script src="main.js"></script>
</body>
</html>