\u0645\u0648\u0644\u0627\u0646\u0627 \u0645\u0648\u062f\u0648\u062f\u06cc \u06a9\u06cc \u062a\u0635\u0627\u0646\u06cc\u0641<\/title>\n \n <style>\n \/* === CSS CODE START === *\/\n \n \/* \u0627\u064f\u0631\u062f\u0648 \u0641\u0648\u0646\u0679 \u0634\u0627\u0645\u0644 \u06a9\u0631\u06cc\u06ba *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Nastaliq+Urdu:wght@400;700&display=swap');\n\n :root {\n --primary-color: #7ea387; \/* \u06c1\u0631\u0627 \u0633\u0628\u0632 *\/\n --secondary-color: #f7f7f7; \/* \u06c1\u0644\u06a9\u0627 \u06af\u0631\u06d2 \u067e\u0633 \u0645\u0646\u0638\u0631 *\/\n --text-color: #333;\n }\n\n body {\n font-family: 'Noto Nastaliq Urdu', serif;\n background-color: var(--secondary-color);\n margin: 0;\n padding: 0;\n color: var(--text-color);\n line-height: 1.8; \n text-align: right; \n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* \u0633\u0631\u062e\u06cc (Header) *\/\n header {\n background-color: var(--primary-color);\n color: white;\n padding: 20px;\n text-align: center;\n margin-bottom: 30px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n\n header h1 {\n margin: 0;\n font-size: 2.5rem;\n font-weight: 700;\n }\n \n \/* \u062a\u0644\u0627\u0634 \u06a9\u0627 \u0633\u06cc\u06a9\u0634\u0646 (Search Section) *\/\n .search-section {\n display: flex;\n gap: 10px;\n margin-bottom: 40px;\n direction: rtl; \n }\n\n #searchInput {\n flex-grow: 1; \n padding: 12px 15px;\n border: 2px solid #ddd;\n border-radius: 8px;\n font-family: 'Noto Nastaliq Urdu', serif;\n font-size: 1rem;\n text-align: right;\n transition: border-color 0.3s;\n }\n\n #searchInput:focus {\n border-color: var(--primary-color);\n outline: none;\n }\n \n \/* \u0633\u0631\u0686 \u0628\u0679\u0646 *\/\n .search-section button {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 12px 25px;\n border-radius: 8px;\n font-family: 'Noto Nastaliq Urdu', serif;\n font-size: 1rem;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n\n .search-section button:hover {\n background-color: #6a48b0;\n }\n\n\n \/* \u06a9\u062a\u0627\u0628\u0648\u06ba \u06a9\u0627 \u06af\u0631\u0688 \u0644\u06d2 \u0622\u0624\u0679 *\/\n .books-grid {\n display: grid;\n \/* \u0686\u06be\u0648\u0679\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646\u0648\u06ba \u067e\u0631 1 \u06a9\u0627\u0644\u0645\u060c \u0628\u0691\u06cc \u067e\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 300px \u0686\u0648\u0691\u0627\u0626\u06cc *\/\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); \n gap: 30px;\n padding: 0;\n list-style: none;\n }\n\n \/* \u06a9\u062a\u0627\u0628 \u06a9\u0627 \u06a9\u0627\u0631\u0688 *\/\n .book-card {\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition: transform 0.3s ease;\n text-align: right;\n border: 1px solid #eee;\n }\n\n .book-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n }\n\n .book-cover-container {\n height: 350px; \n overflow: hidden;\n border-bottom: 1px solid #f0f0f0;\n }\n\n .book-cover {\n width: 100%;\n height: 100%;\n object-fit: cover; \n display: block;\n }\n\n .book-info {\n padding: 20px;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n\n .book-info h3 {\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-top: 0;\n margin-bottom: 10px;\n }\n\n .author {\n font-size: 1.1rem;\n color: #666;\n margin-bottom: 15px;\n border-bottom: 1px dashed #e0e0e0;\n padding-bottom: 10px;\n }\n\n .summary {\n font-size: 1rem;\n margin-bottom: 20px;\n flex-grow: 1; \n }\n\n \/* \u0628\u0679\u0646 *\/\n .buy-button {\n display: block;\n background-color: var(--primary-color);\n color: white;\n text-align: center;\n padding: 12px;\n border-radius: 5px;\n text-decoration: none;\n font-size: 1.1rem;\n font-weight: 700;\n transition: background-color 0.3s ease;\n margin-top: auto; \n }\n\n .buy-button:hover {\n background-color: #6a48b0;\n }\n \n \/* \u0633\u0631\u0686 \u06a9\u06d2 \u0646\u062a\u0627\u0626\u062c \u06a9\u06d2 \u0644\u06cc\u06d2 \u067e\u06cc\u063a\u0627\u0645 *\/\n #noResultsMessage {\n text-align: center;\n color: #d9534f;\n font-size: 1.5rem;\n font-weight: 700;\n grid-column: 1 \/ -1; \/* \u067e\u0648\u0631\u06d2 \u06af\u0631\u0688 \u0645\u06cc\u06ba \u067e\u06be\u06cc\u0644 \u062c\u0627\u0626\u06d2 *\/\n display: none; \/* \u0627\u0628\u062a\u062f\u0627\u0626\u06cc \u0637\u0648\u0631 \u067e\u0631 \u0686\u06be\u067e\u0627 \u06c1\u0648\u0627 *\/\n }\n\n \/* === CSS CODE END === *\/\n <\/style>\n<\/head>\n<body>\n\n <header>\n <h1>\u0645\u0648\u0644\u0627\u0646\u0627 \u06a9\u06cc \u062a\u0635\u0627\u0646\u06cc\u0641<\/h1>\n <\/header>\n\n <div class=\"container\">\n \n <div class=\"search-section\">\n <input type=\"text\" id=\"searchInput\" \n placeholder=\"\u06a9\u062a\u0627\u0628 \u06a9\u0627 \u0646\u0627\u0645 \u06cc\u0627 \u0645\u0648\u0636\u0648\u0639 \u062a\u0644\u0627\u0634 \u06a9\u0631\u06cc\u06ba...\" \n dir=\"rtl\"\n onkeyup=\"searchBooks()\"> <button onclick=\"searchBooks()\">\u062a\u0644\u0627\u0634 \u06a9\u0631\u06cc\u06ba<\/button>\n <\/div>\n \n <div class=\"books-grid\">\n \n <p id=\"noResultsMessage\">\u274c \u0645\u0639\u0627\u0641 \u06a9\u06cc\u062c\u06cc\u06d2! \u0622\u067e \u06a9\u06cc \u062a\u0644\u0627\u0634 \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u06a9\u0648\u0626\u06cc \u06a9\u062a\u0627\u0628 \u0646\u06c1\u06cc\u06ba \u0645\u0644\u06cc\u06d4<\/p>\n\n <div class=\"book-card\">\n <div class=\"book-cover-container\">\n <img decoding=\"async\" src=\"https:\/\/readmaududi.com\/wp-content\/uploads\/2021\/06\/quran-757x1030-1-696x947.png\" alt=\"\u062a\u0641\u06c1\u06cc\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u062c\u0644\u062f \u0627\u0648\u0644\" class=\"book-cover\">\n <\/div>\n <div class=\"book-info\">\n <h3>\u062f\u06cc\u0646\u06cc\u0627\u062a<\/h3>\n <p class=\"author\">\u0627\u0632: \u0633\u06cc\u062f \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc \u0645\u0648\u062f\u0648\u062f\u06cc <\/p>\n <p class=\"summary\">\u062a\u0641\u06c1\u06cc\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u062c\u0644\u062f \u0627\u0648\u0644” \u0645\u0648\u0644\u0627\u0646\u0627 \u0633\u06cc\u062f \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc\u0670 \u0645\u0648\u062f\u0648\u062f\u06cc\u0612 \u06a9\u06cc \u0634\u06c1\u0631\u06c1\u0654 \u0622\u0641\u0627\u0642 \u062a\u0641\u0633\u06cc\u0631 \u06a9\u0627 \u0627\u0628\u062a\u062f\u0627\u0626\u06cc \u062d\u0635\u06c1 \u06c1\u06d2\u060c \u062c\u0633 \u0645\u06cc\u06ba \u0633\u0648\u0631\u06c3 \u0627\u0644\u0641\u0627\u062a\u062d\u06c1 \u0633\u06d2 \u0633\u0648\u0631\u06c3 \u0627\u0644\u0646\u0633\u0627\u0621 \u062a\u06a9 \u06a9\u06cc \u06af\u06c1\u0631\u06cc\u060c \u062c\u0627\u0645\u0639 \u0627\u0648\u0631 \u0641\u06a9\u0631\u06cc \u062a\u0634\u0631\u06cc\u062d \u067e\u06cc\u0634 \u06a9\u06cc \u06af\u0626\u06cc \u06c1\u06d2\u06d4 \u0642\u0631\u0622\u0646\u0650 \u062d\u06a9\u06cc\u0645 \u06a9\u06d2 \u067e\u06cc\u063a\u0627\u0645 \u06a9\u0648 \u0639\u0627\u0645 \u0641\u06c1\u0645 \u0632\u0628\u0627\u0646 \u0645\u06cc\u06ba \u0633\u0645\u062c\u06be\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06cc\u06c1 \u0627\u06cc\u06a9 \u0628\u06c1\u062a\u0631\u06cc\u0646 \u0631\u06c1\u0646\u0645\u0627 \u06a9\u062a\u0627\u0628 \u06c1\u06d2\u06d4\u06d4<\/p>\n <a href=\"https:\/\/mawdudiencyc.com\/blog\/%d8%aa%d9%81%db%81%db%8c%d9%85-%d8%a7%d9%84%d9%82%d8%b1%d8%a2%d9%86-%d8%ac%d9%84%d8%af-%d8%a7%d9%88%d9%84\/\" class=\"buy-button\">\u0645\u0632\u06cc\u062f \u062a\u0641\u0635\u06cc\u0644\u0627\u062a \/ <\/a>\n <\/div>\n <\/div>\n\n <div class=\"book-card\">\n <div class=\"book-cover-container\">\n <img decoding=\"async\" src=\"https:\/\/archive.org\/services\/img\/2_20210325_20210325_0957\/full\/pct:200\/0\/default.jpg\" alt=\"\u062a\u0641\u06c1\u06cc\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u062c\u0644\u062f \u062f\u0648\u0645\" class=\"book-cover\">\n <\/div>\n <div class=\"book-info\">\n <h3>\u062a\u0641\u06c1\u06cc\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u062c\u0644\u062f \u062f\u0648\u0645<\/h3>\n <p class=\"author\">\u0627\u0632: \u0633\u06cc\u062f \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc \u0645\u0648\u062f\u0648\u062f\u06cc<\/p>\n <p class=\"summary\">\u0633\u06cc\u062f \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc\u0670 \u0645\u0648\u062f\u0648\u062f\u06cc \u06a9\u06cc \u062a\u0641\u06c1\u06cc\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u062c\u0644\u062f \u062f\u0648\u0645 \u06a9\u0627 \u062c\u0627\u0645\u0639 \u062e\u0644\u0627\u0635\u06c1\u060c \u062a\u0641\u0627\u0633\u06cc\u0631\u060c \u0645\u0648\u0636\u0648\u0639\u0627\u062a\u06cc \u0648\u0636\u0627\u062d\u062a\u06cc\u06ba \u0627\u0648\u0631 \u0641\u06c1\u0645\u0650 \u0642\u0631\u0622\u0646 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0631\u06c1\u0646\u0645\u0627\u0626\u06cc\u06d4 \u0627\u0633 \u062c\u0644\u062f \u0645\u06cc\u06ba \u0645\u0648\u062c\u0648\u062f \u0627\u06c1\u0645 \u0646\u06a9\u0627\u062a\u060c \u062f\u06cc\u0646\u06cc \u0628\u0635\u06cc\u0631\u062a \u0627\u0648\u0631 \u0639\u0635\u0631\u0650 \u062d\u0627\u0636\u0631 \u0633\u06d2 \u0645\u062a\u0639\u0644\u0642 \u06af\u06c1\u0631\u06d2 \u0645\u0639\u0627\u0646\u06cc \u062c\u0627\u0646\u06cc\u06ba\u06d4\u06d4<\/p>\n <a href=\"https:\/\/mawdudiencyc.com\/blog\/%D8%AA%D9%81%DB%81%DB%8C%D9%85-%D8%A7%D9%84%D9%82%D8%B1%D8%A2%D9%86-%D8%AC%D9%84%D8%AF-%D8%AF%D9%88%D9%85\/\" class=\"buy-button\">\u0645\u0632\u06cc\u062f \u062a\u0641\u0635\u06cc\u0644\u0627\u062a \/<\/a>\n <\/div>\n <\/div>\n\n <div class=\"book-card\">\n <div class=\"book-cover-container\">\n <img decoding=\"async\" src=\"https:\/\/mawdudiencyc.com\/blog\/wp-content\/uploads\/2026\/01\/\u062f\u06cc\u0646\u06cc\u0627\u062a.webp\" alt=\"\u062f\u06cc\u0646\u06cc\u0627\u062a\" class=\"book-cover\">\n <\/div>\n <div class=\"book-info\">\n <h3>\u062f\u06cc\u0646\u06cc\u0627\u062a<\/h3>\n <p class=\"author\">\u0627\u0632: \u0645\u0648\u0644\u0627\u0646\u0627 \u0633\u06cc\u062f \u0627\u0628\u0648\u0627\u0644\u0627\u0639\u0644\u06cc \u0645\u0648\u062f\u0648\u062f\u06cc<\/p>\n <p class=\"summary\">\u06cc\u06c1 \u06a9\u062a\u0627\u0628 \u0627\u0633\u0644\u0627\u0645 \u06a9\u06d2 \u0628\u0646\u06cc\u0627\u062f\u06cc \u0639\u0642\u0627\u0626\u062f\u060c \u0639\u0628\u0627\u062f\u0627\u062a \u0627\u0648\u0631 \u0627\u062e\u0644\u0627\u0642\u06cc\u0627\u062a \u06a9\u0648 \u0646\u06c1\u0627\u06cc\u062a \u0633\u0627\u062f\u06c1 \u0627\u0648\u0631 \u0639\u0627\u0645 \u0641\u06c1\u0645 \u0627\u0646\u062f\u0627\u0632 \u0645\u06cc\u06ba \u067e\u06cc\u0634 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u060c \u062e\u0627\u0635 \u0637\u0648\u0631 \u067e\u0631 \u0637\u0644\u0628\u06c1 \u0627\u0648\u0631 \u0646\u0626\u06d2 \u0642\u0627\u0631\u0626\u06cc\u0646 \u06a9\u06d2 \u0644\u06cc\u06d2\u06d4<\/p>\n <a href=\"https:\/\/mawdudiencyc.com\/blog\/%D8%AF%DB%8C%D9%86%DB%8C%D8%A7%D8%AA\/\" class=\"buy-button\">\u0645\u0632\u06cc\u062f \u062a\u0641\u0635\u06cc\u0644\u0627\u062a \/ \u067e\u0691\u06be\u0626\u06d2<\/a>\n <\/div>\n <\/div>\n \n <div class=\"book-card\">\n <div class=\"book-cover-container\">\n <img decoding=\"async\" src=\"https:\/\/mawdudiencyc.com\/blog\/wp-content\/uploads\/2026\/01\/\u0627\u0633\u0644\u0627\u0645-\u06a9\u0627-\u0646\u0638\u0627\u0645\u0650-\u062d\u06cc\u0627\u062a.webp\" alt=\"\u0627\u0633\u0644\u0627\u0645 \u06a9\u0627 \u0646\u0638\u0627\u0645\u0650 \u062d\u06cc\u0627\u062a\" class=\"book-cover\">\n <\/div>\n <div class=\"book-info\">\n <h3>\u0627\u0633\u0644\u0627\u0645 \u06a9\u0627 \u0646\u0638\u0627\u0645\u0650 \u062d\u06cc\u0627\u062a<\/h3>\n <p class=\"author\">\u0627\u0632:\u0633\u06cc\u062f \u0627\u0628\u0648\u0627\u0644\u0627\u0639\u0644\u06cc \u0645\u0648\u062f\u0648\u062f\u06cc <\/p>\n <p class=\"summary\">\u06cc\u06c1 \u06a9\u062a\u0627\u0628 \u0645\u0648\u0644\u0627\u0646\u0627 \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc\u0670 \u0645\u0648\u062f\u0648\u062f\u06cc\u0612 \u06a9\u06cc \u0627\u0646 \u0641\u06a9\u0631\u06cc \u0648 \u0646\u0634\u0631\u06cc \u062a\u0642\u0631\u06cc\u0631\u0648\u06ba \u06a9\u0627 \u062c\u0627\u0645\u0639 \u062e\u0644\u0627\u0635\u06c1 \u06c1\u06d2 \u062c\u0648 \u0627\u0633\u0644\u0627\u0645 \u06a9\u0648 \u0627\u06cc\u06a9 \u0645\u06a9\u0645\u0644 \u0646\u0638\u0627\u0645\u0650 \u062d\u06cc\u0627\u062a\u2014\u0627\u062e\u0644\u0627\u0642\u060c \u0633\u06cc\u0627\u0633\u062a \u0627\u0648\u0631 \u0645\u0639\u0627\u0634\u0631\u062a\u2014\u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u0648\u0627\u0636\u062d \u0627\u0648\u0631 \u0645\u062f\u0644\u0644 \u0627\u0646\u062f\u0627\u0632 \u0645\u06cc\u06ba \u067e\u06cc\u0634 \u06a9\u0631\u062a\u06cc \u06c1\u06cc\u06ba\u06d4<\/p>\n <a href=\"https:\/\/mawdudiencyc.com\/blog\/%d8%a7%d8%b3%d9%84%d8%a7%d9%85-%da%a9%d8%a7-%d9%86%d8%b8%d8%a7%d9%85%d9%90-%d8%ad%db%8c%d8%a7%d8%aa\/\" class=\"buy-button\">\u0645\u0632\u06cc\u062f \u062a\u0641\u0635\u06cc\u0644\u0627\u062a \/ \u062e\u0631\u06cc\u062f\u06cc\u06ba<\/a>\n <\/div>\n <\/div>\n\n\n <\/div>\n <\/div>\n \n <script>\n function searchBooks() {\n \/\/ \u0627\u0646 \u067e\u0679 \u0641\u06cc\u0644\u0688 \u0633\u06d2 \u0633\u0631\u0686 \u0679\u06cc\u06a9\u0633\u0679 \u062d\u0627\u0635\u0644 \u06a9\u0631\u06cc\u06ba \u0627\u0648\u0631 \u0627\u0633\u06d2 \u0686\u06be\u0648\u0679\u0627 (lowercase) \u06a9\u0631 \u062f\u06cc\u06ba\n let input = document.getElementById('searchInput').value.toLowerCase();\n let bookCards = document.querySelectorAll('.book-card');\n let resultsFound = false;\n let noResultsMessage = document.getElementById('noResultsMessage');\n\n \/\/ \u06c1\u0631 \u06a9\u062a\u0627\u0628 \u06a9\u06d2 \u06a9\u0627\u0631\u0688 \u067e\u0631 \u0644\u0648\u067e \u06a9\u0631\u06cc\u06ba\n bookCards.forEach(card => {\n \/\/ \u06a9\u062a\u0627\u0628 \u06a9\u0627 \u0639\u0646\u0648\u0627\u0646 \u0627\u0648\u0631 \u0645\u0635\u0646\u0641 \u0646\u06a9\u0627\u0644\u06cc\u06ba\n let title = card.querySelector('h3').innerText.toLowerCase();\n let author = card.querySelector('.author').innerText.toLowerCase();\n \n \/\/ \u0627\u06af\u0631 \u0633\u0631\u0686 \u0679\u06cc\u06a9\u0633\u0679 \u0639\u0646\u0648\u0627\u0646 \u06cc\u0627 \u0645\u0635\u0646\u0641 \u0645\u06cc\u06ba \u0645\u0648\u062c\u0648\u062f \u06c1\u06d2 \u062a\u0648 \u06a9\u0627\u0631\u0688 \u06a9\u0648 \u062f\u06a9\u06be\u0627\u0626\u06cc\u06ba\n if (title.includes(input) || author.includes(input)) {\n card.style.display = 'flex'; \/\/ \u06a9\u0627\u0631\u0688 \u062f\u06a9\u06be\u0627\u0626\u06cc\u06ba\n resultsFound = true;\n } else {\n card.style.display = 'none'; \/\/ \u06a9\u0627\u0631\u0688 \u0686\u06be\u067e\u0627\u0626\u06cc\u06ba\n }\n });\n\n \/\/ \u0627\u06af\u0631 \u06a9\u0648\u0626\u06cc \u0646\u062a\u06cc\u062c\u06c1 \u0646\u06c1\u06cc\u06ba \u0645\u0644\u0627 \u0627\u0648\u0631 \u0633\u0631\u0686 \u0628\u0627\u0631 \u062e\u0627\u0644\u06cc \u0646\u06c1\u06cc\u06ba \u06c1\u06d2 \u062a\u0648 \u067e\u06cc\u063a\u0627\u0645 \u062f\u06a9\u06be\u0627\u0626\u06cc\u06ba\n if (!resultsFound && input.length > 0) {\n noResultsMessage.style.display = 'block';\n } else {\n noResultsMessage.style.display = 'none';\n }\n }\n <\/script>\n <\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0648\u0644\u0627\u0646\u0627 \u0645\u0648\u062f\u0648\u062f\u06cc \u06a9\u06cc \u062a\u0635\u0627\u0646\u06cc\u0641 \u0645\u0648\u0644\u0627\u0646\u0627 \u06a9\u06cc \u062a\u0635\u0627\u0646\u06cc\u0641 \u062a\u0644\u0627\u0634 \u06a9\u0631\u06cc\u06ba \u274c \u0645\u0639\u0627\u0641 \u06a9\u06cc\u062c\u06cc\u06d2! \u0622\u067e \u06a9\u06cc \u062a\u0644\u0627\u0634 \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u06a9\u0648\u0626\u06cc \u06a9\u062a\u0627\u0628 \u0646\u06c1\u06cc\u06ba \u0645\u0644\u06cc\u06d4 \u062f\u06cc\u0646\u06cc\u0627\u062a \u0627\u0632: \u0633\u06cc\u062f \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc \u0645\u0648\u062f\u0648\u062f\u06cc \u062a\u0641\u06c1\u06cc\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u062c\u0644\u062f \u0627\u0648\u0644” \u0645\u0648\u0644\u0627\u0646\u0627 \u0633\u06cc\u062f \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc\u0670 \u0645\u0648\u062f\u0648\u062f\u06cc\u0612 \u06a9\u06cc \u0634\u06c1\u0631\u06c1\u0654 \u0622\u0641\u0627\u0642 \u062a\u0641\u0633\u06cc\u0631 \u06a9\u0627 \u0627\u0628\u062a\u062f\u0627\u0626\u06cc \u062d\u0635\u06c1 \u06c1\u06d2\u060c \u062c\u0633 \u0645\u06cc\u06ba \u0633\u0648\u0631\u06c3 \u0627\u0644\u0641\u0627\u062a\u062d\u06c1 \u0633\u06d2 \u0633\u0648\u0631\u06c3 \u0627\u0644\u0646\u0633\u0627\u0621 \u062a\u06a9 \u06a9\u06cc \u06af\u06c1\u0631\u06cc\u060c \u062c\u0627\u0645\u0639 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"redux-templates_full_width","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-3167","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/pages\/3167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/comments?post=3167"}],"version-history":[{"count":11,"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/pages\/3167\/revisions"}],"predecessor-version":[{"id":4437,"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/pages\/3167\/revisions\/4437"}],"wp:attachment":[{"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/media?parent=3167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3167,"date":"2025-11-13T15:58:35","date_gmt":"2025-11-13T15:58:35","guid":{"rendered":"https:\/\/mawdudiencyc.com\/blog\/?page_id=3167"},"modified":"2026-01-26T15:47:36","modified_gmt":"2026-01-26T15:47:36","slug":"%d8%aa%d8%b5%d8%a7%d9%86%db%8c%d9%81","status":"publish","type":"page","link":"https:\/\/mawdudiencyc.com\/blog\/%d8%aa%d8%b5%d8%a7%d9%86%db%8c%d9%81\/","title":{"rendered":"\u062a\u0635\u0627\u0646\u06cc\u0641"},"content":{"rendered":"\n\n\n\n \n \n \u0645\u0648\u0644\u0627\u0646\u0627 \u0645\u0648\u062f\u0648\u062f\u06cc \u06a9\u06cc \u062a\u0635\u0627\u0646\u06cc\u0641<\/title>\n \n <style>\n \/* === CSS CODE START === *\/\n \n \/* \u0627\u064f\u0631\u062f\u0648 \u0641\u0648\u0646\u0679 \u0634\u0627\u0645\u0644 \u06a9\u0631\u06cc\u06ba *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Nastaliq+Urdu:wght@400;700&display=swap');\n\n :root {\n --primary-color: #7ea387; \/* \u06c1\u0631\u0627 \u0633\u0628\u0632 *\/\n --secondary-color: #f7f7f7; \/* \u06c1\u0644\u06a9\u0627 \u06af\u0631\u06d2 \u067e\u0633 \u0645\u0646\u0638\u0631 *\/\n --text-color: #333;\n }\n\n body {\n font-family: 'Noto Nastaliq Urdu', serif;\n background-color: var(--secondary-color);\n margin: 0;\n padding: 0;\n color: var(--text-color);\n line-height: 1.8; \n text-align: right; \n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* \u0633\u0631\u062e\u06cc (Header) *\/\n header {\n background-color: var(--primary-color);\n color: white;\n padding: 20px;\n text-align: center;\n margin-bottom: 30px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n\n header h1 {\n margin: 0;\n font-size: 2.5rem;\n font-weight: 700;\n }\n \n \/* \u062a\u0644\u0627\u0634 \u06a9\u0627 \u0633\u06cc\u06a9\u0634\u0646 (Search Section) *\/\n .search-section {\n display: flex;\n gap: 10px;\n margin-bottom: 40px;\n direction: rtl; \n }\n\n #searchInput {\n flex-grow: 1; \n padding: 12px 15px;\n border: 2px solid #ddd;\n border-radius: 8px;\n font-family: 'Noto Nastaliq Urdu', serif;\n font-size: 1rem;\n text-align: right;\n transition: border-color 0.3s;\n }\n\n #searchInput:focus {\n border-color: var(--primary-color);\n outline: none;\n }\n \n \/* \u0633\u0631\u0686 \u0628\u0679\u0646 *\/\n .search-section button {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 12px 25px;\n border-radius: 8px;\n font-family: 'Noto Nastaliq Urdu', serif;\n font-size: 1rem;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n\n .search-section button:hover {\n background-color: #6a48b0;\n }\n\n\n \/* \u06a9\u062a\u0627\u0628\u0648\u06ba \u06a9\u0627 \u06af\u0631\u0688 \u0644\u06d2 \u0622\u0624\u0679 *\/\n .books-grid {\n display: grid;\n \/* \u0686\u06be\u0648\u0679\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646\u0648\u06ba \u067e\u0631 1 \u06a9\u0627\u0644\u0645\u060c \u0628\u0691\u06cc \u067e\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 300px \u0686\u0648\u0691\u0627\u0626\u06cc *\/\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); \n gap: 30px;\n padding: 0;\n list-style: none;\n }\n\n \/* \u06a9\u062a\u0627\u0628 \u06a9\u0627 \u06a9\u0627\u0631\u0688 *\/\n .book-card {\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition: transform 0.3s ease;\n text-align: right;\n border: 1px solid #eee;\n }\n\n .book-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n }\n\n .book-cover-container {\n height: 350px; \n overflow: hidden;\n border-bottom: 1px solid #f0f0f0;\n }\n\n .book-cover {\n width: 100%;\n height: 100%;\n object-fit: cover; \n display: block;\n }\n\n .book-info {\n padding: 20px;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n\n .book-info h3 {\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-top: 0;\n margin-bottom: 10px;\n }\n\n .author {\n font-size: 1.1rem;\n color: #666;\n margin-bottom: 15px;\n border-bottom: 1px dashed #e0e0e0;\n padding-bottom: 10px;\n }\n\n .summary {\n font-size: 1rem;\n margin-bottom: 20px;\n flex-grow: 1; \n }\n\n \/* \u0628\u0679\u0646 *\/\n .buy-button {\n display: block;\n background-color: var(--primary-color);\n color: white;\n text-align: center;\n padding: 12px;\n border-radius: 5px;\n text-decoration: none;\n font-size: 1.1rem;\n font-weight: 700;\n transition: background-color 0.3s ease;\n margin-top: auto; \n }\n\n .buy-button:hover {\n background-color: #6a48b0;\n }\n \n \/* \u0633\u0631\u0686 \u06a9\u06d2 \u0646\u062a\u0627\u0626\u062c \u06a9\u06d2 \u0644\u06cc\u06d2 \u067e\u06cc\u063a\u0627\u0645 *\/\n #noResultsMessage {\n text-align: center;\n color: #d9534f;\n font-size: 1.5rem;\n font-weight: 700;\n grid-column: 1 \/ -1; \/* \u067e\u0648\u0631\u06d2 \u06af\u0631\u0688 \u0645\u06cc\u06ba \u067e\u06be\u06cc\u0644 \u062c\u0627\u0626\u06d2 *\/\n display: none; \/* \u0627\u0628\u062a\u062f\u0627\u0626\u06cc \u0637\u0648\u0631 \u067e\u0631 \u0686\u06be\u067e\u0627 \u06c1\u0648\u0627 *\/\n }\n\n \/* === CSS CODE END === *\/\n <\/style>\n<\/head>\n<body>\n\n <header>\n <h1>\u0645\u0648\u0644\u0627\u0646\u0627 \u06a9\u06cc \u062a\u0635\u0627\u0646\u06cc\u0641<\/h1>\n <\/header>\n\n <div class=\"container\">\n \n <div class=\"search-section\">\n <input type=\"text\" id=\"searchInput\" \n placeholder=\"\u06a9\u062a\u0627\u0628 \u06a9\u0627 \u0646\u0627\u0645 \u06cc\u0627 \u0645\u0648\u0636\u0648\u0639 \u062a\u0644\u0627\u0634 \u06a9\u0631\u06cc\u06ba...\" \n dir=\"rtl\"\n onkeyup=\"searchBooks()\"> <button onclick=\"searchBooks()\">\u062a\u0644\u0627\u0634 \u06a9\u0631\u06cc\u06ba<\/button>\n <\/div>\n \n <div class=\"books-grid\">\n \n <p id=\"noResultsMessage\">\u274c \u0645\u0639\u0627\u0641 \u06a9\u06cc\u062c\u06cc\u06d2! \u0622\u067e \u06a9\u06cc \u062a\u0644\u0627\u0634 \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u06a9\u0648\u0626\u06cc \u06a9\u062a\u0627\u0628 \u0646\u06c1\u06cc\u06ba \u0645\u0644\u06cc\u06d4<\/p>\n\n <div class=\"book-card\">\n <div class=\"book-cover-container\">\n <img decoding=\"async\" src=\"https:\/\/readmaududi.com\/wp-content\/uploads\/2021\/06\/quran-757x1030-1-696x947.png\" alt=\"\u062a\u0641\u06c1\u06cc\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u062c\u0644\u062f \u0627\u0648\u0644\" class=\"book-cover\">\n <\/div>\n <div class=\"book-info\">\n <h3>\u062f\u06cc\u0646\u06cc\u0627\u062a<\/h3>\n <p class=\"author\">\u0627\u0632: \u0633\u06cc\u062f \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc \u0645\u0648\u062f\u0648\u062f\u06cc <\/p>\n <p class=\"summary\">\u062a\u0641\u06c1\u06cc\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u062c\u0644\u062f \u0627\u0648\u0644” \u0645\u0648\u0644\u0627\u0646\u0627 \u0633\u06cc\u062f \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc\u0670 \u0645\u0648\u062f\u0648\u062f\u06cc\u0612 \u06a9\u06cc \u0634\u06c1\u0631\u06c1\u0654 \u0622\u0641\u0627\u0642 \u062a\u0641\u0633\u06cc\u0631 \u06a9\u0627 \u0627\u0628\u062a\u062f\u0627\u0626\u06cc \u062d\u0635\u06c1 \u06c1\u06d2\u060c \u062c\u0633 \u0645\u06cc\u06ba \u0633\u0648\u0631\u06c3 \u0627\u0644\u0641\u0627\u062a\u062d\u06c1 \u0633\u06d2 \u0633\u0648\u0631\u06c3 \u0627\u0644\u0646\u0633\u0627\u0621 \u062a\u06a9 \u06a9\u06cc \u06af\u06c1\u0631\u06cc\u060c \u062c\u0627\u0645\u0639 \u0627\u0648\u0631 \u0641\u06a9\u0631\u06cc \u062a\u0634\u0631\u06cc\u062d \u067e\u06cc\u0634 \u06a9\u06cc \u06af\u0626\u06cc \u06c1\u06d2\u06d4 \u0642\u0631\u0622\u0646\u0650 \u062d\u06a9\u06cc\u0645 \u06a9\u06d2 \u067e\u06cc\u063a\u0627\u0645 \u06a9\u0648 \u0639\u0627\u0645 \u0641\u06c1\u0645 \u0632\u0628\u0627\u0646 \u0645\u06cc\u06ba \u0633\u0645\u062c\u06be\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06cc\u06c1 \u0627\u06cc\u06a9 \u0628\u06c1\u062a\u0631\u06cc\u0646 \u0631\u06c1\u0646\u0645\u0627 \u06a9\u062a\u0627\u0628 \u06c1\u06d2\u06d4\u06d4<\/p>\n <a href=\"https:\/\/mawdudiencyc.com\/blog\/%d8%aa%d9%81%db%81%db%8c%d9%85-%d8%a7%d9%84%d9%82%d8%b1%d8%a2%d9%86-%d8%ac%d9%84%d8%af-%d8%a7%d9%88%d9%84\/\" class=\"buy-button\">\u0645\u0632\u06cc\u062f \u062a\u0641\u0635\u06cc\u0644\u0627\u062a \/ <\/a>\n <\/div>\n <\/div>\n\n <div class=\"book-card\">\n <div class=\"book-cover-container\">\n <img decoding=\"async\" src=\"https:\/\/archive.org\/services\/img\/2_20210325_20210325_0957\/full\/pct:200\/0\/default.jpg\" alt=\"\u062a\u0641\u06c1\u06cc\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u062c\u0644\u062f \u062f\u0648\u0645\" class=\"book-cover\">\n <\/div>\n <div class=\"book-info\">\n <h3>\u062a\u0641\u06c1\u06cc\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u062c\u0644\u062f \u062f\u0648\u0645<\/h3>\n <p class=\"author\">\u0627\u0632: \u0633\u06cc\u062f \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc \u0645\u0648\u062f\u0648\u062f\u06cc<\/p>\n <p class=\"summary\">\u0633\u06cc\u062f \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc\u0670 \u0645\u0648\u062f\u0648\u062f\u06cc \u06a9\u06cc \u062a\u0641\u06c1\u06cc\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u062c\u0644\u062f \u062f\u0648\u0645 \u06a9\u0627 \u062c\u0627\u0645\u0639 \u062e\u0644\u0627\u0635\u06c1\u060c \u062a\u0641\u0627\u0633\u06cc\u0631\u060c \u0645\u0648\u0636\u0648\u0639\u0627\u062a\u06cc \u0648\u0636\u0627\u062d\u062a\u06cc\u06ba \u0627\u0648\u0631 \u0641\u06c1\u0645\u0650 \u0642\u0631\u0622\u0646 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0631\u06c1\u0646\u0645\u0627\u0626\u06cc\u06d4 \u0627\u0633 \u062c\u0644\u062f \u0645\u06cc\u06ba \u0645\u0648\u062c\u0648\u062f \u0627\u06c1\u0645 \u0646\u06a9\u0627\u062a\u060c \u062f\u06cc\u0646\u06cc \u0628\u0635\u06cc\u0631\u062a \u0627\u0648\u0631 \u0639\u0635\u0631\u0650 \u062d\u0627\u0636\u0631 \u0633\u06d2 \u0645\u062a\u0639\u0644\u0642 \u06af\u06c1\u0631\u06d2 \u0645\u0639\u0627\u0646\u06cc \u062c\u0627\u0646\u06cc\u06ba\u06d4\u06d4<\/p>\n <a href=\"https:\/\/mawdudiencyc.com\/blog\/%D8%AA%D9%81%DB%81%DB%8C%D9%85-%D8%A7%D9%84%D9%82%D8%B1%D8%A2%D9%86-%D8%AC%D9%84%D8%AF-%D8%AF%D9%88%D9%85\/\" class=\"buy-button\">\u0645\u0632\u06cc\u062f \u062a\u0641\u0635\u06cc\u0644\u0627\u062a \/<\/a>\n <\/div>\n <\/div>\n\n <div class=\"book-card\">\n <div class=\"book-cover-container\">\n <img decoding=\"async\" src=\"https:\/\/mawdudiencyc.com\/blog\/wp-content\/uploads\/2026\/01\/\u062f\u06cc\u0646\u06cc\u0627\u062a.webp\" alt=\"\u062f\u06cc\u0646\u06cc\u0627\u062a\" class=\"book-cover\">\n <\/div>\n <div class=\"book-info\">\n <h3>\u062f\u06cc\u0646\u06cc\u0627\u062a<\/h3>\n <p class=\"author\">\u0627\u0632: \u0645\u0648\u0644\u0627\u0646\u0627 \u0633\u06cc\u062f \u0627\u0628\u0648\u0627\u0644\u0627\u0639\u0644\u06cc \u0645\u0648\u062f\u0648\u062f\u06cc<\/p>\n <p class=\"summary\">\u06cc\u06c1 \u06a9\u062a\u0627\u0628 \u0627\u0633\u0644\u0627\u0645 \u06a9\u06d2 \u0628\u0646\u06cc\u0627\u062f\u06cc \u0639\u0642\u0627\u0626\u062f\u060c \u0639\u0628\u0627\u062f\u0627\u062a \u0627\u0648\u0631 \u0627\u062e\u0644\u0627\u0642\u06cc\u0627\u062a \u06a9\u0648 \u0646\u06c1\u0627\u06cc\u062a \u0633\u0627\u062f\u06c1 \u0627\u0648\u0631 \u0639\u0627\u0645 \u0641\u06c1\u0645 \u0627\u0646\u062f\u0627\u0632 \u0645\u06cc\u06ba \u067e\u06cc\u0634 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u060c \u062e\u0627\u0635 \u0637\u0648\u0631 \u067e\u0631 \u0637\u0644\u0628\u06c1 \u0627\u0648\u0631 \u0646\u0626\u06d2 \u0642\u0627\u0631\u0626\u06cc\u0646 \u06a9\u06d2 \u0644\u06cc\u06d2\u06d4<\/p>\n <a href=\"https:\/\/mawdudiencyc.com\/blog\/%D8%AF%DB%8C%D9%86%DB%8C%D8%A7%D8%AA\/\" class=\"buy-button\">\u0645\u0632\u06cc\u062f \u062a\u0641\u0635\u06cc\u0644\u0627\u062a \/ \u067e\u0691\u06be\u0626\u06d2<\/a>\n <\/div>\n <\/div>\n \n <div class=\"book-card\">\n <div class=\"book-cover-container\">\n <img decoding=\"async\" src=\"https:\/\/mawdudiencyc.com\/blog\/wp-content\/uploads\/2026\/01\/\u0627\u0633\u0644\u0627\u0645-\u06a9\u0627-\u0646\u0638\u0627\u0645\u0650-\u062d\u06cc\u0627\u062a.webp\" alt=\"\u0627\u0633\u0644\u0627\u0645 \u06a9\u0627 \u0646\u0638\u0627\u0645\u0650 \u062d\u06cc\u0627\u062a\" class=\"book-cover\">\n <\/div>\n <div class=\"book-info\">\n <h3>\u0627\u0633\u0644\u0627\u0645 \u06a9\u0627 \u0646\u0638\u0627\u0645\u0650 \u062d\u06cc\u0627\u062a<\/h3>\n <p class=\"author\">\u0627\u0632:\u0633\u06cc\u062f \u0627\u0628\u0648\u0627\u0644\u0627\u0639\u0644\u06cc \u0645\u0648\u062f\u0648\u062f\u06cc <\/p>\n <p class=\"summary\">\u06cc\u06c1 \u06a9\u062a\u0627\u0628 \u0645\u0648\u0644\u0627\u0646\u0627 \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc\u0670 \u0645\u0648\u062f\u0648\u062f\u06cc\u0612 \u06a9\u06cc \u0627\u0646 \u0641\u06a9\u0631\u06cc \u0648 \u0646\u0634\u0631\u06cc \u062a\u0642\u0631\u06cc\u0631\u0648\u06ba \u06a9\u0627 \u062c\u0627\u0645\u0639 \u062e\u0644\u0627\u0635\u06c1 \u06c1\u06d2 \u062c\u0648 \u0627\u0633\u0644\u0627\u0645 \u06a9\u0648 \u0627\u06cc\u06a9 \u0645\u06a9\u0645\u0644 \u0646\u0638\u0627\u0645\u0650 \u062d\u06cc\u0627\u062a\u2014\u0627\u062e\u0644\u0627\u0642\u060c \u0633\u06cc\u0627\u0633\u062a \u0627\u0648\u0631 \u0645\u0639\u0627\u0634\u0631\u062a\u2014\u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u0648\u0627\u0636\u062d \u0627\u0648\u0631 \u0645\u062f\u0644\u0644 \u0627\u0646\u062f\u0627\u0632 \u0645\u06cc\u06ba \u067e\u06cc\u0634 \u06a9\u0631\u062a\u06cc \u06c1\u06cc\u06ba\u06d4<\/p>\n <a href=\"https:\/\/mawdudiencyc.com\/blog\/%d8%a7%d8%b3%d9%84%d8%a7%d9%85-%da%a9%d8%a7-%d9%86%d8%b8%d8%a7%d9%85%d9%90-%d8%ad%db%8c%d8%a7%d8%aa\/\" class=\"buy-button\">\u0645\u0632\u06cc\u062f \u062a\u0641\u0635\u06cc\u0644\u0627\u062a \/ \u062e\u0631\u06cc\u062f\u06cc\u06ba<\/a>\n <\/div>\n <\/div>\n\n\n <\/div>\n <\/div>\n \n <script>\n function searchBooks() {\n \/\/ \u0627\u0646 \u067e\u0679 \u0641\u06cc\u0644\u0688 \u0633\u06d2 \u0633\u0631\u0686 \u0679\u06cc\u06a9\u0633\u0679 \u062d\u0627\u0635\u0644 \u06a9\u0631\u06cc\u06ba \u0627\u0648\u0631 \u0627\u0633\u06d2 \u0686\u06be\u0648\u0679\u0627 (lowercase) \u06a9\u0631 \u062f\u06cc\u06ba\n let input = document.getElementById('searchInput').value.toLowerCase();\n let bookCards = document.querySelectorAll('.book-card');\n let resultsFound = false;\n let noResultsMessage = document.getElementById('noResultsMessage');\n\n \/\/ \u06c1\u0631 \u06a9\u062a\u0627\u0628 \u06a9\u06d2 \u06a9\u0627\u0631\u0688 \u067e\u0631 \u0644\u0648\u067e \u06a9\u0631\u06cc\u06ba\n bookCards.forEach(card => {\n \/\/ \u06a9\u062a\u0627\u0628 \u06a9\u0627 \u0639\u0646\u0648\u0627\u0646 \u0627\u0648\u0631 \u0645\u0635\u0646\u0641 \u0646\u06a9\u0627\u0644\u06cc\u06ba\n let title = card.querySelector('h3').innerText.toLowerCase();\n let author = card.querySelector('.author').innerText.toLowerCase();\n \n \/\/ \u0627\u06af\u0631 \u0633\u0631\u0686 \u0679\u06cc\u06a9\u0633\u0679 \u0639\u0646\u0648\u0627\u0646 \u06cc\u0627 \u0645\u0635\u0646\u0641 \u0645\u06cc\u06ba \u0645\u0648\u062c\u0648\u062f \u06c1\u06d2 \u062a\u0648 \u06a9\u0627\u0631\u0688 \u06a9\u0648 \u062f\u06a9\u06be\u0627\u0626\u06cc\u06ba\n if (title.includes(input) || author.includes(input)) {\n card.style.display = 'flex'; \/\/ \u06a9\u0627\u0631\u0688 \u062f\u06a9\u06be\u0627\u0626\u06cc\u06ba\n resultsFound = true;\n } else {\n card.style.display = 'none'; \/\/ \u06a9\u0627\u0631\u0688 \u0686\u06be\u067e\u0627\u0626\u06cc\u06ba\n }\n });\n\n \/\/ \u0627\u06af\u0631 \u06a9\u0648\u0626\u06cc \u0646\u062a\u06cc\u062c\u06c1 \u0646\u06c1\u06cc\u06ba \u0645\u0644\u0627 \u0627\u0648\u0631 \u0633\u0631\u0686 \u0628\u0627\u0631 \u062e\u0627\u0644\u06cc \u0646\u06c1\u06cc\u06ba \u06c1\u06d2 \u062a\u0648 \u067e\u06cc\u063a\u0627\u0645 \u062f\u06a9\u06be\u0627\u0626\u06cc\u06ba\n if (!resultsFound && input.length > 0) {\n noResultsMessage.style.display = 'block';\n } else {\n noResultsMessage.style.display = 'none';\n }\n }\n <\/script>\n <\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0648\u0644\u0627\u0646\u0627 \u0645\u0648\u062f\u0648\u062f\u06cc \u06a9\u06cc \u062a\u0635\u0627\u0646\u06cc\u0641 \u0645\u0648\u0644\u0627\u0646\u0627 \u06a9\u06cc \u062a\u0635\u0627\u0646\u06cc\u0641 \u062a\u0644\u0627\u0634 \u06a9\u0631\u06cc\u06ba \u274c \u0645\u0639\u0627\u0641 \u06a9\u06cc\u062c\u06cc\u06d2! \u0622\u067e \u06a9\u06cc \u062a\u0644\u0627\u0634 \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u06a9\u0648\u0626\u06cc \u06a9\u062a\u0627\u0628 \u0646\u06c1\u06cc\u06ba \u0645\u0644\u06cc\u06d4 \u062f\u06cc\u0646\u06cc\u0627\u062a \u0627\u0632: \u0633\u06cc\u062f \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc \u0645\u0648\u062f\u0648\u062f\u06cc \u062a\u0641\u06c1\u06cc\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u062c\u0644\u062f \u0627\u0648\u0644” \u0645\u0648\u0644\u0627\u0646\u0627 \u0633\u06cc\u062f \u0627\u0628\u0648 \u0627\u0644\u0627\u0639\u0644\u06cc\u0670 \u0645\u0648\u062f\u0648\u062f\u06cc\u0612 \u06a9\u06cc \u0634\u06c1\u0631\u06c1\u0654 \u0622\u0641\u0627\u0642 \u062a\u0641\u0633\u06cc\u0631 \u06a9\u0627 \u0627\u0628\u062a\u062f\u0627\u0626\u06cc \u062d\u0635\u06c1 \u06c1\u06d2\u060c \u062c\u0633 \u0645\u06cc\u06ba \u0633\u0648\u0631\u06c3 \u0627\u0644\u0641\u0627\u062a\u062d\u06c1 \u0633\u06d2 \u0633\u0648\u0631\u06c3 \u0627\u0644\u0646\u0633\u0627\u0621 \u062a\u06a9 \u06a9\u06cc \u06af\u06c1\u0631\u06cc\u060c \u062c\u0627\u0645\u0639 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"redux-templates_full_width","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-3167","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/pages\/3167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/comments?post=3167"}],"version-history":[{"count":11,"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/pages\/3167\/revisions"}],"predecessor-version":[{"id":4437,"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/pages\/3167\/revisions\/4437"}],"wp:attachment":[{"href":"https:\/\/mawdudiencyc.com\/blog\/wp-json\/wp\/v2\/media?parent=3167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}