https://mburoja.al/hadithe/

1<!DOCTYPE html>
2<html lang="sq">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta name="description" content="Koleksion i plotë i haditheve nga Rijadus Salihin - Kopshtet e të Devotshmëve të Imam Neveviut. Kërkoni dhe shfletoni hadithet me dizajn modern.">
7    <meta name="keywords" content="Rijadus Salihin, hadithe, Imam Neveviu, hadithe shqip, kopshtet e të devotshmëve, hadith islam">
8    <meta name="author" content="mburoja.al">
9    <meta name="theme-color" content="#1e40af">
10    <link rel="canonical" href="https://mburoja.al/hadithe/">
11
12    <!-- Open Graph / Facebook -->
13    <meta property="og:type" content="website">
14    <meta property="og:url" content="https://mburoja.al/hadithe/">
15    <meta property="og:title" content="Rijadus Salihin - Thesari i Haditheve">
16    <meta property="og:description" content="Koleksion i plotë i haditheve nga Rijadus Salihin me kërkimin e avancuar.">
17    <meta property="og:image" content="https://mburoja.al/hadithe/og-image.jpg">
18
19    <!-- Twitter Card -->
20    <meta name="twitter:card" content="summary_large_image">
21    <meta name="twitter:title" content="Rijadus Salihin - Thesari i Haditheve">
22    <meta name="twitter:description" content="Koleksion i plotë i haditheve nga Rijadus Salihin me kërkimin e avancuar.">
23    
24    <title>Rijadus Salihin - Thesari i Haditheve | Hadithe Koleksion</title>
25    <!-- NDRYSHIMI: Versionimi i skedarit CSS -->
26    <link rel="stylesheet" href="css/styles.css?v=3.1">
27    <link rel="preconnect" href="https://fonts.googleapis.com">
28    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
29    <link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
30    
31</head>
32<body>
33    <!-- Header -->
34    <header class="header">
35        <div class="header-container">
36            <a href="https://mburoja.al/" class="home-link" title="Kthehu te faqja kryesore" aria-label="Kthehu te faqja kryesore">
37                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
38                    <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
39                    <polyline points="9 22 9 12 15 12 15 22"></polyline>
40                </svg>
41            </a>
42            <div class="header-content">
43                <h1 class="header-title">Rijadus Salihin</h1>
44                <p class="header-subtitle">Thesari i Haditheve - Koleksion i Imam Neveviut</p>
45            </div>
46        </div>
47    </header>
48
49    <!-- Main Container -->
50    <div class="container">
51        <!-- Search Section -->
52        <section class="search-section">
53            <div class="search-wrapper">
54                <div class="search-input-group">
55                    <svg class="search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
56                        <circle cx="11" cy="11" r="8"></circle>
57                        <path d="m21 21-4.35-4.35"></path>
58                    </svg>
59                    <input 
60                        type="text" 
61                        id="searchInput" 
62                        class="search-input" 
63                        placeholder="Kërkoni sipas tekstit, transmetuesit ose numrit..."
64                        aria-label="Kërkoni hadithen"
65                    >
66                    <svg id="clearIcon" class="clear-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
67                        <line x1="18" y1="6" x2="6" y2="18"></line>
68                        <line x1="6" y1="6" x2="18" y2="18"></line>
69                    </svg>
70                </div>
71            </div>
72
73            <div class="controls-bar">
74                <div class="stats-bar">
75                    <span class="stat-item">
76                        <span class="stat-label">Gjithsej:</span>

77                        <span id="totalCount" class="stat-value">0</span>
78                    </span>
79                    <span class="stat-item">
80                        <span class="stat-label">Shfaqur:</span>
81                        <span id="displayCount" class="stat-value">0</span>
82                    </span>
83                </div>
84                <div class="main-controls-group">
85                    <div class="filter-group">
86                        <button id="allFilterBtn" class="filter-btn active">Të Gjitha</button>
87                        <button id="favoritesFilterBtn" class="filter-btn">
88                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
89                                <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
90                            </svg>
91                            Të Preferuarat
92                        </button>
93                    </div>
94                    <!-- SHTESA: Butoni i ri Share -->
95                    <button id="sharePageBtn" class="action-btn-main" title="Ndaj faqen">
96                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg>
97                    </button>
98                </div>
99            </div>
100        </section>
101
102        <!-- Main Content -->
103        <main id="mainContent" class="main-content">
104            <div id="hadithGrid" class="hadith-grid"></div>
105            <div id="emptyState" class="empty-state" style="display: none;">
106                <svg class="empty-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
107                    <circle cx="11" cy="11" r="8"></circle>
108                    <path d="m21 21-4.35-4.35"></path>
109                </svg>
110                <h3>Nuk u gjet asnjë hadith</h3>
111                <p>Provoni me një term tjetër kërkimi</p>
112            </div>
113        </main>
114    </div>
115
116    <!-- Footer -->
117    <footer class="footer">
118        <div class="footer-content">
119            <p>© 2024 - Koleksion i haditheve të Imam Neveviut | <a href="https://mburoja.al/" target="_blank" rel="noopener noreferrer">mburoja.al</a></p>
120        </div>
121    </footer>
122
123    <!-- Loading Indicator -->
124    <div id="loadingIndicator" class="loading-indicator">
125        <div class="spinner"></div>
126    </div>
127
128    <!-- Scroll to Top Button -->
129    <button id="scrollToTopBtn" class="scroll-to-top" title="Kthehu lart" aria-label="Kthehu lart">
130        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
131            <path d="M12 19V5M5 12l7-7 7 7"/>
132        </svg>
133    </button>
134    
135    <div id="toast"></div>
136
137    <!-- NDRYSHIMI: Versionimi i skedarit JS -->
138    

138<script src="js/app.js?v=3.1"></script>

138
139</body>
140</html>