NIPA \u00b7 Latest Documents<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #f4f7fb;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n padding: 2rem 1.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n }\n\n .card {\n max-width: 1300px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 1.8rem;\n transition: all 0.2s ease;\n }\n\n .table-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem 0.5rem;\n margin-bottom: 1.8rem;\n }\n\n .table-header h1 {\n font-size: 1.7rem;\n font-weight: 600;\n letter-spacing: -0.3px;\n color: #0b2b1e;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .table-header h1 i {\n color: #026F3D;\n font-size: 1.9rem;\n }\n\n .header-actions {\n display: flex;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .badge-count {\n background: #e9f0ec;\n color: #026F3D;\n font-weight: 600;\n font-size: 0.9rem;\n padding: 0.3rem 1rem;\n border-radius: 40px;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n white-space: nowrap;\n }\n\n .badge-count i {\n font-size: 0.9rem;\n }\n\n \/* search bar *\/\n .search-wrapper {\n display: flex;\n align-items: center;\n background: #f0f5f2;\n border-radius: 60px;\n padding: 0.2rem 0.2rem 0.2rem 1.2rem;\n border: 1px solid transparent;\n transition: 0.2s;\n min-width: 200px;\n }\n\n .search-wrapper:focus-within {\n border-color: #026F3D;\n background: white;\n box-shadow: 0 4px 12px rgba(2, 111, 61, 0.08);\n }\n\n .search-wrapper i {\n color: #3b5e4b;\n font-size: 0.9rem;\n opacity: 0.7;\n }\n\n .search-wrapper input {\n border: none;\n background: transparent;\n padding: 0.6rem 0.6rem 0.6rem 0.5rem;\n font-size: 0.9rem;\n font-weight: 450;\n color: #13261d;\n width: 160px;\n outline: none;\n font-family: inherit;\n }\n\n .search-wrapper input::placeholder {\n color: #8a9f93;\n font-weight: 400;\n }\n\n .search-wrapper .clear-btn {\n background: transparent;\n border: none;\n color: #5b7a69;\n padding: 0.3rem 0.8rem;\n cursor: pointer;\n font-size: 0.9rem;\n border-radius: 40px;\n transition: 0.15s;\n display: none;\n }\n\n .search-wrapper .clear-btn.visible {\n display: block;\n }\n\n .search-wrapper .clear-btn:hover {\n color: #026F3D;\n background: #e0ebe4;\n }\n\n \/* table *\/\n .table-responsive {\n overflow-x: auto;\n border-radius: 18px;\n background: white;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.95rem;\n min-width: 500px;\n }\n\n thead {\n background: #026F3D;\n color: white;\n }\n\n thead th {\n padding: 1rem 1.2rem;\n font-weight: 600;\n font-size: 0.9rem;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n text-align: left;\n border: none;\n white-space: nowrap;\n }\n\n thead th:first-child {\n border-radius: 14px 0 0 0;\n }\n thead th:last-child {\n border-radius: 0 14px 0 0;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef3f0;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #f8fbfa;\n }\n\n tbody td {\n padding: 1rem 1.2rem;\n vertical-align: middle;\n border: none;\n color: #1a2e25;\n }\n\n .doc-name {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n }\n\n .doc-name i {\n color: #026F3D;\n font-size: 1.2rem;\n width: 1.6rem;\n text-align: center;\n }\n\n \/* ============================================\n DOWNLOAD BUTTON \u2014 ANIMATED\n ============================================ *\/\n .download-link {\n background: #eaf5ef;\n color: #026F3D;\n text-decoration: none;\n font-weight: 600;\n padding: 0.4rem 1.2rem;\n border-radius: 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 0.85rem;\n border: 2px solid transparent;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;\n cursor: pointer;\n }\n\n .download-link i {\n font-size: 0.9rem;\n transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n \/* Hover *\/\n .download-link:hover {\n background: rgba(2, 111, 61, 0.08);\n color: #026F3D;\n border-color: rgb(245, 121, 68);\n box-shadow: 0 4px 16px rgba(245, 121, 68, 0.25);\n transform: translateY(-2px) scale(1.02);\n }\n\n .download-link:hover i {\n transform: translateY(-2px) rotate(-8deg) scale(1.15);\n }\n\n \/* Click feedback *\/\n .download-link:active {\n transform: scale(0.94) translateY(0px);\n background: rgba(2, 111, 61, 0.15);\n box-shadow: 0 2px 8px rgba(245, 121, 68, 0.15);\n }\n\n .download-link:active i {\n transform: translateY(2px) scale(0.9);\n }\n\n \/* Ripple *\/\n .download-link::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(245, 121, 68, 0.15);\n transform: translate(-50%, -50%);\n transition: width 0.5s ease, height 0.5s ease, opacity 0.5s ease;\n opacity: 0;\n pointer-events: none;\n }\n\n .download-link:hover::after {\n width: 200px;\n height: 200px;\n opacity: 0.3;\n }\n\n .download-link:active::after {\n width: 250px;\n height: 250px;\n opacity: 0.5;\n transition-duration: 0.1s;\n }\n\n .date-badge {\n background: #f0f4f2;\n padding: 0.25rem 0.9rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1f3b2e;\n display: inline-block;\n white-space: nowrap;\n }\n\n .date-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n color: #026F3D;\n }\n\n .no-results {\n text-align: center;\n padding: 2.5rem 1rem;\n color: #3f5a4b;\n font-weight: 450;\n background: #fafdfb;\n border-radius: 20px;\n margin: 0.5rem 0;\n }\n\n .no-results.hidden {\n display: none;\n }\n\n .table-responsive::-webkit-scrollbar {\n height: 6px;\n }\n .table-responsive::-webkit-scrollbar-track {\n background: #eaf0ec;\n border-radius: 10px;\n }\n .table-responsive::-webkit-scrollbar-thumb {\n background: #026F3D;\n border-radius: 10px;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1rem;\n }\n table {\n font-size: 0.9rem;\n min-width: 400px;\n }\n thead th,\n tbody td {\n padding: 0.8rem 0.8rem;\n }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 0.8rem;\n }\n .table-header {\n flex-direction: column;\n align-items: stretch;\n gap: 0.8rem;\n }\n .header-actions {\n flex-direction: column;\n align-items: stretch;\n gap: 0.6rem;\n width: 100%;\n }\n .search-wrapper {\n width: 100%;\n min-width: unset;\n }\n .search-wrapper input {\n width: 100%;\n flex: 1;\n }\n .badge-count {\n align-self: flex-start;\n }\n }\n\n @media (max-width: 600px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.5rem;\n border-radius: 20px;\n }\n .table-header h1 {\n font-size: 1.3rem;\n }\n\n table,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n }\n\n thead {\n display: none;\n }\n\n tbody tr {\n display: block;\n margin-bottom: 1.2rem;\n border: 1px solid #e3ebe7;\n border-radius: 18px;\n padding: 0.6rem 0.2rem 0.4rem;\n background: white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n }\n\n tbody tr:hover {\n background: white;\n }\n\n tbody td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.4rem 0.7rem;\n border: none;\n border-bottom: 1px solid #ecf3ef;\n background: transparent;\n flex-wrap: wrap;\n gap: 0.3rem 0.4rem;\n }\n\n tbody td:last-child {\n border-bottom: none;\n }\n\n tbody td::before {\n content: attr(data-label);\n font-weight: 600;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #026F3D;\n background: #edf5f0;\n padding: 0.1rem 0.7rem;\n border-radius: 30px;\n display: inline-block;\n width: auto;\n flex-shrink: 0;\n }\n\n .doc-name {\n font-weight: 500;\n gap: 6px;\n flex: 1 1 auto;\n min-width: 120px;\n }\n\n .doc-name i {\n font-size: 1rem;\n width: 1.4rem;\n }\n\n .download-link {\n padding: 0.2rem 0.9rem;\n font-size: 0.75rem;\n border-width: 2px;\n }\n\n .date-badge {\n font-size: 0.7rem;\n padding: 0.15rem 0.6rem;\n }\n\n tbody td .doc-name,\n tbody td .download-link,\n tbody td .date-badge {\n margin-left: auto;\n }\n\n tbody td:first-child .doc-name {\n margin-left: 0;\n flex: 1;\n }\n\n .table-responsive {\n border-radius: 14px;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.3rem;\n }\n tbody td {\n padding: 0.3rem 0.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.2rem;\n }\n tbody td::before {\n margin-bottom: 0.1rem;\n }\n .doc-name,\n .download-link,\n .date-badge {\n margin-left: 0 !important;\n width: 100%;\n justify-content: flex-start;\n }\n .download-link {\n justify-content: center;\n }\n .table-header h1 {\n font-size: 1.1rem;\n }\n .badge-count {\n font-size: 0.7rem;\n padding: 0.15rem 0.7rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"table-header\">\n <h1>\n <i class=\"fas fa-file-pdf\"><\/i>\n Latest Documents\n <\/h1>\n <div class=\"header-actions\">\n <span class=\"badge-count\">\n <i class=\"fas fa-cloud-download-alt\"><\/i>\n <span id=\"docCount\">0<\/span> documents\n <\/span>\n <div class=\"search-wrapper\" id=\"searchWrapper\">\n <i class=\"fas fa-search\"><\/i>\n <input type=\"text\" id=\"searchInput\" placeholder=\"Search documents...\" aria-label=\"Search documents\">\n <button class=\"clear-btn\" id=\"clearSearchBtn\" aria-label=\"Clear search\"><i class=\"fas fa-times-circle\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table>\n <thead>\n <tr>\n <th><i class=\"fas fa-file-alt\" style=\"margin-right: 8px;\"><\/i>Document<\/th>\n <th>Download<\/th>\n <th><i class=\"far fa-calendar-alt\" style=\"margin-right: 6px;\"><\/i>Date Uploaded<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"documentTable\">\n <tr data-upload-date=\"2026-07-16\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Final-Edit-Academic Calendar-2026-2027.<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/Final-Edit-Academic-Calendar-2026-2027.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2026-07-16<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2026-06-15\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>NIPA Revised Deferred Timetable Final_Session<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/06\/NIPA_Revised_Deferred_Timetable_Final_Session.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2026-06-15<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2025-06-10\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>NIPA News Vol 2 _ Oct to Dec 2024<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2025\/06\/NIPA-News-Vol-2-_-Oct-to-Dec-2024-1.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2025-06-10<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2025-05-20\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Memo For Students<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2025\/05\/MEMO-FOR-STUDENTS.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2025-05-20<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2025-03-31\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Ad-Solar<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2025\/03\/Ad-Solar-_-Monday-31-March-2025.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2025-03-31<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2025-03-15\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>MEMO-GRADUATION DATE - 2025<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2025\/03\/MEMO-GRADUATION-DATE-2025.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2025-03-15<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2025-03-01\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>EXTERNAL ADVERTISEMENT FOR DIRECTORS<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2025\/03\/EXTERNAL-ADVERTISEMENT-FOR-DIRECTORS.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2025-03-01<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2025-01-15\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Revised Fees For 2025<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2025\/01\/REVISED-FEES-FOR-2025-1.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2025-01-15<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2024-11-01\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Graduation List 2024-2 Final<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2024\/11\/Graduation-List-2024-2-Final-List-1.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2024-11-01<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2024-10-15\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>26TH GRADUATION CEREMONY OF 2024 - ZAF (Revised)<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2024\/10\/26TH-GRADUATION-CEREMONY-OF-2024-ZAF-revised.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2024-10-15<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2024-10-01\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Fee Schedules 2023-4<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2024\/10\/Fee_Schedules_2023-4.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2024-10-01<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2024-10-05\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Graduation Advert<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2024\/10\/GRADUATION-ADVERT.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2024-10-05<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div id=\"noResults\" class=\"no-results hidden\">\n <i class=\"fas fa-file-search\"><\/i>\n No documents match your search.\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ ----- Get document elements from the table ONLY -----\n function getDocumentElements() {\n const elements = [];\n const rows = document.querySelectorAll('#documentTable tr');\n rows.forEach(row => {\n const nameCell = row.querySelector('td:first-child .doc-name');\n if (nameCell) {\n elements.push({\n element: row,\n text: nameCell.textContent.toLowerCase()\n });\n }\n });\n return elements;\n }\n\n \/\/ ----- Update document count -----\n const countEl = document.getElementById('docCount');\n \n function updateCount() {\n const docs = getDocumentElements();\n const total = docs.length;\n if (countEl) countEl.textContent = total;\n console.log(`\ud83d\udcc4 Found ${total} documents in the table`);\n return docs;\n }\n\n \/\/ ----- Search functionality -----\n const searchInput = document.getElementById('searchInput');\n const clearBtn = document.getElementById('clearSearchBtn');\n const noResults = document.getElementById('noResults');\n const tableRows = document.querySelectorAll('#documentTable tr');\n\n function filterRows(query) {\n const lowerQuery = query.toLowerCase().trim();\n let visibleCount = 0;\n\n tableRows.forEach(row => {\n const nameCell = row.querySelector('td:first-child .doc-name');\n if (!nameCell) return;\n const text = nameCell.textContent.toLowerCase();\n\n if (lowerQuery === '' || text.includes(lowerQuery)) {\n row.style.display = '';\n visibleCount++;\n } else {\n row.style.display = 'none';\n }\n });\n\n \/\/ Update count\n if (countEl) countEl.textContent = visibleCount;\n\n \/\/ Show\/hide no results\n if (visibleCount === 0 && lowerQuery !== '') {\n noResults.classList.remove('hidden');\n } else {\n noResults.classList.add('hidden');\n }\n\n \/\/ Show\/hide clear button\n if (lowerQuery.length > 0) {\n clearBtn.classList.add('visible');\n } else {\n clearBtn.classList.remove('visible');\n }\n }\n\n \/\/ ----- Initial count on page load -----\n const initialDocs = updateCount();\n\n \/\/ ----- Event listeners -----\n searchInput.addEventListener('input', function() {\n filterRows(this.value);\n });\n\n clearBtn.addEventListener('click', function() {\n searchInput.value = '';\n filterRows('');\n searchInput.focus();\n });\n\n searchInput.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n this.value = '';\n filterRows('');\n this.blur();\n }\n });\n\n console.log('\ud83d\udcc4 NIPA \u00b7 document library with accurate count');\n })();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4318c3a e-flex e-con-boxed e-con e-parent\" data-id=\"4318c3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ca5982 elementor-widget elementor-widget-html\" data-id=\"9ca5982\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Distance Learning Time Tables (2026 - Semester 2)<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #f4f7fb;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n padding: 2rem 1.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n }\n\n .card {\n max-width: 1300px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 1.8rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE *\/\n .main-title {\n text-align: center;\n font-size: 2.8rem;\n font-weight: 800;\n letter-spacing: 1px;\n color: #026F3D;\n margin-bottom: 0.3rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.2;\n }\n\n .main-title i {\n color: #f57944;\n margin-right: 12px;\n font-size: 2.6rem;\n }\n\n .sub-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem 0.5rem;\n margin-top: 0.5rem;\n margin-bottom: 1.8rem;\n }\n\n .sub-header h2 {\n font-size: 1.1rem;\n font-weight: 500;\n color: #1f3b2e;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sub-header h2 i {\n color: #026F3D;\n font-size: 1.2rem;\n }\n\n .table-responsive {\n overflow-x: auto;\n border-radius: 18px;\n background: white;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.95rem;\n min-width: 500px;\n }\n\n thead {\n background: #026F3D;\n color: white;\n }\n\n thead th {\n padding: 1rem 1.2rem;\n font-weight: 600;\n font-size: 0.9rem;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n text-align: left;\n border: none;\n white-space: nowrap;\n }\n\n thead th:first-child {\n border-radius: 14px 0 0 0;\n }\n thead th:last-child {\n border-radius: 0 14px 0 0;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef3f0;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #f8fbfa;\n }\n\n tbody td {\n padding: 1rem 1.2rem;\n vertical-align: middle;\n border: none;\n color: #1a2e25;\n }\n\n .doc-name {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n }\n\n .doc-name i {\n color: #026F3D;\n font-size: 1.2rem;\n width: 1.6rem;\n text-align: center;\n }\n\n .download-link {\n background: #eaf5ef;\n color: #026F3D;\n text-decoration: none;\n font-weight: 600;\n padding: 0.4rem 1.2rem;\n border-radius: 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 0.85rem;\n border: 2px solid transparent;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;\n cursor: pointer;\n }\n\n .download-link i {\n font-size: 0.9rem;\n transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n .download-link:hover {\n background: rgba(2, 111, 61, 0.08);\n color: #026F3D;\n border-color: rgb(245, 121, 68);\n box-shadow: 0 4px 16px rgba(245, 121, 68, 0.25);\n transform: translateY(-2px) scale(1.02);\n }\n\n .download-link:hover i {\n transform: translateY(-2px) rotate(-8deg) scale(1.15);\n }\n\n .download-link:active {\n transform: scale(0.94) translateY(0px);\n background: rgba(2, 111, 61, 0.15);\n box-shadow: 0 2px 8px rgba(245, 121, 68, 0.15);\n }\n\n .download-link:active i {\n transform: translateY(2px) scale(0.9);\n }\n\n .download-link::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(245, 121, 68, 0.15);\n transform: translate(-50%, -50%);\n transition: width 0.5s ease, height 0.5s ease, opacity 0.5s ease;\n opacity: 0;\n pointer-events: none;\n }\n\n .download-link:hover::after {\n width: 200px;\n height: 200px;\n opacity: 0.3;\n }\n\n .download-link:active::after {\n width: 250px;\n height: 250px;\n opacity: 0.5;\n transition-duration: 0.1s;\n }\n\n .date-badge {\n background: #f0f4f2;\n padding: 0.25rem 0.9rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1f3b2e;\n display: inline-block;\n white-space: nowrap;\n }\n\n .date-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n color: #026F3D;\n }\n\n .table-responsive::-webkit-scrollbar {\n height: 6px;\n }\n .table-responsive::-webkit-scrollbar-track {\n background: #eaf0ec;\n border-radius: 10px;\n }\n .table-responsive::-webkit-scrollbar-thumb {\n background: #026F3D;\n border-radius: 10px;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1rem;\n }\n table {\n font-size: 0.9rem;\n min-width: 400px;\n }\n thead th,\n tbody td {\n padding: 0.8rem 0.8rem;\n }\n .main-title {\n font-size: 2rem;\n }\n .main-title i {\n font-size: 1.8rem;\n }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 0.8rem;\n }\n .sub-header {\n flex-direction: column;\n align-items: stretch;\n gap: 0.8rem;\n }\n .sub-header h2 {\n font-size: 1rem;\n }\n .main-title {\n font-size: 1.6rem;\n }\n .main-title i {\n font-size: 1.4rem;\n margin-right: 8px;\n }\n }\n\n @media (max-width: 600px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.5rem;\n border-radius: 20px;\n }\n\n table,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n }\n\n thead {\n display: none;\n }\n\n tbody tr {\n display: block;\n margin-bottom: 1.2rem;\n border: 1px solid #e3ebe7;\n border-radius: 18px;\n padding: 0.6rem 0.2rem 0.4rem;\n background: white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n }\n\n tbody tr:hover {\n background: white;\n }\n\n tbody td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.4rem 0.7rem;\n border: none;\n border-bottom: 1px solid #ecf3ef;\n background: transparent;\n flex-wrap: wrap;\n gap: 0.3rem 0.4rem;\n }\n\n tbody td:last-child {\n border-bottom: none;\n }\n\n tbody td::before {\n content: attr(data-label);\n font-weight: 600;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #026F3D;\n background: #edf5f0;\n padding: 0.1rem 0.7rem;\n border-radius: 30px;\n display: inline-block;\n width: auto;\n flex-shrink: 0;\n }\n\n .doc-name {\n font-weight: 500;\n gap: 6px;\n flex: 1 1 auto;\n min-width: 120px;\n }\n\n .doc-name i {\n font-size: 1rem;\n width: 1.4rem;\n }\n\n .download-link {\n padding: 0.2rem 0.9rem;\n font-size: 0.75rem;\n border-width: 2px;\n }\n\n .date-badge {\n font-size: 0.7rem;\n padding: 0.15rem 0.6rem;\n }\n\n tbody td .doc-name,\n tbody td .download-link,\n tbody td .date-badge {\n margin-left: auto;\n }\n\n tbody td:first-child .doc-name {\n margin-left: 0;\n flex: 1;\n }\n\n .table-responsive {\n border-radius: 14px;\n }\n\n .main-title {\n font-size: 1.3rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 1.2rem;\n margin-right: 6px;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.3rem;\n }\n tbody td {\n padding: 0.3rem 0.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.2rem;\n }\n tbody td::before {\n margin-bottom: 0.1rem;\n }\n .doc-name,\n .download-link,\n .date-badge {\n margin-left: 0 !important;\n width: 100%;\n justify-content: flex-start;\n }\n .download-link {\n justify-content: center;\n }\n .main-title {\n font-size: 1.1rem;\n letter-spacing: 0.5px;\n }\n .main-title i {\n font-size: 1rem;\n }\n .sub-header h2 {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n \n <div class=\"main-title\">\n <i class=\"fas fa-graduation-cap\"><\/i> Distance Learning Time Tables <span style=\"font-weight: 300; color: #f57944;\">\u2014<\/span> Semester 2, 2026\n <\/div>\n\n \n <div class=\"sub-header\">\n <h2>\n <i class=\"fas fa-calendar-alt\"><\/i>\n Download your timetable below\n <\/h2>\n <span style=\"font-size: 0.85rem; color: #4a6b5a; background: #ecf3ef; padding: 0.3rem 1rem; border-radius: 30px;\">\n <i class=\"fas fa-clock\" style=\"margin-right: 6px; color: #026F3D;\"><\/i> Updated regularly\n <\/span>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table>\n <thead>\n <tr>\n <th><i class=\"fas fa-file-alt\" style=\"margin-right: 8px;\"><\/i>Time Table<\/th>\n <th>Download<\/th>\n <th><i class=\"far fa-calendar-alt\" style=\"margin-right: 6px;\"><\/i>Date Posted<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"documentTable\">\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>13.07.26 BSD TIME-TABLE<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/13.07.26-BSD-TIME-TABLE-PDF.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>16-7-26 DISTANCE-BDSS<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/16-7-26-DISTANCE-BDSS-timetable-Formated-PDF.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>14-7-26 LLB DISTANCE Legal-timetable<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/14-7-26LLBDISTANCE-Legal-timetable-PDF.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>15-7-26 DISTANCE CERTIFICATE TIMETABLE<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/15-7-26-DISTANCE-CERTIFICATE-TIMETABLE-JAN-26-PDF.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>ZAF CAL 2026 RESIDENTIAL SCHOOL<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/ZAF-CAL-2026-RESIDENTIAL-SCHOOL_Phoenix-1.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>13-07-26 Diploma- DISTANCE-JULY 2026-timetables<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/13-07-26-Diploma-DISTANCE-JULY-2026-timetables-PDF.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n\n\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>15-7-26 MSD.DISTANCE LEARNING -2026-MSD-Timetables PDF<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/15-7-26-MSD.DISTANCE-LEARNING-2026-MSD-Timetables-PDF.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n\n\n <\/tbody>\n <\/table>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ ----- Insert current date -----\n function getCurrentDate() {\n const date = new Date();\n const year = date.getFullYear();\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const day = String(date.getDate()).padStart(2, '0');\n return `${year}-${month}-${day}`;\n }\n\n const currentDate = getCurrentDate();\n document.querySelectorAll('.date-value').forEach(el => {\n el.textContent = currentDate;\n });\n\n \/\/ ----- Hidden count functionality -----\n const totalRows = document.querySelectorAll('#documentTable tr').length;\n console.log(`\ud83d\udcc4 Distance Learning Time Tables \u2014 ${totalRows} time tables loaded`);\n \n document.querySelector('.card').dataset.totalDocuments = totalRows;\n window.documentCount = totalRows;\n\n console.log('\ud83d\udcc4 Distance Learning Time Tables \u2014 ready');\n })();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NIPA \u00b7 Latest Documents Latest Documents 0 documents Document Download Date Uploaded Final-Edit-Academic Calendar-2026-2027. Download 2026-07-16 NIPA Revised Deferred Timetable Final_Session Download 2026-06-15 NIPA News Vol 2 _ Oct to Dec 2024 Download 2025-06-10 Memo For Students Download 2025-05-20 Ad-Solar Download 2025-03-31 MEMO-GRADUATION DATE – 2025 Download 2025-03-15 EXTERNAL ADVERTISEMENT FOR DIRECTORS Download 2025-03-01 Revised […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-53127","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"tharrison","author_link":"https:\/\/www.nipa.ac.zm\/index.php\/author\/tharrison\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"NIPA \u00b7 Latest Documents Latest Documents 0 documents Document Download Date Uploaded Final-Edit-Academic Calendar-2026-2027. Download 2026-07-16 NIPA Revised Deferred Timetable Final_Session Download 2026-06-15 NIPA News Vol 2 _ Oct to Dec 2024 Download 2025-06-10 Memo For Students Download 2025-05-20 Ad-Solar Download 2025-03-31 MEMO-GRADUATION DATE – 2025 Download 2025-03-15 EXTERNAL ADVERTISEMENT FOR DIRECTORS Download 2025-03-01 Revised…","_links":{"self":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/53127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/comments?post=53127"}],"version-history":[{"count":320,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/53127\/revisions"}],"predecessor-version":[{"id":55526,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/53127\/revisions\/55526"}],"wp:attachment":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/media?parent=53127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n NIPA \u00b7 Latest Documents<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #f4f7fb;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n padding: 2rem 1.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n }\n\n .card {\n max-width: 1300px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 1.8rem;\n transition: all 0.2s ease;\n }\n\n .table-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem 0.5rem;\n margin-bottom: 1.8rem;\n }\n\n .table-header h1 {\n font-size: 1.7rem;\n font-weight: 600;\n letter-spacing: -0.3px;\n color: #0b2b1e;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .table-header h1 i {\n color: #026F3D;\n font-size: 1.9rem;\n }\n\n .header-actions {\n display: flex;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .badge-count {\n background: #e9f0ec;\n color: #026F3D;\n font-weight: 600;\n font-size: 0.9rem;\n padding: 0.3rem 1rem;\n border-radius: 40px;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n white-space: nowrap;\n }\n\n .badge-count i {\n font-size: 0.9rem;\n }\n\n \/* search bar *\/\n .search-wrapper {\n display: flex;\n align-items: center;\n background: #f0f5f2;\n border-radius: 60px;\n padding: 0.2rem 0.2rem 0.2rem 1.2rem;\n border: 1px solid transparent;\n transition: 0.2s;\n min-width: 200px;\n }\n\n .search-wrapper:focus-within {\n border-color: #026F3D;\n background: white;\n box-shadow: 0 4px 12px rgba(2, 111, 61, 0.08);\n }\n\n .search-wrapper i {\n color: #3b5e4b;\n font-size: 0.9rem;\n opacity: 0.7;\n }\n\n .search-wrapper input {\n border: none;\n background: transparent;\n padding: 0.6rem 0.6rem 0.6rem 0.5rem;\n font-size: 0.9rem;\n font-weight: 450;\n color: #13261d;\n width: 160px;\n outline: none;\n font-family: inherit;\n }\n\n .search-wrapper input::placeholder {\n color: #8a9f93;\n font-weight: 400;\n }\n\n .search-wrapper .clear-btn {\n background: transparent;\n border: none;\n color: #5b7a69;\n padding: 0.3rem 0.8rem;\n cursor: pointer;\n font-size: 0.9rem;\n border-radius: 40px;\n transition: 0.15s;\n display: none;\n }\n\n .search-wrapper .clear-btn.visible {\n display: block;\n }\n\n .search-wrapper .clear-btn:hover {\n color: #026F3D;\n background: #e0ebe4;\n }\n\n \/* table *\/\n .table-responsive {\n overflow-x: auto;\n border-radius: 18px;\n background: white;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.95rem;\n min-width: 500px;\n }\n\n thead {\n background: #026F3D;\n color: white;\n }\n\n thead th {\n padding: 1rem 1.2rem;\n font-weight: 600;\n font-size: 0.9rem;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n text-align: left;\n border: none;\n white-space: nowrap;\n }\n\n thead th:first-child {\n border-radius: 14px 0 0 0;\n }\n thead th:last-child {\n border-radius: 0 14px 0 0;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef3f0;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #f8fbfa;\n }\n\n tbody td {\n padding: 1rem 1.2rem;\n vertical-align: middle;\n border: none;\n color: #1a2e25;\n }\n\n .doc-name {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n }\n\n .doc-name i {\n color: #026F3D;\n font-size: 1.2rem;\n width: 1.6rem;\n text-align: center;\n }\n\n \/* ============================================\n DOWNLOAD BUTTON \u2014 ANIMATED\n ============================================ *\/\n .download-link {\n background: #eaf5ef;\n color: #026F3D;\n text-decoration: none;\n font-weight: 600;\n padding: 0.4rem 1.2rem;\n border-radius: 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 0.85rem;\n border: 2px solid transparent;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;\n cursor: pointer;\n }\n\n .download-link i {\n font-size: 0.9rem;\n transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n \/* Hover *\/\n .download-link:hover {\n background: rgba(2, 111, 61, 0.08);\n color: #026F3D;\n border-color: rgb(245, 121, 68);\n box-shadow: 0 4px 16px rgba(245, 121, 68, 0.25);\n transform: translateY(-2px) scale(1.02);\n }\n\n .download-link:hover i {\n transform: translateY(-2px) rotate(-8deg) scale(1.15);\n }\n\n \/* Click feedback *\/\n .download-link:active {\n transform: scale(0.94) translateY(0px);\n background: rgba(2, 111, 61, 0.15);\n box-shadow: 0 2px 8px rgba(245, 121, 68, 0.15);\n }\n\n .download-link:active i {\n transform: translateY(2px) scale(0.9);\n }\n\n \/* Ripple *\/\n .download-link::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(245, 121, 68, 0.15);\n transform: translate(-50%, -50%);\n transition: width 0.5s ease, height 0.5s ease, opacity 0.5s ease;\n opacity: 0;\n pointer-events: none;\n }\n\n .download-link:hover::after {\n width: 200px;\n height: 200px;\n opacity: 0.3;\n }\n\n .download-link:active::after {\n width: 250px;\n height: 250px;\n opacity: 0.5;\n transition-duration: 0.1s;\n }\n\n .date-badge {\n background: #f0f4f2;\n padding: 0.25rem 0.9rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1f3b2e;\n display: inline-block;\n white-space: nowrap;\n }\n\n .date-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n color: #026F3D;\n }\n\n .no-results {\n text-align: center;\n padding: 2.5rem 1rem;\n color: #3f5a4b;\n font-weight: 450;\n background: #fafdfb;\n border-radius: 20px;\n margin: 0.5rem 0;\n }\n\n .no-results.hidden {\n display: none;\n }\n\n .table-responsive::-webkit-scrollbar {\n height: 6px;\n }\n .table-responsive::-webkit-scrollbar-track {\n background: #eaf0ec;\n border-radius: 10px;\n }\n .table-responsive::-webkit-scrollbar-thumb {\n background: #026F3D;\n border-radius: 10px;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1rem;\n }\n table {\n font-size: 0.9rem;\n min-width: 400px;\n }\n thead th,\n tbody td {\n padding: 0.8rem 0.8rem;\n }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 0.8rem;\n }\n .table-header {\n flex-direction: column;\n align-items: stretch;\n gap: 0.8rem;\n }\n .header-actions {\n flex-direction: column;\n align-items: stretch;\n gap: 0.6rem;\n width: 100%;\n }\n .search-wrapper {\n width: 100%;\n min-width: unset;\n }\n .search-wrapper input {\n width: 100%;\n flex: 1;\n }\n .badge-count {\n align-self: flex-start;\n }\n }\n\n @media (max-width: 600px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.5rem;\n border-radius: 20px;\n }\n .table-header h1 {\n font-size: 1.3rem;\n }\n\n table,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n }\n\n thead {\n display: none;\n }\n\n tbody tr {\n display: block;\n margin-bottom: 1.2rem;\n border: 1px solid #e3ebe7;\n border-radius: 18px;\n padding: 0.6rem 0.2rem 0.4rem;\n background: white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n }\n\n tbody tr:hover {\n background: white;\n }\n\n tbody td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.4rem 0.7rem;\n border: none;\n border-bottom: 1px solid #ecf3ef;\n background: transparent;\n flex-wrap: wrap;\n gap: 0.3rem 0.4rem;\n }\n\n tbody td:last-child {\n border-bottom: none;\n }\n\n tbody td::before {\n content: attr(data-label);\n font-weight: 600;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #026F3D;\n background: #edf5f0;\n padding: 0.1rem 0.7rem;\n border-radius: 30px;\n display: inline-block;\n width: auto;\n flex-shrink: 0;\n }\n\n .doc-name {\n font-weight: 500;\n gap: 6px;\n flex: 1 1 auto;\n min-width: 120px;\n }\n\n .doc-name i {\n font-size: 1rem;\n width: 1.4rem;\n }\n\n .download-link {\n padding: 0.2rem 0.9rem;\n font-size: 0.75rem;\n border-width: 2px;\n }\n\n .date-badge {\n font-size: 0.7rem;\n padding: 0.15rem 0.6rem;\n }\n\n tbody td .doc-name,\n tbody td .download-link,\n tbody td .date-badge {\n margin-left: auto;\n }\n\n tbody td:first-child .doc-name {\n margin-left: 0;\n flex: 1;\n }\n\n .table-responsive {\n border-radius: 14px;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.3rem;\n }\n tbody td {\n padding: 0.3rem 0.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.2rem;\n }\n tbody td::before {\n margin-bottom: 0.1rem;\n }\n .doc-name,\n .download-link,\n .date-badge {\n margin-left: 0 !important;\n width: 100%;\n justify-content: flex-start;\n }\n .download-link {\n justify-content: center;\n }\n .table-header h1 {\n font-size: 1.1rem;\n }\n .badge-count {\n font-size: 0.7rem;\n padding: 0.15rem 0.7rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"table-header\">\n <h1>\n <i class=\"fas fa-file-pdf\"><\/i>\n Latest Documents\n <\/h1>\n <div class=\"header-actions\">\n <span class=\"badge-count\">\n <i class=\"fas fa-cloud-download-alt\"><\/i>\n <span id=\"docCount\">0<\/span> documents\n <\/span>\n <div class=\"search-wrapper\" id=\"searchWrapper\">\n <i class=\"fas fa-search\"><\/i>\n <input type=\"text\" id=\"searchInput\" placeholder=\"Search documents...\" aria-label=\"Search documents\">\n <button class=\"clear-btn\" id=\"clearSearchBtn\" aria-label=\"Clear search\"><i class=\"fas fa-times-circle\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table>\n <thead>\n <tr>\n <th><i class=\"fas fa-file-alt\" style=\"margin-right: 8px;\"><\/i>Document<\/th>\n <th>Download<\/th>\n <th><i class=\"far fa-calendar-alt\" style=\"margin-right: 6px;\"><\/i>Date Uploaded<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"documentTable\">\n <tr data-upload-date=\"2026-07-16\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Final-Edit-Academic Calendar-2026-2027.<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/Final-Edit-Academic-Calendar-2026-2027.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2026-07-16<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2026-06-15\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>NIPA Revised Deferred Timetable Final_Session<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/06\/NIPA_Revised_Deferred_Timetable_Final_Session.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2026-06-15<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2025-06-10\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>NIPA News Vol 2 _ Oct to Dec 2024<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2025\/06\/NIPA-News-Vol-2-_-Oct-to-Dec-2024-1.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2025-06-10<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2025-05-20\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Memo For Students<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2025\/05\/MEMO-FOR-STUDENTS.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2025-05-20<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2025-03-31\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Ad-Solar<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2025\/03\/Ad-Solar-_-Monday-31-March-2025.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2025-03-31<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2025-03-15\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>MEMO-GRADUATION DATE - 2025<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2025\/03\/MEMO-GRADUATION-DATE-2025.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2025-03-15<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2025-03-01\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>EXTERNAL ADVERTISEMENT FOR DIRECTORS<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2025\/03\/EXTERNAL-ADVERTISEMENT-FOR-DIRECTORS.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2025-03-01<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2025-01-15\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Revised Fees For 2025<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2025\/01\/REVISED-FEES-FOR-2025-1.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2025-01-15<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2024-11-01\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Graduation List 2024-2 Final<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2024\/11\/Graduation-List-2024-2-Final-List-1.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2024-11-01<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2024-10-15\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>26TH GRADUATION CEREMONY OF 2024 - ZAF (Revised)<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2024\/10\/26TH-GRADUATION-CEREMONY-OF-2024-ZAF-revised.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2024-10-15<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2024-10-01\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Fee Schedules 2023-4<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2024\/10\/Fee_Schedules_2023-4.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2024-10-01<\/span><\/td>\n <\/tr>\n <tr data-upload-date=\"2024-10-05\">\n <td data-label=\"Document\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>Graduation Advert<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2024\/10\/GRADUATION-ADVERT.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Uploaded\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> 2024-10-05<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div id=\"noResults\" class=\"no-results hidden\">\n <i class=\"fas fa-file-search\"><\/i>\n No documents match your search.\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ ----- Get document elements from the table ONLY -----\n function getDocumentElements() {\n const elements = [];\n const rows = document.querySelectorAll('#documentTable tr');\n rows.forEach(row => {\n const nameCell = row.querySelector('td:first-child .doc-name');\n if (nameCell) {\n elements.push({\n element: row,\n text: nameCell.textContent.toLowerCase()\n });\n }\n });\n return elements;\n }\n\n \/\/ ----- Update document count -----\n const countEl = document.getElementById('docCount');\n \n function updateCount() {\n const docs = getDocumentElements();\n const total = docs.length;\n if (countEl) countEl.textContent = total;\n console.log(`\ud83d\udcc4 Found ${total} documents in the table`);\n return docs;\n }\n\n \/\/ ----- Search functionality -----\n const searchInput = document.getElementById('searchInput');\n const clearBtn = document.getElementById('clearSearchBtn');\n const noResults = document.getElementById('noResults');\n const tableRows = document.querySelectorAll('#documentTable tr');\n\n function filterRows(query) {\n const lowerQuery = query.toLowerCase().trim();\n let visibleCount = 0;\n\n tableRows.forEach(row => {\n const nameCell = row.querySelector('td:first-child .doc-name');\n if (!nameCell) return;\n const text = nameCell.textContent.toLowerCase();\n\n if (lowerQuery === '' || text.includes(lowerQuery)) {\n row.style.display = '';\n visibleCount++;\n } else {\n row.style.display = 'none';\n }\n });\n\n \/\/ Update count\n if (countEl) countEl.textContent = visibleCount;\n\n \/\/ Show\/hide no results\n if (visibleCount === 0 && lowerQuery !== '') {\n noResults.classList.remove('hidden');\n } else {\n noResults.classList.add('hidden');\n }\n\n \/\/ Show\/hide clear button\n if (lowerQuery.length > 0) {\n clearBtn.classList.add('visible');\n } else {\n clearBtn.classList.remove('visible');\n }\n }\n\n \/\/ ----- Initial count on page load -----\n const initialDocs = updateCount();\n\n \/\/ ----- Event listeners -----\n searchInput.addEventListener('input', function() {\n filterRows(this.value);\n });\n\n clearBtn.addEventListener('click', function() {\n searchInput.value = '';\n filterRows('');\n searchInput.focus();\n });\n\n searchInput.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n this.value = '';\n filterRows('');\n this.blur();\n }\n });\n\n console.log('\ud83d\udcc4 NIPA \u00b7 document library with accurate count');\n })();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4318c3a e-flex e-con-boxed e-con e-parent\" data-id=\"4318c3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ca5982 elementor-widget elementor-widget-html\" data-id=\"9ca5982\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Distance Learning Time Tables (2026 - Semester 2)<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #f4f7fb;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n padding: 2rem 1.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n }\n\n .card {\n max-width: 1300px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 1.8rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE *\/\n .main-title {\n text-align: center;\n font-size: 2.8rem;\n font-weight: 800;\n letter-spacing: 1px;\n color: #026F3D;\n margin-bottom: 0.3rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.2;\n }\n\n .main-title i {\n color: #f57944;\n margin-right: 12px;\n font-size: 2.6rem;\n }\n\n .sub-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem 0.5rem;\n margin-top: 0.5rem;\n margin-bottom: 1.8rem;\n }\n\n .sub-header h2 {\n font-size: 1.1rem;\n font-weight: 500;\n color: #1f3b2e;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sub-header h2 i {\n color: #026F3D;\n font-size: 1.2rem;\n }\n\n .table-responsive {\n overflow-x: auto;\n border-radius: 18px;\n background: white;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.95rem;\n min-width: 500px;\n }\n\n thead {\n background: #026F3D;\n color: white;\n }\n\n thead th {\n padding: 1rem 1.2rem;\n font-weight: 600;\n font-size: 0.9rem;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n text-align: left;\n border: none;\n white-space: nowrap;\n }\n\n thead th:first-child {\n border-radius: 14px 0 0 0;\n }\n thead th:last-child {\n border-radius: 0 14px 0 0;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef3f0;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #f8fbfa;\n }\n\n tbody td {\n padding: 1rem 1.2rem;\n vertical-align: middle;\n border: none;\n color: #1a2e25;\n }\n\n .doc-name {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n }\n\n .doc-name i {\n color: #026F3D;\n font-size: 1.2rem;\n width: 1.6rem;\n text-align: center;\n }\n\n .download-link {\n background: #eaf5ef;\n color: #026F3D;\n text-decoration: none;\n font-weight: 600;\n padding: 0.4rem 1.2rem;\n border-radius: 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 0.85rem;\n border: 2px solid transparent;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;\n cursor: pointer;\n }\n\n .download-link i {\n font-size: 0.9rem;\n transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n .download-link:hover {\n background: rgba(2, 111, 61, 0.08);\n color: #026F3D;\n border-color: rgb(245, 121, 68);\n box-shadow: 0 4px 16px rgba(245, 121, 68, 0.25);\n transform: translateY(-2px) scale(1.02);\n }\n\n .download-link:hover i {\n transform: translateY(-2px) rotate(-8deg) scale(1.15);\n }\n\n .download-link:active {\n transform: scale(0.94) translateY(0px);\n background: rgba(2, 111, 61, 0.15);\n box-shadow: 0 2px 8px rgba(245, 121, 68, 0.15);\n }\n\n .download-link:active i {\n transform: translateY(2px) scale(0.9);\n }\n\n .download-link::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(245, 121, 68, 0.15);\n transform: translate(-50%, -50%);\n transition: width 0.5s ease, height 0.5s ease, opacity 0.5s ease;\n opacity: 0;\n pointer-events: none;\n }\n\n .download-link:hover::after {\n width: 200px;\n height: 200px;\n opacity: 0.3;\n }\n\n .download-link:active::after {\n width: 250px;\n height: 250px;\n opacity: 0.5;\n transition-duration: 0.1s;\n }\n\n .date-badge {\n background: #f0f4f2;\n padding: 0.25rem 0.9rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1f3b2e;\n display: inline-block;\n white-space: nowrap;\n }\n\n .date-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n color: #026F3D;\n }\n\n .table-responsive::-webkit-scrollbar {\n height: 6px;\n }\n .table-responsive::-webkit-scrollbar-track {\n background: #eaf0ec;\n border-radius: 10px;\n }\n .table-responsive::-webkit-scrollbar-thumb {\n background: #026F3D;\n border-radius: 10px;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1rem;\n }\n table {\n font-size: 0.9rem;\n min-width: 400px;\n }\n thead th,\n tbody td {\n padding: 0.8rem 0.8rem;\n }\n .main-title {\n font-size: 2rem;\n }\n .main-title i {\n font-size: 1.8rem;\n }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 0.8rem;\n }\n .sub-header {\n flex-direction: column;\n align-items: stretch;\n gap: 0.8rem;\n }\n .sub-header h2 {\n font-size: 1rem;\n }\n .main-title {\n font-size: 1.6rem;\n }\n .main-title i {\n font-size: 1.4rem;\n margin-right: 8px;\n }\n }\n\n @media (max-width: 600px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.5rem;\n border-radius: 20px;\n }\n\n table,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n }\n\n thead {\n display: none;\n }\n\n tbody tr {\n display: block;\n margin-bottom: 1.2rem;\n border: 1px solid #e3ebe7;\n border-radius: 18px;\n padding: 0.6rem 0.2rem 0.4rem;\n background: white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n }\n\n tbody tr:hover {\n background: white;\n }\n\n tbody td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.4rem 0.7rem;\n border: none;\n border-bottom: 1px solid #ecf3ef;\n background: transparent;\n flex-wrap: wrap;\n gap: 0.3rem 0.4rem;\n }\n\n tbody td:last-child {\n border-bottom: none;\n }\n\n tbody td::before {\n content: attr(data-label);\n font-weight: 600;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #026F3D;\n background: #edf5f0;\n padding: 0.1rem 0.7rem;\n border-radius: 30px;\n display: inline-block;\n width: auto;\n flex-shrink: 0;\n }\n\n .doc-name {\n font-weight: 500;\n gap: 6px;\n flex: 1 1 auto;\n min-width: 120px;\n }\n\n .doc-name i {\n font-size: 1rem;\n width: 1.4rem;\n }\n\n .download-link {\n padding: 0.2rem 0.9rem;\n font-size: 0.75rem;\n border-width: 2px;\n }\n\n .date-badge {\n font-size: 0.7rem;\n padding: 0.15rem 0.6rem;\n }\n\n tbody td .doc-name,\n tbody td .download-link,\n tbody td .date-badge {\n margin-left: auto;\n }\n\n tbody td:first-child .doc-name {\n margin-left: 0;\n flex: 1;\n }\n\n .table-responsive {\n border-radius: 14px;\n }\n\n .main-title {\n font-size: 1.3rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 1.2rem;\n margin-right: 6px;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.3rem;\n }\n tbody td {\n padding: 0.3rem 0.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.2rem;\n }\n tbody td::before {\n margin-bottom: 0.1rem;\n }\n .doc-name,\n .download-link,\n .date-badge {\n margin-left: 0 !important;\n width: 100%;\n justify-content: flex-start;\n }\n .download-link {\n justify-content: center;\n }\n .main-title {\n font-size: 1.1rem;\n letter-spacing: 0.5px;\n }\n .main-title i {\n font-size: 1rem;\n }\n .sub-header h2 {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n \n <div class=\"main-title\">\n <i class=\"fas fa-graduation-cap\"><\/i> Distance Learning Time Tables <span style=\"font-weight: 300; color: #f57944;\">\u2014<\/span> Semester 2, 2026\n <\/div>\n\n \n <div class=\"sub-header\">\n <h2>\n <i class=\"fas fa-calendar-alt\"><\/i>\n Download your timetable below\n <\/h2>\n <span style=\"font-size: 0.85rem; color: #4a6b5a; background: #ecf3ef; padding: 0.3rem 1rem; border-radius: 30px;\">\n <i class=\"fas fa-clock\" style=\"margin-right: 6px; color: #026F3D;\"><\/i> Updated regularly\n <\/span>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table>\n <thead>\n <tr>\n <th><i class=\"fas fa-file-alt\" style=\"margin-right: 8px;\"><\/i>Time Table<\/th>\n <th>Download<\/th>\n <th><i class=\"far fa-calendar-alt\" style=\"margin-right: 6px;\"><\/i>Date Posted<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"documentTable\">\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>13.07.26 BSD TIME-TABLE<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/13.07.26-BSD-TIME-TABLE-PDF.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>16-7-26 DISTANCE-BDSS<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/16-7-26-DISTANCE-BDSS-timetable-Formated-PDF.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>14-7-26 LLB DISTANCE Legal-timetable<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/14-7-26LLBDISTANCE-Legal-timetable-PDF.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>15-7-26 DISTANCE CERTIFICATE TIMETABLE<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/15-7-26-DISTANCE-CERTIFICATE-TIMETABLE-JAN-26-PDF.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>ZAF CAL 2026 RESIDENTIAL SCHOOL<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/ZAF-CAL-2026-RESIDENTIAL-SCHOOL_Phoenix-1.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>13-07-26 Diploma- DISTANCE-JULY 2026-timetables<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/13-07-26-Diploma-DISTANCE-JULY-2026-timetables-PDF.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n\n\n <tr>\n <td data-label=\"Time Table\"><span class=\"doc-name\"><i class=\"fas fa-file-pdf\"><\/i>15-7-26 MSD.DISTANCE LEARNING -2026-MSD-Timetables PDF<\/span><\/td>\n <td data-label=\"Download\">\n <a href=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/07\/15-7-26-MSD.DISTANCE-LEARNING-2026-MSD-Timetables-PDF.pdf\" download class=\"download-link\">\n <i class=\"fas fa-arrow-down\"><\/i> Download\n <\/a>\n <\/td>\n <td data-label=\"Date Posted\"><span class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> <span class=\"date-value\"><\/span><\/span><\/td>\n <\/tr>\n\n\n <\/tbody>\n <\/table>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ ----- Insert current date -----\n function getCurrentDate() {\n const date = new Date();\n const year = date.getFullYear();\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const day = String(date.getDate()).padStart(2, '0');\n return `${year}-${month}-${day}`;\n }\n\n const currentDate = getCurrentDate();\n document.querySelectorAll('.date-value').forEach(el => {\n el.textContent = currentDate;\n });\n\n \/\/ ----- Hidden count functionality -----\n const totalRows = document.querySelectorAll('#documentTable tr').length;\n console.log(`\ud83d\udcc4 Distance Learning Time Tables \u2014 ${totalRows} time tables loaded`);\n \n document.querySelector('.card').dataset.totalDocuments = totalRows;\n window.documentCount = totalRows;\n\n console.log('\ud83d\udcc4 Distance Learning Time Tables \u2014 ready');\n })();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NIPA \u00b7 Latest Documents Latest Documents 0 documents Document Download Date Uploaded Final-Edit-Academic Calendar-2026-2027. Download 2026-07-16 NIPA Revised Deferred Timetable Final_Session Download 2026-06-15 NIPA News Vol 2 _ Oct to Dec 2024 Download 2025-06-10 Memo For Students Download 2025-05-20 Ad-Solar Download 2025-03-31 MEMO-GRADUATION DATE – 2025 Download 2025-03-15 EXTERNAL ADVERTISEMENT FOR DIRECTORS Download 2025-03-01 Revised […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-53127","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"tharrison","author_link":"https:\/\/www.nipa.ac.zm\/index.php\/author\/tharrison\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"NIPA \u00b7 Latest Documents Latest Documents 0 documents Document Download Date Uploaded Final-Edit-Academic Calendar-2026-2027. Download 2026-07-16 NIPA Revised Deferred Timetable Final_Session Download 2026-06-15 NIPA News Vol 2 _ Oct to Dec 2024 Download 2025-06-10 Memo For Students Download 2025-05-20 Ad-Solar Download 2025-03-31 MEMO-GRADUATION DATE – 2025 Download 2025-03-15 EXTERNAL ADVERTISEMENT FOR DIRECTORS Download 2025-03-01 Revised…","_links":{"self":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/53127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/comments?post=53127"}],"version-history":[{"count":320,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/53127\/revisions"}],"predecessor-version":[{"id":55526,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/53127\/revisions\/55526"}],"wp:attachment":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/media?parent=53127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}