Spaces:
Running
Running
| <html lang="tr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Sünnetin Delilleri - Kur'ân ve Sahih Hadisler Işığında</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| .arabic { | |
| font-family: 'Traditional Arabic', Arial, sans-serif; | |
| font-size: 1.5rem; | |
| line-height: 2.5rem; | |
| text-align: right; | |
| direction: rtl; | |
| } | |
| .scroll-smooth { | |
| scroll-behavior: smooth; | |
| } | |
| .bg-pattern { | |
| background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNDksMjQ5LDI0OSwwLjEpIj48L3JlY3Q+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm4pIj48L3JlY3Q+PC9zdmc+'); | |
| } | |
| .highlight { | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .highlight::after { | |
| content: ''; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 10px; | |
| background-color: rgba(234, 179, 8, 0.3); | |
| z-index: -1; | |
| transform: scaleX(0); | |
| transform-origin: left; | |
| transition: transform 0.3s ease; | |
| } | |
| .highlight:hover::after { | |
| transform: scaleX(1); | |
| } | |
| .card-hover:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .transition-all { | |
| transition: all 0.3s ease; | |
| } | |
| </style> | |
| </head> | |
| <body class="scroll-smooth bg-gray-50 bg-pattern font-sans"> | |
| <!-- Header --> | |
| <header class="bg-gradient-to-r from-green-800 to-emerald-900 text-white shadow-lg sticky top-0 z-50"> | |
| <div class="container mx-auto px-4 py-6"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="flex items-center mb-4 md:mb-0"> | |
| <i class="fas fa-mosque text-3xl mr-3"></i> | |
| <h1 class="text-2xl font-bold">Sünnetin Delilleri</h1> | |
| </div> | |
| <nav class="flex space-x-1 md:space-x-6"> | |
| <a href="#quranic-proofs" class="px-3 py-2 rounded hover:bg-emerald-700 transition-all">Kur'ânî Deliller</a> | |
| <a href="#hadith-proofs" class="px-3 py-2 rounded hover:bg-emerald-700 transition-all">Hadis Delilleri</a> | |
| <a href="#logic-proofs" class="px-3 py-2 rounded hover:bg-emerald-700 transition-all">Mantıksal Deliller</a> | |
| <a href="#faq" class="px-3 py-2 rounded hover:bg-emerald-700 transition-all">Sorular</a> | |
| </nav> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="bg-gradient-to-br from-emerald-50 to-gray-100 py-16"> | |
| <div class="container mx-auto px-4"> | |
| <div class="max-w-4xl mx-auto text-center"> | |
| <h2 class="text-4xl md:text-5xl font-bold text-gray-800 mb-6">Sünnetin İslam'daki Yeri</h2> | |
| <p class="text-xl text-gray-600 mb-8">Kur'ân-ı Kerim ve sahih hadisler ışığında Peygamber Efendimizin (s.a.v.) sünnetinin delilleri</p> | |
| <div class="flex flex-wrap justify-center gap-4"> | |
| <a href="#quranic-proofs" class="bg-emerald-600 hover:bg-emerald-700 text-white font-semibold px-6 py-3 rounded-lg shadow-md transition-all"> | |
| <i class="fas fa-quran mr-2"></i> Kur'ân'dan Deliller | |
| </a> | |
| <a href="#hadith-proofs" class="bg-amber-600 hover:bg-amber-700 text-white font-semibold px-6 py-3 rounded-lg shadow-md transition-all"> | |
| <i class="fas fa-book-open mr-2"></i> Hadislerden Deliller | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Quranic Proofs Section --> | |
| <section id="quranic-proofs" class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">Kur'ân-ı Kerim'de Sünnetin Delilleri</h2> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <!-- Ayet Card 1 --> | |
| <div class="bg-gray-50 p-6 rounded-xl shadow-md border-l-4 border-emerald-500 card-hover transition-all"> | |
| <div class="arabic bg-gray-100 p-4 rounded mb-4"> | |
| وَمَا يَنطِقُ عَنِ ٱلْهَوَىٰٓ ﴿٣﴾ إِنْ هُوَ إِلَّا وَحْىٌۭ يُوحَىٰ ﴿٤﴾ | |
| </div> | |
| <p class="text-gray-500 italic mb-2">"O (Peygamber), hevâsından (kendi arzusuna göre) konuşmaz. O'nun konuşması, kendisine vahyedilen bir vahiyden başka bir şey değildir." (Necm Suresi, 53:3-4)</p> | |
| <div class="bg-yellow-50 p-4 rounded border-l-4 border-yellow-400"> | |
| <h4 class="font-semibold text-gray-800 mb-2">Delil:</h4> | |
| <p class="text-gray-700">Bu ayet, Peygamberimizin (s.a.v.) sözlerinin vahye dayandığını açıkça belirtmektedir. Dolayısıyla sünneti reddetmek, vahyi reddetmek anlamına gelir.</p> | |
| </div> | |
| </div> | |
| <!-- Ayet Card 2 --> | |
| <div class="bg-gray-50 p-6 rounded-xl shadow-md border-l-4 border-emerald-500 card-hover transition-all"> | |
| <div class="arabic bg-gray-100 p-4 rounded mb-4"> | |
| وَمَآ ءَاتَىٰكُمُ ٱلرَّسُولُ فَخُذُوهُ وَمَا نَهَىٰكُمْ عَنْهُ فَٱنتَهُوا۟ | |
| </div> | |
| <p class="text-gray-500 italic mb-2">"Resûl size ne verdiyse onu alın, size neyi yasakladıysa ondan da sakının." (Haşr Suresi, 59:7)</p> | |
| <div class="bg-yellow-50 p-4 rounded border-l-4 border-yellow-400"> | |
| <h4 class="font-semibold text-gray-800 mb-2">Delil:</h4> | |
| <p class="text-gray-700">Ayette açıkça Peygamber'in emir ve yasaklarına uymamız emredilmektedir. Bu emirlerin çoğu sünnet yoluyla bize ulaşmıştır.</p> | |
| </div> | |
| </div> | |
| <!-- Ayet Card 3 --> | |
| <div class="bg-gray-50 p-6 rounded-xl shadow-md border-l-4 border-emerald-500 card-hover transition-all"> | |
| <div class="arabic bg-gray-100 p-4 rounded mb-4"> | |
| مَّن يُطِعِ ٱلرَّسُولَ فَقَدْ أَطَاعَ ٱللَّهَ | |
| </div> | |
| <p class="text-gray-500 italic mb-2">"Kim Resûl'e itaat ederse, Allah'a itaat etmiş olur." (Nisâ Suresi, 4:80)</p> | |
| <div class="bg-yellow-50 p-4 rounded border-l-4 border-yellow-400"> | |
| <h4 class="font-semibold text-gray-800 mb-2">Delil:</h4> | |
| <p class="text-gray-700">Peygamber'e itaatin Allah'a itaat sayılması, onun söz ve davranışlarının (sünnetinin) bağlayıcı olduğunu gösterir.</p> | |
| </div> | |
| </div> | |
| <!-- Ayet Card 4 --> | |
| <div class="bg-gray-50 p-6 rounded-xl shadow-md border-l-4 border-emerald-500 card-hover transition-all"> | |
| <div class="arabic bg-gray-100 p-4 rounded mb-4"> | |
| لَّقَدْ كَانَ لَكُمْ فِى رَسُولِ ٱللَّهِ أُسْوَةٌ حَسَنَةٌۭ | |
| </div> | |
| <p class="text-gray-500 italic mb-2">"Andolsun ki, Resûlullah'ta sizin için, Allah'a ve âhiret gününe kavuşmayı umanlar için ve Allah'ı çok zikredenler için güzel bir örnek vardır." (Ahzâb Suresi, 33:21)</p> | |
| <div class="bg-yellow-50 p-4 rounded border-l-4 border-yellow-400"> | |
| <h4 class="font-semibold text-gray-800 mb-2">Delil:</h4> | |
| <p class="text-gray-700">Peygamberimizin örnek alınması emredilmektedir. Bu örnekliğin kaynağı ise onun sünnetidir. Sünneti reddetmek, bu emri reddetmek demektir.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Hadith Proofs Section --> | |
| <section id="hadith-proofs" class="py-16 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">Sahih Hadislerde Sünnetin Delilleri</h2> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <!-- Hadith Card 1 --> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-l-4 border-amber-500 card-hover transition-all"> | |
| <div class="arabic bg-gray-100 p-4 rounded mb-4"> | |
| أَلاَ إِنِّي أُوتِيتُ الْكِتَابَ وَمِثْلَهُ مَعَهُ | |
| </div> | |
| <p class="text-gray-500 italic mb-2">"Dikkat edin! Bana Kitap (Kur'ân) ve onunla birlikte bir benzeri (sünnet) verilmiştir." (Ebû Dâvûd, Sünnet, 5)</p> | |
| <div class="bg-blue-50 p-4 rounded border-l-4 border-blue-400"> | |
| <h4 class="font-semibold text-gray-800 mb-2">Delil:</h4> | |
| <p class="text-gray-700">Peygamberimiz (s.a.v.) açıkça Kur'ân'ın yanında sünnetin de vahiy kaynaklı olduğunu belirtmiştir. Bu hadis, sünnetin dinde ikinci kaynak olduğunu gösterir.</p> | |
| </div> | |
| </div> | |
| <!-- Hadith Card 2 --> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-l-4 border-amber-500 card-hover transition-all"> | |
| <div class="arabic bg-gray-100 p-4 rounded mb-4"> | |
| مَنْ رَغِبَ عَنْ سُنَّتِي فَلَيْسَ مِنِّي | |
| </div> | |
| <p class="text-gray-500 italic mb-2">"Kim benim sünnetimden yüz çevirirse benden değildir." (Buhârî, Nikâh, 1; Müslim, Nikâh, 5)</p> | |
| <div class="bg-blue-50 p-4 rounded border-l-4 border-blue-400"> | |
| <h4 class="font-semibold text-gray-800 mb-2">Delil:</h4> | |
| <p class="text-gray-700">Bu hadis, sünneti terk etmenin kişiyi İslam cemaatinden uzaklaştıracağını açıkça ifade etmektedir.</p> | |
| </div> | |
| </div> | |
| <!-- Hadith Card 3 --> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-l-4 border-amber-500 card-hover transition-all"> | |
| <div class="arabic bg-gray-100 p-4 rounded mb-4"> | |
| فَعَلَيْكُمْ بِسُنَّتِي وَسُنَّةِ الْخُلَفَاءِ الرَّاشِدِينَ الْمَهْدِيِّينَ | |
| </div> | |
| <p class="text-gray-500 italic mb-2">"Size benim sünnetime ve benden sonraki doğru yolu bulmuş râşid halifelerin sünnetine sarılmanızı tavsiye ederim." (Ebû Dâvûd, Sünnet, 5)</p> | |
| <div class="bg-blue-50 p-4 rounded border-l-4 border-blue-400"> | |
| <h4 class="font-semibold text-gray-800 mb-2">Delil:</h4> | |
| <p class="text-gray-700">Peygamberimiz (s.a.v.) ümmetine açıkça sünnetine sarılmayı emretmektedir. Bu emir, sünnetin dindeki yerini göstermektedir.</p> | |
| </div> | |
| </div> | |
| <!-- Hadith Card 4 --> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-l-4 border-amber-500 card-hover transition-all"> | |
| <div class="arabic bg-gray-100 p-4 rounded mb-4"> | |
| تَرَكْتُ فِيكُمْ أَمْرَيْنِ لَنْ تَضِلُّوا مَا تَمَسَّكْتُمْ بِهِمَا كِتَابَ اللَّهِ وَسُنَّةَ نَبِيِّهِ | |
| </div> | |
| <p class="text-gray-500 italic mb-2">"Size iki şey bırakıyorum. Onlara sımsıkı sarıldığınız müddetçe asla sapıtmazsınız: Allah'ın Kitabı ve Peygamberinin sünneti." (Muvatta', Kader, 3)</p> | |
| <div class="bg-blue-50 p-4 rounded border-l-4 border-blue-400"> | |
| <h4 class="font-semibold text-gray-800 mb-2">Delil:</h4> | |
| <p class="text-gray-700">Bu hadis, Kur'ân ve sünnetin İslam'ın iki temel kaynağı olduğunu ve ikisinin birlikte ele alınması gerektiğini açıkça ifade etmektedir.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Logical Proofs Section --> | |
| <section id="logic-proofs" class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">Mantıksal ve Tarihî Deliller</h2> | |
| <div class="max-w-4xl mx-auto"> | |
| <!-- Proof 1 --> | |
| <div class="mb-8 p-6 bg-gray-50 rounded-lg shadow-sm"> | |
| <h3 class="text-xl font-semibold text-emerald-800 mb-4 flex items-center"> | |
| <span class="bg-emerald-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3">1</span> | |
| Kur'ân'ın Anlaşılması ve Uygulanması | |
| </h3> | |
| <p class="text-gray-700 mb-4">Kur'ân-ı Kerim'in birçok ayeti genel hükümler içerir ve detayları Peygamberimizin (s.a.v.) sünnetiyle açıklanmıştır. Örneğin:</p> | |
| <ul class="list-disc pl-6 text-gray-700 space-y-2 mb-4"> | |
| <li>Namazın nasıl kılınacağı (rekât sayıları, hareketler, okunacak dualar)</li> | |
| <li>Zekâtın hangi mallardan, ne oranda verileceği</li> | |
| <li>Hac ibadetinin nasıl yapılacağı</li> | |
| </ul> | |
| <p class="text-gray-700">Sünnet olmadan bu ibadetlerin nasıl yapılacağını bilmek mümkün değildir.</p> | |
| </div> | |
| <!-- Proof 2 --> | |
| <div class="mb-8 p-6 bg-gray-50 rounded-lg shadow-sm"> | |
| <h3 class="text-xl font-semibold text-emerald-800 mb-4 flex items-center"> | |
| <span class="bg-emerald-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3">2</span> | |
| Sahabe Uygulaması | |
| </h3> | |
| <p class="text-gray-700 mb-4">Peygamberimizin (s.a.v.) vefatından sonra sahabeler, Kur'ân'ı sünnet ışığında anlamış ve uygulamışlardır. Hiçbir sahabe "sadece Kur'ân" dememiş, sünneti hayatlarının merkezine almışlardır.</p> | |
| <div class="bg-yellow-50 p-4 rounded border-l-4 border-yellow-400"> | |
| <p class="text-gray-700 italic">Örnek: Hz. Ebû Bekir (r.a.), "Ben Allah'ın Kitabı'nda bulamadığım bir şeyde Resûlullah'ın (s.a.v.) sünnetine bakarım" demiştir.</p> | |
| </div> | |
| </div> | |
| <!-- Proof 3 --> | |
| <div class="mb-8 p-6 bg-gray-50 rounded-lg shadow-sm"> | |
| <h3 class="text-xl font-semibold text-emerald-800 mb-4 flex items-center"> | |
| <span class="bg-emerald-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3">3</span> | |
| Tarihî Süreklilik | |
| </h3> | |
| <p class="text-gray-700 mb-4">İslam tarihi boyunca hiçbir dönemde "sadece Kur'ân" anlayışı kabul görmemiştir. Tüm İslam mezhepleri ve âlimleri sünneti dinde ikinci kaynak olarak kabul etmişlerdir.</p> | |
| <p class="text-gray-700">14 asırlık İslam tarihinde sünnetin reddedilmesi ancak modern dönemde ortaya çıkan bir sapmadır.</p> | |
| </div> | |
| <!-- Proof 4 --> | |
| <div class="p-6 bg-gray-50 rounded-lg shadow-sm"> | |
| <h3 class="text-xl font-semibold text-emerald-800 mb-4 flex items-center"> | |
| <span class="bg-emerald-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3">4</span> | |
| Pratik Uygulama Çelişkisi | |
| </h3> | |
| <p class="text-gray-700 mb-4">"Sadece Kur'ân" diyenler dahi pratikte sünnete muhtaç kalmaktadır:</p> | |
| <ul class="list-disc pl-6 text-gray-700 space-y-2"> | |
| <li>Namaz kılarken Peygamberimizin (s.a.v.) uygulamasını taklit ederler</li> | |
| <li>Kur'ân'ın Arapça okunuşunu Peygamberimizin (s.a.v.) talimine dayandırırlar</li> | |
| <li>Kur'ân'ın toplanması ve korunması sürecinde sahabelerin sünnete bağlı çalışmalarını kabul ederler</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ Section --> | |
| <section id="faq" class="py-16 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">Sık Sorulan Sorular</h2> | |
| <div class="max-w-3xl mx-auto space-y-6"> | |
| <!-- Question 1 --> | |
| <div class="bg-white p-6 rounded-xl shadow-sm"> | |
| <button class="flex justify-between items-center w-full text-left" onclick="toggleFAQ(1)"> | |
| <h3 class="text-lg font-semibold text-gray-800">Kur'ân'da "Bu Kitap'ta hiçbir şeyi eksik bırakmadık" (En'âm 6:38) deniyor. O halde sünnete gerek var mı?</h3> | |
| <i class="fas fa-chevron-down text-emerald-600 transition-transform duration-300" id="faq-icon-1"></i> | |
| </button> | |
| <div class="mt-4 text-gray-700 hidden" id="faq-answer-1"> | |
| <p>Bu ayet, Kur'ân'ın temel inanç ve hükümlerde eksik bırakılmadığını ifade eder. Ancak detayların ve uygulama şekillerinin Peygamberimizin (s.a.v.) sünnetiyle açıklandığı birçok ayette belirtilmiştir. Örneğin:</p> | |
| <div class="arabic bg-gray-100 p-4 rounded my-3"> | |
| وَأَنزَلْنَآ إِلَيْكَ ٱلذِّكْرَ لِتُبَيِّنَ لِلنَّاسِ مَا نُزِّلَ إِلَيْهِمْ | |
| </div> | |
| <p class="italic text-gray-600">"Sana da bu zikri (Kur'ân'ı) indirdik ki, kendilerine indirileni insanlara açıklayasın." (Nahl Suresi, 16:44)</p> | |
| <p>Bu ayet, Peygamberimizin (s.a.v.) Kur'ân'ı açıklama görevi olduğunu ve bu açıklamaların sünnet yoluyla bize ulaştığını gösterir.</p> | |
| </div> | |
| </div> | |
| <!-- Question 2 --> | |
| <div class="bg-white p-6 rounded-xl shadow-sm"> | |
| <button class="flex justify-between items-center w-full text-left" onclick="toggleFAQ(2)"> | |
| <h3 class="text-lg font-semibold text-gray-800">Hadisler güvenilir mi? Çünkü çok sayıda uydurma hadis var.</h3> | |
| <i class="fas fa-chevron-down text-emerald-600 transition-transform duration-300" id="faq-icon-2"></i> | |
| </button> | |
| <div class="mt-4 text-gray-700 hidden" id="faq-answer-2"> | |
| <p>Evet, uydurma hadisler olabilir ancak İslam âlimleri hadisleri titiz bir şekilde inceleyen bir ilim (hadis usulü) geliştirmişlerdir. Sahih hadisler için şu kriterler uygulanmıştır:</p> | |
| <ul class="list-disc pl-6 space-y-2 mt-3"> | |
| <li>Ravinin güvenilirliği (adalet ve zabt)</li> | |
| <li>Hadis zincirinin kesintisiz olması</li> | |
| <li>Metnin diğer hadislerle ve Kur'ân'la çelişmemesi</li> | |
| <li>Çok sayıda ravi tarafından nakledilmesi (mütevatir hadisler)</li> | |
| </ul> | |
| <p class="mt-3">Buhârî, Müslim gibi sahih hadis kitapları bu kriterlere uyan hadisleri toplamıştır. "Sahih" kategorisindeki hadislerin güvenilirliği âlimlerce kabul edilmiştir.</p> | |
| </div> | |
| </div> | |
| <!-- Question 3 --> | |
| <div class="bg-white p-6 rounded-xl shadow-sm"> | |
| <button class="flex justify-between items-center w-full text-left" onclick="toggleFAQ(3)"> | |
| <h3 class="text-lg font-semibold text-gray-800">Peygamberimiz "Benden Kur'ân dışında hiçbir şey yazmayın" dememiş mi?</h3> | |
| <i class="fas fa-chevron-down text-emerald-600 transition-transform duration-300" id="faq-icon-3"></i> | |
| </button> | |
| <div class="mt-4 text-gray-700 hidden" id="faq-answer-3"> | |
| <p>Bu iddia, sahih olmayan zayıf bir rivayete dayanır. Aksine, Peygamberimizin (s.a.v.) hadislerin yazılmasına izin verdiğine dair birçok sahih hadis vardır:</p> | |
| <div class="arabic bg-gray-100 p-4 rounded my-3"> | |
| اكْتُبُوا لِأَبِي شَاهٍ | |
| </div> | |
| <p class="italic text-gray-600">"Ebû Şâh için yazın." (Buhârî, İlim, 39) - Bu, bir sahabenin Peygamberimizin hutbesini yazmak için izin istemesi üzerine söylenmiştir.</p> | |
| <p>Abdullah b. Amr b. As (r.a.) anlatıyor: "Ben Resûlullah'tan (s.a.v.) işittiğim her şeyi yazardım. Kureyş beni engelledi ve 'Resûlullah (s.a.v.) beşer olduğu için kızgın ve normal halde konuşuyor, sen her şeyi yazıyorsun' dediler. Bunun üzerine yazmayı bıraktım. Sonra durumu Resûlullah'a (s.a.v.) arz ettim. Eliyle ağzını işaret ederek: 'Yaz! Nefsim elinde olan Allah'a yemin ederim ki buradan haktan başka bir şey çıkmaz' buyurdu." (Ebû Dâvûd, İlim, 3)</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Conclusion Section --> | |
| <section class="py-16 bg-gradient-to-r from-emerald-800 to-green-700 text-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="max-w-4xl mx-auto text-center"> | |
| <i class="fas fa-mosque text-5xl mb-6"></i> | |
| <h2 class="text-3xl font-bold mb-6">Sonuç</h2> | |
| <p class="text-xl mb-8">Kur'ân-ı Kerim'in birçok ayeti, sahih hadisler ve mantıksal deliller, Peygamber Efendimizin (s.a.v.) sünnetinin İslam'ın vazgeçilmez bir parçası olduğunu açıkça göstermektedir. Sünneti reddetmek:</p> | |
| <div class="grid md:grid-cols-3 gap-6 mb-8"> | |
| <div class="bg-white bg-opacity-10 p-4 rounded-lg border border-white border-opacity-20"> | |
| <i class="fas fa-times-circle text-2xl mb-3"></i> | |
| <p>Kur'ân'ın emirlerine aykırıdır</p> | |
| </div> | |
| <div class="bg-white bg-opacity-10 p-4 rounded-lg border border-white border-opacity-20"> | |
| <i class="fas fa-history text-2xl mb-3"></i> | |
| <p>14 asırlık İslam geleneğine terstir</p> | |
| </div> | |
| <div class="bg-white bg-opacity-10 p-4 rounded-lg border border-white border-opacity-20"> | |
| <i class="fas fa-question-circle text-2xl mb-3"></i> | |
| <p>Pratikte birçok ibadetin nasıl yapılacağını belirsiz bırakır</p> | |
| </div> | |
| </div> | |
| <p class="text-xl">Allah Teâlâ bizi, "Kitap ve Sünnet" ikilisine sımsıkı sarılan ve Peygamberimizin (s.a.v.) örnekliğini hayatına geçiren kullarından eylesin.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-gray-400 py-8"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="mb-4 md:mb-0"> | |
| <p>© 2023 Sünnetin Delilleri - Tüm hakları saklıdır</p> | |
| </div> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="hover:text-white transition-colors"><i class="fab fa-facebook-f"></i></a> | |
| <a href="#" class="hover:text-white transition-colors"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="hover:text-white transition-colors"><i class="fab fa-instagram"></i></a> | |
| <a href="#" class="hover:text-white transition-colors"><i class="fab fa-youtube"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // FAQ toggle function | |
| function toggleFAQ(id) { | |
| const answer = document.getElementById(`faq-answer-${id}`); | |
| const icon = document.getElementById(`faq-icon-${id}`); | |
| if (answer.classList.contains('hidden')) { | |
| answer.classList.remove('hidden'); | |
| icon.classList.add('rotate-180'); | |
| } else { | |
| answer.classList.add('hidden'); | |
| icon.classList.remove('rotate-180'); | |
| } | |
| } | |
| // Smooth scroll for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| }); | |
| // Highlight navigation on scroll | |
| window.addEventListener('scroll', function() { | |
| const sections = document.querySelectorAll('section'); | |
| const navLinks = document.querySelectorAll('nav a'); | |
| let current = ''; | |
| sections.forEach(section => { | |
| const sectionTop = section.offsetTop; | |
| const sectionHeight = section.clientHeight; | |
| if (pageYOffset >= sectionTop - 300) { | |
| current = section.getAttribute('id'); | |
| } | |
| }); | |
| navLinks.forEach(link => { | |
| link.classList.remove('bg-emerald-700'); | |
| if (link.getAttribute('href').includes(current)) { | |
| link.classList.add('bg-emerald-700'); | |
| } | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Metinhsimi/test-about-sunnet" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |