Course Wise Past Papers body{ font-family: Arial, sans-serif; background:#f2f4f7; margin:0; padding:15px; } .container{ max-width:1000px; margin:auto; } h2{ text-align:center; margin-bottom:20px; color:#333; } /* ===== TABLE (Desktop) ===== */ table{ width:100%; border-collapse:collapse; background:#fff; border-radius:10px; overflow:hidden; } th, td{ padding:16px; text-align:left; vertical-align:top; } th{ background:#1e88e5; color:#fff; } tr:nth-child(even){ background:#f9f9f9; } /* Papers list */ .paper{ display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid #eee; } .paper:last-child{ border-bottom:none; } .paper-name{ font-size:14px; color:#333; } .download-btn{ background:#d32f2f; color:#fff; padding:6px 12px; text-decoration:none; border-radius:6px; font-size:13px; white-space:nowrap; } .download-btn:hover{ background:#b71c1c; } /* ===== MOBILE CARD VIEW ===== */ @media(max-width:700px){ table, thead, tbody, th, tr{ display:block; } thead{ display:none; } table{ background:transparent; } tr{ background:#fff; margin-bottom:15px; border-radius:12px; box-shadow:0 6px 15px rgba(0,0,0,0.08); padding:15px; } td{ display:block; padding:0; } .course-title{ font-size:17px; font-weight:bold; margin-bottom:12px; color:#1e88e5; } .paper{ flex-direction:row; gap:10px; padding:10px 0; } .paper-name{ font-size:14px; } .download-btn{ padding:8px 14px; font-size:14px; } } Course Title Papers const courses = [ { title: "Expository Writing", papers: [ { name: "Mid Term 2022", link: "https://drive.google.com/file/d/MID2022/view" }, { name: "Final Term 2022", link: "https://drive.google.com/file/d/FINAL2022/view" }, { name: "Mid Term 2023", link: "https://drive.google.com/file/d/MID2023/view" } ] }, { title: "Tools for Quantitative Reasoning", papers: [ { name: "Tools for quantitative reasoning", link: "https://drive.google.com/file/d/1kGGy1OKF_W-aSiA9cwvfvxsq6bYSmWAF/view?usp=drivesdk" }, { name: "Final Term 2023", link: "https://drive.google.com/file/d/IS_FINAL_2023/view" }, { name: "Final Term 2023", link: "https://drive.google.com/file/d/IS_FINAL_2023/view" } ] }, { title: "Ideology and Constitution of Pakistan", papers: [ { name: "Ideology by sir Khawaja Noman", link: "https://drive.google.com/file/d/19SQSjHMNEroDViG4IwqT3idiep-WuLPT/view?usp=drivesdk" }, { name: "Final Term 2023", link: "https://drive.google.com/file/d/IS_FINAL_2023/view" }, { name: "Final Term 2023", link: "https://drive.google.com/file/d/IS_FINAL_2023/view" } ] }, { title: "Classical Drama", papers: [ { name: "Classical Drama by Sir Imran Adeel", link: "https://drive.google.com/file/d/1gYpUDF2W_W5Zj4UqrrxZRuVIA1MrH9NZ/view?usp=drivesdk" }, { name: "Final Term 2023", link: "https://drive.google.com/file/d/IS_FINAL_2023/view" }, { name: "Final Term 2023", link: "https://drive.google.com/file/d/IS_FINAL_2023/view" } ] }, { title: "Romantic Poetry", papers: [ { name: "Mid Term 2023", link: "https://drive.google.com/file/d/IS_MID_2023/view" }, { name: "Final Term 2023", link: "https://drive.google.com/file/d/IS_FINAL_2023/view" }, { name: "Final Term 2023", link: "https://drive.google.com/file/d/IS_FINAL_2023/view" } ] }, { title: "Literary Criticism-II", papers: [ { name: "Criticism 2 by Sir Qamar", link: "https://drive.google.com/file/d/1DZkZbT6h8KztjP91JWwwlel17mw0dWM3/view?usp=drivesdk" }, { name: "Final Term 2023", link: "https://drive.google.com/file/d/IS_FINAL_2023/view" }, { name: "Final Term 2023", link: "https://drive.google.com/file/d/IS_FINAL_2023/view" } ] } ]; const tableBody = document.getElementById("courseTableBody"); courses.forEach(course => { let papersHTML = ""; course.papers.forEach(paper => { papersHTML += ` ${paper.name} 📄Download PDF `; }); tableBody.innerHTML += ` ${course.title} ${papersHTML} `; });
